💡The Basic HTML Tags⚡️
Here are 10 common HTML tags that any web developer should know about.
They’re especially important for those just starting out with learning HTML.
👇A thread🧵
#CodeNewbies #100DaysOfCode
Here are 10 common HTML tags that any web developer should know about.
They’re especially important for those just starting out with learning HTML.
👇A thread🧵
#CodeNewbies #100DaysOfCode
1. <html>...</html>
This is the root element tag.
It designates that everything between these brackets contains HTML code.
This is the root element tag.
It designates that everything between these brackets contains HTML code.
2. <head>...</head>
This tag distinguishes the head of the web page from the content.
This is where you put JavaScript code or give ‘meta’ information about the website.
This tag distinguishes the head of the web page from the content.
This is where you put JavaScript code or give ‘meta’ information about the website.
3. <title>...</title>
Have you noticed that browser tabs contain text that gives you an overview of the website?
That text is written as the site’s title with this tag.
Have you noticed that browser tabs contain text that gives you an overview of the website?
That text is written as the site’s title with this tag.
4. <body>...</body>
The body tag specifies the actual content of the website.
The body tag specifies the actual content of the website.
5. <h1>...</h1>
This is a heading tag, which creates a title by making the text bigger and making it bold.
There are six heading tags: h1, h2, h3, h4, h5, h6, in descending order of size.
This is a heading tag, which creates a title by making the text bigger and making it bold.
There are six heading tags: h1, h2, h3, h4, h5, h6, in descending order of size.
6. <p>...</p>
This tag specifies that a given section is supposed to be its own paragraph.
Browsers usually insert blank spaces between paragraphs, making the text easier to read.
This tag specifies that a given section is supposed to be its own paragraph.
Browsers usually insert blank spaces between paragraphs, making the text easier to read.
7. <a>...</a>
This tag lets us create a link with its ‘href’ attribute, like this:👇
<a href="abc.com">Click here</a>
This tag lets us create a link with its ‘href’ attribute, like this:👇
<a href="abc.com">Click here</a>
8. <img>...</img>
The ‘image’ tag is how you insert images into a web page.
The ‘image’ tag is how you insert images into a web page.
9. <div>...</div>
Div tags group multiple pieces of content into a single container, which allows you to do things like apply separate styling to just that content
Div tags group multiple pieces of content into a single container, which allows you to do things like apply separate styling to just that content
10. <span>...</span>
Span is like a smaller version of div, used to style or interact with inline content.
You could add just a couple of words to a particular class
<span class='endorsement'>Text</span>
Which, again, is great for styling & making the content responsive.
Span is like a smaller version of div, used to style or interact with inline content.
You could add just a couple of words to a particular class
<span class='endorsement'>Text</span>
Which, again, is great for styling & making the content responsive.
End of thread.
If you liked this thread,
Please like & retweet the first tweet.
Follow me @ANoorTM for more such content.
If you liked this thread,
Please like & retweet the first tweet.
Follow me @ANoorTM for more such content.
https://twitter.com/ANoorTM/status/1427003538803146752?s=20
• • •
Missing some Tweet in this thread? You can try to
force a refresh
