This time, let's learn about the div tag.
The div tag is often used when creating layers. I use it when I write html code and I have the effect with CSS.
It is also used for layout. Header, container, content, footer and so on.
I know it is hard to know by now, but just remember those things, and figure out together later on.
Let's take a look at the layout.
I am header
I am content1
I am content2
I am content3
right
I am footer
Create the above layout using the div tag.
However, the above layout is not created with the div tag alone. You should use something called a stylesheet.
The source of the low-level layout is shown below.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div</title>
</head>
<body>
<div>
<div>
<p>I am header</p>
</div><!-- header -->
<div>
<div>
<div>
<p>I am content1</p>
</div><!-- content1 -->
<div>
<p>I am content2</p>
</div><!-- content2 -->
<div>
<p>I am content3</p>
</div><!-- content3 -->
</div>
<div>
<p>right</p>
</div>
</div><!-- container -->
<div>
<p >I am footer</p>
</div><!-- footer -->
</div>
</body>
</html>
result
There is only a div tag and a p tag. If you apply a style sheet there, you can do it like that.
I forgot to explain the p tag. ^^
You could think of the p tag as a text-writing tag. As I know, the word p is a abbreviation of paragraph.
If you have text that you'd like to bundle into one, <p> Hello </p>
So let's finish the html course and learn the style sheet.