DEV Community

Cover image for HTML5 Tags at a glance
saiteja623
saiteja623

Posted on

HTML5 Tags at a glance

Let us have a look at common HTML5 tags.

Document Outline

<!DOCTYPE>         <!-- Version of (X)HTML -->
<html>                <!--HTML Document-->
<head>               <!--page information -->
<body>               <!-- Page Contents -->
Enter fullscreen mode Exit fullscreen mode

Page Information

<base/>       <!-- Base URL -->
<meta/>       <!-- Meta data -->
<title>          <!--Title -->
<link/>         <!-- Relevant resource -->
<style>        <!-- Style resource -->
<script>       <!-- script resources --> 
Enter fullscreen mode Exit fullscreen mode

Links

<a href="">                   <!-- Page link -->
<a href="mailto:">        <!-- Email link -->
<a name="name">        <!-- Anchor -->
<a href="#name">        <!-- Link to a anchor -->
Enter fullscreen mode Exit fullscreen mode

Document Structure

<h1><h6>       <!-- Headings -->
<div>               <!-- Page section or a division -->
<span>            <!-- Inline section -->
<p>                  <!-- Paragraph -->
<br/>                <!--Line break -->
<hr/>                <!-- Horizontal line -->
Enter fullscreen mode Exit fullscreen mode

Forms

<form>        <!-- form -->
<fieldset>    <!--collection of fields -->
<legend>     <!-- Form legend -->
<label>         <!-- Label for Input -->
<input />      <!-- Input fields-->
<select>       <!-- Drop-down box -->
<optgroup>  <!--Group of options -->
<option>     <!--Drop down options -->
<textarea>   <!--Large text Input -->
<button>       <!-- A button  -->

Enter fullscreen mode Exit fullscreen mode

Tables

<table>              <!-- Table -->
<caption>          <!-- For Caption -->
<thread>           <!--Thread -->
<tbody>            <!-- Table body -->
<tfoot>              <!-- Table foot -->
<colgroup>      <!-- Column Group -->
<col/>                <!-- column -->
<tr>                   <!-- table row-->
<th>                   <!-- Header Cell -->
<td>                  <!-- Table cell -->
Enter fullscreen mode Exit fullscreen mode

Lists

<ol>       <!-- Ordered List -->
<ul>       <!-- UnOrdered List -->
<li>        <!-- List Item -->
<dl>       <!-- Definition List -->
<dt>      <!-- Definition term -->
<dd>     <!-- Term description -->
Enter fullscreen mode Exit fullscreen mode

Okay, I think I almost covered all common HTML Tags we often use. If I miss one in case ?, Please DO let me know!

Thanks for the read.

Lets connect on Twitter

Happy Coding :)

Top comments (0)