You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/GitHub/GitHub-basics/first-opensource-code.md
+76-53Lines changed: 76 additions & 53 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,109 +8,132 @@ description: In this tutorial, you will learn about HTML elements and tags. HTML
8
8
keywords: [html, web development, elements, tags, html elements, html tags, html tutorial, html basics, web design, web pages, websites, html structure, html elements tutorial, html tags tutorial, html in 2024]
9
9
---
10
10
11
-
HTML Attributes and Values are used to provide additional information about HTML elements
11
+
# First Open Source Project – HTML Basics & GitHub Contribution
12
12
13
-
## HTML Attributes
13
+
## Introduction
14
+
15
+
In this tutorial, you will learn about HTML elements, attributes, and their values, as well as how to make your first open source contribution directly through GitHub—no command line required!
16
+
17
+
## What Are HTML Attributes?
18
+
19
+
HTML attributes provide additional information about HTML elements and change their behavior or appearance. They are written inside the opening tag of an element.
14
20
15
-
HTML attributes are used to provide additional information about HTML elements.
16
21
Here is an example of an HTML element with attributes:
17
22
18
-
Go to this repository https://github.com/sanjay-kv/Open-source-Practice
19
-
```html title="fork the repository"
20
-
https://github.com/sanjay-kv/Open-source-Practice
21
-
```
23
+
Go to this repository [https://github.com/sanjay-kv/Open-source-Practice](https://github.com/sanjay-kv/Open-source-Practice)
<divalign="center"><small>Step 1: Repository Home Page</small></div>
29
+
</BrowserWindow>
27
30
28
-
In this example, the `<a>` element is an
31
+
In this example, the `<a>` element is an anchor tag that links to a GitHub repository.
29
32
30
-
## HTML Attribute Values
33
+
## Understanding HTML Attribute Values
31
34
32
35
HTML attribute values define specific settings or properties for attributes. They are assigned to attributes using the `=` sign and enclosed in quotes (`"` or `'`). The value of an attribute can be a string, number, URL, color, or other data types depending on the attribute.
33
36
34
37
Here is an example of an HTML element with attribute values:
The **Compare across forks** feature allows you to compare changes between your forked repository and the original repository. This helps you review what modifications you've made before submitting your Pull Request.
98
120
121
+
This comparison view shows a side-by-side diff of commits and file changes, making it easier to:
99
122
123
+
- Identify added, modified, or deleted lines of code or documentation.
124
+
- Ensure that only intended changes are included before proposing a merge.
125
+
- Detect any inadvertent or unrelated changes early in the Pull Request process.
126
+
- Confirm that your feature branch or fork is updated against the base branch to reduce merge conflicts.
You select your fork and branch as the "compare" source and the original repository as the "base." GitHub then displays the exact changes, commits, and file differences between these two.
104
129
130
+
Using this feature is a vital step to maintain code quality and smooth collaboration when contributing to open source or shared projects. It helps maintainers and contributors clearly understand the scope and impact of proposed changes before merging.
<iframewidth="883"height="480"src="https://www.youtube.com/embed/R7NReLBCT_8?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63"title="How to do your first opensource on GitHub"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"referrerpolicy="strict-origin-when-cross-origin"allowfullscreen></iframe>
112
134
135
+
<iframewidth="883"height="480"src="https://www.youtube.com/embed/R7NReLBCT_8?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63"title="How to do your first opensource on GitHub"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"referrerpolicy="strict-origin-when-cross-origin"allowfullscreen></iframe>
113
136
114
137
## Conclusion
115
138
116
-
HTML attributes and values play a crucial role in web development
139
+
HTML attributes and values play a crucial role in web development. You have now learned how to fork a repository, edit files directly on GitHub, commit changes, compare across forks, and create a Pull Request—making your first open source contribution!
0 commit comments