DEV Community

Cover image for Day 2/200 (Full Stack)
Munin Borah
Munin Borah

Posted on

Day 2/200 (Full Stack)

#webdev #programming #javascript #beginners

Today's progress:
✅ Learned HTML tags.
✅ Tags: heading, anchor, image, bold, italic, underline, paragraph, big, small, hr, subscript, superscript, pre.

DETAILED BREAKDOWN:

  • Heading tag: used to add a heading in webpage. So, in HTML, there are 6 heading tags. 
  <h1>Heading 1</h1>
    <h2>Heading 1</h2>
    <h3>Heading 1</h3>
    <h4>Heading 1</h4>
    <h5>Heading 1</h5>
    <h6>Heading 1</h6>
Enter fullscreen mode Exit fullscreen mode
  • Anchor tag: used to add links to the webpage. 
 <a target="_blank" href="https://www.google.com">Google</a>
Enter fullscreen mode Exit fullscreen mode
  • Image tag: used to add image to the webpage. 
<img src="source of the image" alt="alternate text if image is unable to display">
Enter fullscreen mode Exit fullscreen mode
  • Bold, italic, underline tag: As the name says, bold, italic, and underline do the same thing. 
 <u>this is under line</u>
 <i>this is italic</i>
 <b>this is bold</b>
Enter fullscreen mode Exit fullscreen mode
  • paragraph tag: used to add paragraph text. 
<p> This is a paragraph and here we can add text. </p>
Enter fullscreen mode Exit fullscreen mode
  • Big and small tag: used to make the text a bit smaller and a bit larger. 
 <big>this is big text</big>
 <small>this is small text</small>
Enter fullscreen mode Exit fullscreen mode
  • Hr tag and Br tag: so Br tag is used to add line breaks, and hr tag is used to add a horizontal ruler in the webpage. 
<br> 
<hr>
Enter fullscreen mode Exit fullscreen mode
  • subscript and superscript tag: so basically through this tag we can write things like CO2 or H2O, this type of text. 
   this <sub>is</sub> subscript
   this <sup>is</sup> superscript
Enter fullscreen mode Exit fullscreen mode
  • Pre tag: by using this tag we can display the text as it is, written in the code because HTML ignores spaces so through this we can add spaces. 
<pre> so this is a pre tag
and              the text will
be display        like this.
</pre>
Enter fullscreen mode Exit fullscreen mode

so this are some of the tags that I had learned today,
keep learning keep growing.

Top comments (2)

Collapse
 
mister_keto profile image
mister_keto •

i would like to follow your journey too. i was leraning in spanish html and css in a 24h videotutorial.

Collapse
 
munin-1 profile image
Munin Borah •

That's good keep it up.