DEV Community

elinabey
elinabey

Posted on

The Complete Guide Of ALL HTML tags

Complete Guide Of ALL HTML tags

The Complete Guide Of HTML tags, in a single tutorial, you will learn All HTML Tags with examples. HTML tags like a keyword that describes how the web browser will display the content. With the help of HTML tags, A Browser can differentiate the HTML content and simple content. However, HTML tags having three important parts:
Opening tag <>  closing </> tag and content. But many HTML tags are unclosed.

An HTML Document/Page must have some vital HTML tags in which a web browser can distinguish between simple and HTML content.

HTML <!--...--> Tag

<!--This is a comment. Comments are not displayed in the browser-->
<p>This is a paragraph.</p>
Enter fullscreen mode Exit fullscreen mode

HTML <!DOCTYPE> Declaration

<!DOCTYPE html>
<p>The content of the document......</p>
Enter fullscreen mode Exit fullscreen mode

HTML <a> Tag

<a href="https://www.softcodeon.com">Soft Codeon!</a>
Enter fullscreen mode Exit fullscreen mode

HTML <abbr>  and <acronym> Tag

<h1>The abbr element</h1>
<p>Using <abbr title="Learn HTML">HTML</abbr> is fun and easy!</p>
<h1>The acronym element</h1>
Can I get this <acronym title="Learn HTML">HTML Guide</acronym>?
<p><strong>Note:</strong> The acronym element is not supported in HTML5.</p>

Enter fullscreen mode Exit fullscreen mode

HTML Tag

<h3>HTML <span style="color: #000000;">&lt;area&gt;</span> Tag</h3>
<p>The <strong>&lt;area&gt;</strong> tag describe an area inside an image-map. This element is always nested inside <strong>&lt;map&gt;</strong> element.</p>
Enter fullscreen mode Exit fullscreen mode

HTML <article> Tag

<article>
<h2>Google Chrome</h2>
<p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
</article>
Enter fullscreen mode Exit fullscreen mode

HTML <caption> Tag

<table>
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
Enter fullscreen mode Exit fullscreen mode

HTML DL Tag

<p>These three elements are use to create a description list:</p>
<dl>
  <dt>Coffee</dt>
  <dd>Black hot drink</dd>
  <dt>Milk</dt>
  <dd>White cold drink</dd>
</dl>
Enter fullscreen mode Exit fullscreen mode

I shared this post from Complete Guide Of ALL HTML tags you can read in detail from there.

If you have any question please discuss below help to improve. Thank you.

Top comments (0)