DEV Community

Cover image for Day 3/200 (Full stack)
Munin Borah
Munin Borah

Posted on

Day 3/200 (Full stack)

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>
Enter fullscreen mode Exit fullscreen mode
  • 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>
Enter fullscreen mode Exit fullscreen mode

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>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)