57 Essential HTML Tags To Know As A Beginner

This content originally appeared on DEV Community and was authored by Aya Bouchiha

Hi everybody, I'm Aya Bouchiha, after creating two posts about 10 important HTML Tags, I decided to talk about 57 essential HTML tags to know as a beginner.

but if you're not familiar with 'HTML tags', I highly recommend checking at least one of the given resources in this post.

Resources To Learn HTML & CSS

57 Essential HTML Tag That Is Good To Know As Beginner.

<div>: for defining a division.
<header>: for creating a header.
<section>: for defining a section.
<address>: is a tag that displays the contact information like email and phone number of the author of a document or an article
<nav>: for creating navigation.
<main>: for assigning the main content.
<footer>: for creating a footer.
<form>: for defining a form which is a section that almost contains some input fields that the user should enter for sharing his information like login & sign up forms.
<time>: for representing a specific period in time.
<label>: for specifying a label like name, email, password for an input field.
<input>: for creating an input field.
<textarea />: for creating a multiline input so that the user could write a text such as description or bio.
<select>: for creating a drop-down menu.
<option>: for creating an option of a drop-down menu
<datalist>: for creating a list of options that are established in advance.
<fieldset>: for grouping a set of elements that discuss the same idea in a form element.
<legend>: for defining a title of the fieldset element
<wbr>: for defining a word break chance.
<br/>: for breaking a line
<button>: for creating a clickable element like text, image, video
<code>: used for defining a text as a code.
<kbd>: used to define keyboard input, it is displayed with a monospace font
<var>: for indicating mathematical variables like x, y, and z.
<samp>: is used to define sample output from a program.
<pre>: for formatting a specific text.
<dl>: is used with <dt> and <dd> to define a description list.
<dt> defines a term in a description list.
<dd> describes a term in a description list.
<del>: defining a deleted text.
<ins>: for defining an inserted text.
<em>: create an emphasized (important) text.
<i>: create a text with italic styling.
<u>: defining an underlined text, (not recommended to use)
<b>: for creating a bold text.
<strong>: for specifying an important text with bold styling.
<small>: for creating a text with a small size
<dfn>: used to specify a term that is going to be defined, most browsers display this element with an italic font style.
<abbr>: defining an abbreviation, like HTML.
<h1>: (h1, h2, h3,..., h6) for specifying a header of specific content.
<a>: (anchor tag)for creating a link (hyperlink).
<mark>: for highlighting a text.
<progress>:
<meter>: for representing either a scalar value within a known range or a fractional value.
<noscript>: for displaying alternate HTML content if the browser does not support scripting.
<q>: for defining a "quote".
<bloquote>: for specifying that a text is taken from another place.
<table>: for defining a table in your document.
<thead>: (table head)
<tbody>: (table body)
<th>: for creating a title of a specific cell in your table
<td>: for creating a cell in your table
<tr>: (table row) for creating a row in your table
<video>: for displaying a video in your document.
<img />: for displaying an image in your document.
<ol>: for creating an ordered list.
<ul>: for creating an unordered list.
<li>: for creating an item of a list.

Reference

www.w3schools.com

Have a great day!

This content originally appeared on DEV Community and was authored by Aya Bouchiha

Print Share Comment Cite Upload Translate Updates

APA

Aya Bouchiha | Sciencx (2021-09-14T23:48:44+00:00) 57 Essential HTML Tags To Know As A Beginner. Retrieved from https://www.scien.cx/2021/09/14/57-essential-html-tags-to-know-as-a-beginner/

MLA

" » 57 Essential HTML Tags To Know As A Beginner." Aya Bouchiha | Sciencx - Tuesday September 14, 2021, https://www.scien.cx/2021/09/14/57-essential-html-tags-to-know-as-a-beginner/

HARVARD

Aya Bouchiha | Sciencx Tuesday September 14, 2021 » 57 Essential HTML Tags To Know As A Beginner., viewed ,<https://www.scien.cx/2021/09/14/57-essential-html-tags-to-know-as-a-beginner/>

VANCOUVER

Aya Bouchiha | Sciencx - » 57 Essential HTML Tags To Know As A Beginner. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/14/57-essential-html-tags-to-know-as-a-beginner/

CHICAGO

" » 57 Essential HTML Tags To Know As A Beginner." Aya Bouchiha | Sciencx - Accessed . https://www.scien.cx/2021/09/14/57-essential-html-tags-to-know-as-a-beginner/

IEEE

" » 57 Essential HTML Tags To Know As A Beginner." Aya Bouchiha | Sciencx [Online]. Available: https://www.scien.cx/2021/09/14/57-essential-html-tags-to-know-as-a-beginner/. [Accessed: ]

rf:citation

» 57 Essential HTML Tags To Know As A Beginner | Aya Bouchiha | Sciencx | https://www.scien.cx/2021/09/14/57-essential-html-tags-to-know-as-a-beginner/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

57 Essential HTML Tag That Is Good To Know As Beginner.

Reference

Related Posts