Difference between revisions of "CS46"
Namay-saini (talk | contribs) |
|||
Line 1: | Line 1: | ||
== HTML div Tag == | |||
You | === Introduction === | ||
Whenever you see the div tag in HTML, think of it as the abbreviation of division because that’s precisely what it is! The div tag just defines a division or section of the HTML document. You can put anything you want inside this section, from a header to some body text. | |||
You would use a div tag to define a division or a section. For example, if a website was describing different kinds of fish, there would be div tags around each section describing one type of fish. | |||
Although div tags don’t have any visual effect on the website itself, they are still beneficial. For example, they are important to use when wanting to implement a styles CSS file within that section. The div tag also makes it easier to read your code. That way, it is much easier for developers to view it. | Although div tags don’t have any visual effect on the website itself, they are still beneficial. For example, they are important to use when wanting to implement a styles CSS file within that section. The div tag also makes it easier to read your code. That way, it is much easier for developers to view it. | ||
To make the div tag, | === Example === | ||
To make the div tag, you would use this syntax: | |||
<syntaxhighlight> | |||
<div class="myDiv"> | |||
</syntaxhighlight> | |||
To close the div tag, write: | To close the div tag, write: | ||
<syntaxhighlight> | |||
</div> | |||
</syntaxhighlight> | |||
=== Conclusion === | |||
Another way of making your code much more readable is by tabbing the code within the div tag. This can be done by highlighting all the code with the div tag and pressing the tab key. That way, all the code within each div tag can be visually distinct. | Another way of making your code much more readable is by tabbing the code within the div tag. This can be done by highlighting all the code with the div tag and pressing the tab key. That way, all the code within each div tag can be visually distinct. |
Revision as of 18:29, 25 January 2023
HTML div Tag[edit]
Introduction[edit]
Whenever you see the div tag in HTML, think of it as the abbreviation of division because that’s precisely what it is! The div tag just defines a division or section of the HTML document. You can put anything you want inside this section, from a header to some body text.
You would use a div tag to define a division or a section. For example, if a website was describing different kinds of fish, there would be div tags around each section describing one type of fish.
Although div tags don’t have any visual effect on the website itself, they are still beneficial. For example, they are important to use when wanting to implement a styles CSS file within that section. The div tag also makes it easier to read your code. That way, it is much easier for developers to view it.
Example[edit]
To make the div tag, you would use this syntax:
<div class="myDiv">
To close the div tag, write:
</div>
Conclusion[edit]
Another way of making your code much more readable is by tabbing the code within the div tag. This can be done by highlighting all the code with the div tag and pressing the tab key. That way, all the code within each div tag can be visually distinct.