DEV Community

Cover image for HTML5 Tags at a glance
saiteja623
saiteja623

Posted on

3 1

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 :)

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Cloudinary image

Video API: manage, encode, and optimize for any device, channel or network condition. Deliver branded video experiences in minutes and get deep engagement insights.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay