Today's progress:
✅Learned some more HTML tags.
✅Learned about semantic tags in HTML.
✅Inline and block elements.
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>
Top comments (0)