If you’re trapped in tutorial hell while learning to code, this blog will help you cut through the confusion and get started the right way. I explained what HTML is in my previous blog, but I will also provide some additional details here. HTML stands for Hypertext Markup Language. It is essential for building our website because it allows us to add content to our site. Everything on a web page is written in HTML.
I have seen many resources for learning HTML, but they contain 100s of topics. Sometimes people fall into tutorial hell, and sometimes they cram all the concepts at once. It means that people do not see results for many months and years. I have experienced the same thing, but people get discouraged and quit coding, even though it is an exciting field.
I will only cover the most important tags that are useful for creating simple web pages, ensuring effective use of time. It is like when we are born and grow up; firstly, we learn the alphabet and start speaking without worrying about learning words first. So here the same concept lies.
Tags:
Tags helped us to build our web pages by defining the structure. Each tag starts with “< >” and ends with “</ >”.
Example:
<head>......</head>The tags I am going to cover are
<html>,<head>,<body>,<h1>–<h6>,<p>,<br>,<hr>,<i>,<b>
I will cover remaining in next blog.
Basic HTML Tags You Should Learn First
1. html:
This tag tells the browser the document is in HTML. All code written in this tag.
<html> .... </html>2. head:
This tag is to include metadata, such as the page title and links to CSS and JavaScript files. The content of the head tag is not visible on our browser. It is placed just after the HTML tag.
<html><head>
</head></html>3. <body>:
This tag allows us to display the content of documents on our web page. The body tag is placed just after the head tag.
<html><head>
</head><body>
</body></html>4. <h1>–<h6>:
This tag is used to add headings from h1 to h6. h1 used for main headings and h2 for subheadings based on priority and so on.
<body><h1>The main heading</h1><h6>Subheading</h6></body>
Output:
5. <br>
It allows you to add a line break. It has no closing tag.
<body><h1>The main heading</h1><br><br><br><h6>Subheading</h6></body>I have added 3 line breaks to show its working clearly.
Output:
6. <hr>
It allows us to include a horizontal line in the document. It has no closing tag.
<body><h1> Heading</h1><hr><h1> Heading</h1></body>
7. <p>
It is used to write simple paragraphs or text without any styling.
<body><p> I am learning HTML</p></body>
8. <b>
It shows bold text in appearance.
<body><p> I am learning <b>HTML</b></p></body>
9. <i>
It makes text italic for styling purposes.
<body><p> I am learning <i>HTML</i></p></body>
0 Comments