Introduction to HTML
Emmet in VS Code
Attributes in HTML
Javascript in HTML
Colors in HTML
Styles in HTML
Formatting elements in HTML
Heading, Paragraph, and Pre Tags in HTML
Iframe in HTML
The image tag, anchor tag and the button tag
Ordered and Unordered Lists in HTML
The division tag
HTML Forms
Tables in HTML
The division tag
The division tag has no logical significance. It is used to group together various tags
so that common styles or script can be applied to them.
It always starts with a new line. So,it is typically used to group similar
pieces of information in a HTML document. For example tags such as <a>
do not take up the full width and takeup whatever space is available without
starting with a new line. We can nest these tags within div tags to make them
start with a new line.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>
<a href="">Check out this link!</a>
</div>
<div>
<a href="">Check out this link!</a>
</div>
<div>
<a href="">Check out this link!</a>
</div>
<div>
<a href="">Check out this link!</a>
</div>
<div>
<a href="">Check out this link!</a>
</div>
<div>
<a href="">Check out this link!</a>
</div>
</body>
</html>
Before div
After div
However,tags like <h1> and <p> always start with a new line i.e their display is block.
The <a> tag has a display inline.