Web programming

The most commonly used HTML tags

Ngoc Phuong

Ngoc Phuong

2020-02-01 . 124 view

Anyone starting to learn Web design will need to learn HTML, which is considered fundamental knowledge. To help you grasp these concepts more easily, I have compiled the most commonly used basic HTML tags. Check them out!
In this post, I'll compile some of the most frequently encountered HTML tags to make learning HTML easier. If you're unsure what HTML is, you can read my post What is HTML?.

I. Common HTML Tags

1. html tag

<html>: the opening tag of an HTML document.

2. head tag

<head></head>: used to contain tags that provide information about the webpage. In HTML5, the head tag can be omitted. By default, the browser adds all elements before the <body> tag, defaulting them into the <head> element.

3. meta tag

<meta>: describes the content of the webpage.

4. link tag

<link>: used to embed a file into the webpage like CSS ...

5. script tag

<script></script>: tag used to embed JavaScript, js files.

6. style tag

<style></style>: used to encapsulate CSS content.

7. body tag

<body></body>: tag containing the main content of the website.

8. h1 tag

<h1></h1>: tag displaying the title of an article.

9. div tag

<div></div>: tag used to contain multiple elements, commonly used to create web page layout for easier management and coding.

10. span tag

<span></span>: tag containing content.

11. p tag

<p></p>: tag containing content, typically a paragraph.

12. a tag

<a></a>: tag to create a link.

13. ul tag

<ul></ul>: tag describing a list.

14. img tag

<img>: tag used to display images.

15. form tag

  • <form>: form tag along with input, legend, fieldset, label tags used to create form input for the webpage.
  • <legend>: title tag of an input group
  • <fieldset>: tag used to group input fields
  • <label>: title of an input field
  • <input>: input tag

16. br tag

<br>: line break tag

17. hr tag

<hr>: tag creating a horizontal line

18. table tag

  • <table></table>: table tag in combination with tr, th, td tags used to create a table.
  • <tr></tr>: create a row in a table
  • <th></th>: create the first row of a table
  • <td></td>: create a column in a row of a table

19. iframe tag

<iframe></iframe>: tag to embed content into the current webpage.

19. b tag

<b></b>: tag to bold text

20. strong tag

<strong></strong>: tag making text bold to emphasize the meaning of the text

21. i tag

<i></i>: tag to italicize text

22. u tag

<u></u>: underline text tag

23. s tag

<s></s>: tag to create strikethrough text

24. sub and sup tags

<sub></sub>: tag create subscript text style

25. blockquote tag

<blockquote></blockquote>: tag describing a quote.

26. pre tag

<pre></pre> : tag preserving the formatting of the text content.

II. Addition of some common HTML5 tags

1. section tag

<section></section>: section tag is used to create an area containing similar content.

2. article tag

<article></article>: article tag is used as independent content.

3. header tag

<header></header>: header tag is used for the top of a page or the top of a tag.

4. footer tag

<footer></footer>: footer tag is similar to the header tag and is used for the bottom of a page or the bottom of a tag.

5. nav tag

<nav></nav>: nav tag is used to contain navigation links within a page.

6. aside tag

<aside></aside>: aside tag is used to contain information beside the main content.

7. figure tag

<figure></figure>: figure tag is used to identify grouped related content, like images, diagrams, code and are often used with figcaption to denote a caption.

Ngoc Phuong
Ngoc Phuong

Web Developer

Thank you for visiting my website. My name is Ngoc Phuong, and I have over 10 years of experience in website development. I am confident in stating that I am an expert in creating impressive and effective websites. If you need a website designed, please feel free to contact me via email at [email protected].

0 feedback

Search
Trend
Social network
Ads

Related article