- Регистрация
- 1 Мар 2015
- Сообщения
- 1,481
- Баллы
- 155
Today's progress:
Learned some more HTML tags.
Learned about semantic tags in HTML.
Inline and block elements.
Here's a Detailed breakdown:
<body>
<header>
This is header
</header>
<main>
this is main
<div>
<h1>i am heading inside div</h1>
<p>i am paragraph inside div</p>
</div>
<span>
ok i am span
</span>
<span>
i am also a span, we are brothers
</span>
</main>
<footer>
This is footer
</footer>
</body>
SO, block-level elements are those element that takes the full width of the page.
<div>
<h1>i am heading inside div</h1>
<p>i am paragraph inside div</p>
</div>
and inline element is an element that takes only as much width as needed.
<span>
ok i am span
</span>
<span>
i am also a span, we are brothers
</span>
Here's a Detailed breakdown:
- semantic tags: So, in HTML, we can use different tags to create a page layout, but there is a way of creating a page layout that is better for page SEO and to rank it in Google or other search engines.
<body>
<header>
This is header
</header>
<main>
this is main
<div>
<h1>i am heading inside div</h1>
<p>i am paragraph inside div</p>
</div>
<span>
ok i am span
</span>
<span>
i am also a span, we are brothers
</span>
</main>
<footer>
This is footer
</footer>
</body>
- Inline element and block-level element.
SO, block-level elements are those element that takes the full width of the page.
<div>
<h1>i am heading inside div</h1>
<p>i am paragraph inside div</p>
</div>
and inline element is an element that takes only as much width as needed.
<span>
ok i am span
</span>
<span>
i am also a span, we are brothers
</span>