HTML Tags - Javatpoint

LogoTutorials×

Python

Python Django Numpy Pandas Tkinter Pytorch Flask OpenCV

AI, ML and Data Science

Artificial Intelligence Machine Learning Data Science Deep Learning TensorFlow Artificial Neural Network Matplotlib Python Scipy

Java

Java Servlet JSP Spring Boot Spring Framework Hibernate JavaFX Java Web Services

B.Tech and MCA

DBMS Data Structures Operating System Computer Network DAA Computer Organization Software Engineering Data Mining

Web Technology

HTML CSS JavaScript Jquery Angular-8 React JS React Native Node JS

Software Testing

Software Testing Selenium JIRA JMeter Postman TestNG SoapUI CucumberInterview×

Technical Interview

C C++ Php Java Python JavaScript TypeScript

Java Interview

JDBC Servlet Maven Jenkins Spring Spring Boot JDB Hibernate JSF

Web Interview

HTML CSS JavaScript Jquery Angular Node-JS AJAX

Database Interview

DBMS SQL PL/SQL Oracle MySQL MongoDB Redis MariaDB

Company Interviews

IBM Adobe Microsoft Amazon TCS HCL Wipro DXC Accenture Capgemini Space X Ericsson Infosy IGate EXL IndiaMART Sapient
  • Compiler
    • Python
    • Java
    • Php
    • C
    • C++
    • R
    • Html
    • Javascript
    • Typescript
    • Swift
  • HTML Tutorial

    • Introduction to HTML
    • What is HTML
    • HTML Text Editors
    • HTML Building Blocks
    • HTML tags
    • HTML Attributes
    • HTML Elements
    • HTML Formatting
    • HTML Heading
    • HTML Paragraph
    • HTML Phrase Tags
    • HTML Anchor
    • HTML Image
    • HTML Table
    • HTML Lists
    • HTML Ordered List
    • HTML Unordered List
    • HTML Description List
    • HTML Form
    • HTML Form Input
    • HTML Form Attribute
    • HTML with CSS
    • HTML Classes
    • HTML Id
    • HTML Iframes
    • HTML JavaScript
    • HTML Comments
    • HTML File Path
    • HTML Head
    • HTML Layout
    • HTML Layout Techniques
    • HTML Responsive
    • HTML Computercode
    • HTML Entities
    • HTML Symbols
    • HTML Charset
    • HTML URL Encode

    HTML Attributes

    • HTML Global Attributes
    • HTML Event Attributes

    HTML Tags List

    • HTML 5 Tags
    • HTML <!DOCTYPE> Tag
    • HTML <a> Tag
    • HTML <abbr> Tag
    • HTML <acronym> Tag
    • HTML <address> Tag
    • HTML <applet> Tag
    • HTML <area> Tag
    • HTML <article> Tag
    • HTML <aside> Tag
    • HTML <audio> Tag
    • HTML <b> Tag
    • HTML <base> Tag
    • HTML <basefont> Tag
    • HTML <bdi> Tag
    • HTML <bdo> Tag
    • HTML <big> Tag
    • HTML <blockquote> Tag
    • HTML <body> Tag
    • HTML <br> Tag
    • HTML <button> Tag
    • HTML <canvas> Tag
    • HTML <caption> Tag
    • HTML <center> Tag
    • HTML <cite> Tag
    • HTML <code> Tag
    • HTML col Tag
    • HTML <colgroup> Tag
    • HTML <data> Tag
    • HTML <datalist> Tag
    • HTML <dd> Tag
    • HTML <del> Tag
    • HTML <details> Tag
    • HTML <dfn> Tag
    • HTML <dialog> Tag
    • HTML <dir> Tag
    • HTML <div> Tag
    • HTML <dl> Tag
    • HTML <dt> Tag
    • HTML <em> Tag
    • HTML <embed> Tag
    • HTML <fieldset> Tag
    • HTML <figcaption> Tag
    • HTML <figure> Tag
    • HTML <font> Tag
    • HTML <footer> Tag
    • HTML <form> Tag
    • HTML <frame> Tag
    • HTML <frameset> Tag
    • HTML <h1> to <h6> Tag
    • HTML <head> Tag
    • HTML <header> Tag
    • HTML <hr> Tag
    • HTML <html> Tag
    • HTML <i> Tag
    • HTML <iframe> Tag
    • HTML <img> Tag
    • HTML <input> Tag
    • HTML <ins> Tag
    • HTML <isindex> Tag
    • HTML <kbd> Tag
    • HTML <label> Tag
    • HTML <legend> Tag
    • HTML <li> Tag
    • HTML <link> Tag
    • HTML <main> Tag
    • HTML <map> Tag
    • HTML <mark> Tag
    • HTML <marquee> Tag
    • HTML <menu> Tag
    • HTML <meta> Tag
    • HTML <meter> Tag
    • HTML <nav> Tag
    • HTML <noframes> Tag
    • HTML <noscript> Tag
    • HTML <object> Tag
    • HTML <ol> Tag
    • HTML <optgroup> Tag
    • HTML <option> Tag
    • HTML <output> Tag
    • HTML <p> Tag
    • HTML <param> Tag
    • HTML <picture> Tag
    • HTML <pre> Tag
    • HTML <progress> Tag
    • HTML <q> Tag
    • HTML <rp> Tag
    • HTML <rt> Tag
    • HTML <ruby> Tag
    • HTML <s> Tag
    • HTML <samp> Tag
    • HTML <script> Tag
    • HTML <section> Tag
    • HTML <select> Tag
    • HTML <small> Tag
    • HTML <source> Tag
    • HTML <span> Tag
    • HTML <strike> Tag
    • HTML <strong> Tag
    • HTML <style> Tag
    • HTML <sub> Tag
    • HTML <summary> Tag
    • HTML <sup> Tag
    • HTML <svg> Tag
    • HTML <table> Tag
    • HTML <tbody> Tag
    • HTML <td> Tag
    • HTML <template> Tag
    • HTML <textarea> Tag
    • HTML <tfoot> Tag
    • HTML <th> Tag
    • HTML <thead> Tag
    • HTML <time> Tag
    • HTML <title> Tag
    • HTML <tr> Tag
    • HTML <track> Tag
    • HTML <tt> Tag
    • HTML <u> Tag
    • HTML <ul> Tag
    • HTML <var> Tag
    • HTML <video> Tag
    • HTML <wbr> Tag

    HTML5 Advance

    • HTML5 tutorial
    • HTML5 User Manual
    • HTML 5 Tags
    • HTML5 New Elements
    • HTML Event Attributes
    • HTML Google Maps
    • HTML5 Semantics
    • HTML5 Migration
    • HTML Audio
    • HTML Video
    • HTML SVG
    • HTML Canvas

    HTML API

    • HTML Drag & Drop
    • HTML Geolocation
    • HTML Web Storage
    • HTML Web Workers
    • HTML SS Event

    HTML Color Names

    • HTML Color Names

    HTML Misc

    • HTML Button onClick
    • HTML Checkbox Tag
    • HTML code Tag
    • HTML favicon
    • HTML Login Form
    • HTML Radio Tag
    • HTML Registration Form
    • HTML Required Attribute
    • HTML Space Code
    • HTML Text Tag
    • HTML Background-color
    • HTML Date
    • HTML Form Action
    • HTML Id Attribute
    • HTML List Box
    • Add JavaScript to HTML
    • HTML Background Image
    • HTML Button Type
    • HTML Hide Element
    • HTML Reset Button
    • HTML Search Box
    • HTML Selected Attribute
    • Simple HTML Pages
    • Create HTML Page
    • HTML Button Disabled
    • HTML Font Color
    • HTML Font Size
    • HTML Image Button
    • HTML Nested Table
    • What Does HTML Stand For
    • How to Insert Image in HTML
    • How to Change Font in HTML
    • How to Change Text Color in Html
    • How to Change Background Color in Html
    • How to Comment in Html
    • How to Link CSS to Html
    • How to add Background Image in Html
    • How to Convert Html to PDF
    • How to add Link in Html
    • How to Make a Table in Html
    • How to Change Font Size in Html
    • How to make a Button in Html
    • How to Add a Favicon in Html
    • How to Change Image Size in Html
    • How to align text in Html
    • How to align image in Html
    • How to add Video in Html
    • How to Change Link color in Html
    • How to make an Image a Link in Html
    • How to add Space in Html
    • How to Embed Youtube Video in Html
    • How to add a Line in Html
    • How to Make a Dropdown Menu in Html
    • How to call a JavaScript Function in Html
    • How to Create a Form in Html
    • How to make a List in Html
    • How to Rotate Image in Html
    • How to add jQuery to Html
    • How to Move Image in Html
    • How to Create Text Box in Html
    • How to move a Text in Html
    • What does br mean in html
    • How to add border in Html
    • What does Div mean in Html
    • How to Wrap text in Html
    • What does span do in Html
    • How to make a Navigation Bar in Html
    • How to use PHP in Html
    • How to Highlight text in Html
    • What does p mean in Html
    • How to add Padding in Html
    • What does ul mean in Html
    • How to add Social Media Icons in Html
    • How to make a Footer in Html
    • How to make a Search bar in Html
    • How to Wrap Text around an image in Html
    • HTML vs HTML5
    • HTML Counter
    • Intermediate Excel Test
    • Download pdf file using HTML
    • Password hide in HTML
    • HTML Calculator
    • How to sort table data in HTML using JavaScript
    • HTML Color Picker
    • How to include image in HTML
    • HTML5 signature pad to image
    • hidden vs aria-hidden attributes in HTML
    • How to mute video in HTML
    • HTML vs ASP
    • HTML 5 Spellcheck attribute
    • HTML 5 accept attribute
    • HTML Color Styles
    • How to add a Vertical Line in Html
    • How to create an Email Newsletter using HTML and CSS
    • How to align a placeholder text in HTML
    • How to Create Browsers Window using HTML and CSS
    • Convert an Image into Grayscale Image using HTML/CSS
    • Hide or Show Elements in HTML using Display Property
    • How to Add a Login Form to an Image using HTML and CSS
    • How to Set the Margins of a Paragraph Element using CSS
    • How to Add Google Translate Button on Your Webpage
    • body alink Attribute in HTML
    • Basics of Animation
    • Design a Tribute Page using HTML and CSS
    • How to Make Smooth Bounce Animation Using CSS
    • HTML blink Tag
    • How to Create A Discord BOT
    • How to Divide Html Page Into Two Parts Vertically And Horizontally
    • How to Make A Responsive Website For All Devices
    • How to create a simple webpage using Brackets.io? (For Beginners)
    • Simple Calculator in HTML using eval() in JavaScript and CSS
    • Add and Delete rows of a table on button clicks
    • How to submit a HTML form using JavaScript
    • Simple Calculator in HTML using for loops
    • Calculator using Shunting yard algorithm in HTML using JavaScript
    • Different ways to build a calculator in HTML using JavaScript
    • Publishing your Calculator website using Github pages (Beginner level)
    • Move an image on button clicks in HTML using CSS and JavaScript
    • What is Public_html directory
    • How to hide scrollbar in html
    • How to Login jiofi.local.html
    • HTML Basics Tag
    • HTML Code for Website
    • HTML CSS
    • HTML to JPG
    • How Web 3 Will Transform Our Lives
    • Top web 3.0 benefits
    • How to Convert Word to HTML
    • Href Tag in HTML
    • HTML Beautifier
    • HTML Colors
    • HTML Editor
    • Online HTML Code Editor
    • HTML DOM
    • Uses of HTML
    • Convert Html to PDF
    • &nbsp in HTML
    • How to Make an HTML Table Border
    • Jiodongle Local HTML
    • Online HTML Viewer
    • HTML Formatter Online
    • What is Colspan in HTML
    • History of HTML
    • HTML Email Template
    • HTML Textbox
    • Colspan and Rowspan in HTML
    • HTML Align Center
    • HTML Font Family
    • HTML Slider
    • HTML Tooltip
    • HTML Boilerplate
    • HTML Formatter Online
    • HTML Icon
    • HTML Structure
    • Index HTML
    • Is HTML a Programming Language
    • UL Tag in HTML
    • Automatic Image Slider in HTML and CSS
    • Copyright Symbol HTML
    • Image Slider using HTML and CSS
    • HTML Color Tag
    • HTML Datalist
    • Web 2.0
    • The Web3 Stack- Why Web3 has better UX than Web2
    • What is Web3 Stack
    • How to Run an HTML Program
    • How to Save HTML File
    • HTML Animation
    • HTML Form Templates
    • HTML P Tag
    • Search Bar in HTML
    • Semantic in HTML
    • Accordion HTML
    • Block-Level Elements in HTML
    • HTML Container
    • HTML Encode
    • HTML New Line
    • HTML Runner
    • HTML Validator
    • Jio Dongle Local HTML
    • ThemeForest HTML
    • HTML and CSS: Design and Website
    • HTML Cleaner
    • HTML MDN
    • HTML Document Structure
    • Askew Blink HTML
    • HTML Box
    • HTML Date Picker
    • HTML Email
    • HTML Hyperlink Tag
    • HTML Image Link
    • HTML Injections
    • HTML Italics
    • HTML li
    • HTML Margin
    • HTML Rel
    • Tab Space in HTML
    • HTML HyperLinks
    • HTML Multiline Comment
    • Microinteractions in Web Designing
    • Align Tag in HTML
    • Container Tag in HTML
    • What should be the First Tag in any HTML Document
    • Which HTML Attribute is used to Define Inline Styles
    • Email Validation in HTML
    • The End Tag in HTML Contains
    • HTML Input Type Number
    • Combobox HTML
    • How to Add External CSS in HTML
    • HTML Extension
    • HTML Grid
    • HTML Open Link in New Tab
    • CodePen HTML
    • HTML Gradient Text
    • HTML Stopwatch
    • HTML Subheader
    • Web Design vs. Graphic Design
    • HTML Header Image
    • HTML SMS
    • Root Element in HTML
    • Add a Tab in HTML
    • HTML Col Width
    • HTML Project Ideas
    • HTML Questionnaire Template
    • HTML Table Fixed Column Width
    • HTML Table Header Background Color
    • HTML Table Row Background Color
    • HTML Valign
    • APIs Available in HTML5
    • Brackets around HTML Tags
    • Convert an HTML Collection to an Array
    • How to create drop down list in HTML
    • How to Create Frames in HTML
    • HTML Compressor
    • HTML Tab Space
    • Ordered vs Unordered list in HTML
    • Remove HTML Tags Using Beautifulsoup
    • Adding Icons in HTML
    • Expand in HTML
    • HTML and CSS Landing Page
    • HTML Nested Forms
    • HTML Popup Box
    • HTML Snake Game
    • HTML Tab Character
    • HTML Tab Tag
    • HTML Application Form
    • HTML Border Style
    • HTML Class Attribute
    • HTML Form Validation
    • HTML Symbol Codes
    • HTML Table Generator
    • Markup Meaning in HTML
    • Text on Image HTML
    • Correct HTML Tag for the Largest Heading
    • HTML Checker
    • HTML Custom Attributes
    • HTML Inline Script
    • HTML Justify Text
    • Placeholder in HTML
    • Strip HTML Tags from String
    • Style Dark Mode HTML
    • hgroup Tag in HTML
    • HTML Fixed Table Column Width
    • HTML Navigation
    • HTML Page Popup Window
    • Get and Post Method in HTML
    • Green Color Code in HTML
    • How do You Insert a Comment in CSS File
    • How to Implement Copy to Clipboard using HTML
    • HTML a name Tag
    • HTML Activities for Beginners
    • HTML CSS Project for Beginners
    • HTML Name Attribute
    • HTML Numbered Lists
    • HTML Parsing
    • HTML Replace
    • HTML Scope
    • HTML Survey Template
    • HTML Survey
    • HTML Tab
    • HTML Table Layout
    • HTML Table Spacing
    • HTML Tags are Surrounded by Which Type of Brackets
    • HTML IDE
    • HTML Image Size
    • HTML Internal Link
    • HTML Onclick Events
    • HTML Photo
    • HTML Submit Button
    • HTML Target Attributes
    • HTML Text Message
    • HTML Viewport
    • In Which Part of the HTML Metadata is Contained
    • Inline Tags HTML
    • Is HTML Case Sensitive
    • HTML Calendar
    • HTML Cellpadding
    • HTML Centre Text
    • HTML Checkbox Read-only
    • HTML Data Toggle
    • HTML Decode
    • HTML Length
    • HTML Page Structure
    • HTML Practical Questions
    • HTML Scrolling Text
    • HTML Sitemap
    • Textarea Disabled
    • Difference between Class and Id in HTML
    • Figma to HTML
    • Header and Footer in HTML
    • HTML Alt Tag
    • How to Link External CSS to HTML
    • How to Create a Registration Form in HTML
    • HTML for Divider Line
    • HTML Form to Database
    • HTML img src
    • HTML Localhost Index
    • HTML to Markdown Python
    • Nested Lists in HTML
    • Resize Image in HTML
    • HTML dt Tag
    • Which Inline Attribute is used to Specify the Styling
    • HTML Input Only Numbers
    • Semantic Tags in HTML
    • What is the Root Element of an HTML Document
    • How to Add Logo in HTML
    • HTML Popup Window
    • HTML Select Default
    • Hspace
    • HTML Compiler for Android
    • HTML Smiley Face Code
    • How to Add CSS Files in HTML
    • HTML Currency Format
    • HTML Table Row Height
    • HTML Table with Pagination and Search and Sorting
    • HTML Value
    • HTML Video Poster
    • Emoji Codes for HTML
    • HTML Input Box
    • HTML Input Element
    • Online GDB HTML
    • Html Comments Shortcut
    • Html Creator
    • How to Use Font Awesome Icons in HTML
    • How to Use Image Tag in HTML
    • HTML Link rel Attribute
    • Html Interpreter
    • HTML Overlay Text on Image
    • HTML Table Attributes
    • IFrame Onload Event
    • Shortcut Key for Comments in HTML
    • Html Maker
    • How to add audio and video in a webpage using HTML
    • HTML Accessibility
    • HTML and PHP Editors Online - Javatpoint
    • HTML Executor
    • HTML Get
    • HTML Simulator
    • Automatic Image Slider in HTML CSS
    • How To Fixed Table Column Width Using HTML
    • How to Separate Lines Using HTML
    • HTML Autofocus Attribute
    • HTML Preprocessor
    • HTML to TXT
    • Onselect in HTML
    • How to Embed Audio Files in HTML
    • How to Increase Button Size in HTML
    • Hspace and Vspace in HTML

    MCQ

    • HTML MCQ

    Interview Questions

    • HTML Interview Questions
    next → ← prevHTML Tags

    HTML tags are like keywords which defines that how web browser will format and display the content. With the help of tags, a web browser can distinguish between an HTML content and a simple content. HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags.

    When a web browser reads an HTML document, browser reads it from top to bottom and left to right. HTML tags are used to create HTML documents and render their properties. Each HTML tags have different properties.

    An HTML file must have some essential tags so that web browser can differentiate between a simple text and HTML text. You can use as many tags you want as per your code requirement.

    • All HTML tags must enclosed within < > these brackets.
    • Every tag in HTML perform different tasks.
    • If you have used an open tag <tag>, then you must use a close tag </tag> (except some tags)

    Syntax

    <tag> content </tag>

    HTML Tag Examples

    Note: HTML Tags are always written in lowercase letters. The basic HTML tags are given below:

    <p> Paragraph Tag </p>

    <h2> Heading Tag </h2>

    <b> Bold Tag </b>

    <i> Italic Tag </i>

    <u> Underline Tag</u>

    Test it Now

    Unclosed HTML Tags

    Some HTML tags are not closed, for example br and hr.

    <br> Tag: br stands for break line, it breaks the line of the code.

    <hr> Tag: hr stands for Horizontal Rule. This tag is used to put a line across the webpage.

    HTML Meta Tags

    DOCTYPE, title, link, meta and style

    HTML Text Tags

    <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acronym>, <address>, <bdo>, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>, <samp>, <var> and <br>

    HTML Link Tags

    <a> and <base>

    HTML Image and Object Tags

    <img>, <area>, <map>, <param> and <object>

    HTML List Tags

    <ul>, <ol>, <li>, <dl>, <dt> and <dd>

    HTML Table Tags

    table, tr, td, th, tbody, thead, tfoot, col, colgroup and caption

    HTML Form Tags

    form, input, textarea, select, option, optgroup, button, label, fieldset and legend

    HTML Scripting Tags

    script and noscript

    Note: We will see examples using these tags in later charters.

    All HTML Tags

    Let's discuss the complete tag list that is present in the HTML that is represented below.

    1. Comments:

    With the help of this tag, we can add comments in the HTML. After commenting on the elements, the browser does not render it. Also, these comments parts are not displayed on the web page. But these commented codes are available in the source code.

    Syntax:

    <strong><!-- --></strong>

    2. Doctype:

    With the help of this tag, we can declare the version of the markup language to the web browser.

    Syntax:

    < !DOCTYPE html >

    3. <a>:

    With the help of this tag, we can create a hyperlink to the web page. The hyperlink can be done with the help of another file in a different location.

    Syntax:

    <a href="url">Link Text</a>

    4. <abbr>:

    With the help of this tag, we can define the abbreviations or acronyms of longer words, such as www, HTML, HTTP, etc.

    Syntax:

    <abbr title="expanded-text">abbreviation</abbr>

    5. <address>:

    With the help of this tag, we can find the address or the contact details of the web page's author. The <address> tag contains addresses, cellphone numbers, emails, website connections, etc.

    Syntax:

    <address> Contact Information Goes Here </address>

    6. <area>:

    With the help of this tag, we can identify the clickable area associated with the hyperlink.

    Syntax:

    <area shape="shape-type" coords="coordinates" href="destination-url" alt="alternative-text">

    7. <article>:

    With the help of this tag, we can represent a piece of content that is used to be distributed to other websites without being a part of this. With the help of <article> tag, we can display entire blog posts, news articles, or similar content, etc.

    Syntax:

    <article> <!-- Content goes here --> </article>

    8. <audio>:

    With the help of this tag, we can embed the audio file into the webpage. To do this, there is no need for additional plug-ins like Flash.

    Syntax:

    <audio src="audio-file.mp3" controls> Your browser does not support the audio element. </audio>

    9. <aside>:

    With the help of this tag, we can define the content related to the web page's main content, but they are not constituted to the web page.

    Syntax:

    <aside> <!-- Content goes here --> </aside>

    10. <b>:

    With the help of this tag, we can make the text bold without any additional significance.

    Syntax:

    <b>Text to be displayed in bold</b>

    11. <base>:

    With the help of this tag, we can create the target address, which is targeted by all the URLs present in the document.

    Syntax:

    <base href="base-url" target="base-target">

    12. <bdi>:

    With the help of this tag, we can tell the browser to isolate the text that comes from other destinations with the help of a bidirectional algorithm.

    Syntax:

    <bdi>Text with different directionality</bdi>

    13. <bdo>:

    With the help of this tag, we can override the current text.

    Syntax:

    <bdo dir="direction">Text with overridden directionality</bdo>

    14. <blockquote>:

    With the help of this tag, we can provide a way to insert the quotation in the document from another source. By default, the browser takes the text inside a quote tag as indented.

    Syntax:

    <blockquote> Quoted content goes here. </blockquote>

    15. <body>:

    With the help of this tag, we can define the web page's main content. The body tag includes text, paragraphs, headings, images, tables, links, and videos.

    Syntax:

    <body> <!-- Content goes here --> </body> <strong> </strong>

    16. <br>:

    With the help of this tag, we can produce a line break on the web page. We can use this tag basically during the writing of poems or addresses that require line breaks.

    Syntax:

    <br> <strong> </strong>

    17. <button>:

    With the help of this tag, we can create a clickable button on the web page. We can use the button tag in forms or anywhere in a document.

    Syntax:

    <button>Button Text</button> <strong> </strong>

    18. <canvas>:

    With the help of this tag, we can define a particular region used for drawing graphics through scripting (usually JavaScript).

    Syntax:

    <canvas id="canvas-id" width="width" height="height"></canvas>

    19. <caption>:

    With the help of this tag, we can create the table caption, which is used to create the title for the table.

    Syntax:

    <table> <caption>Caption Text</caption> <!-- Table content goes here --> </table>

    20. <cite>:

    With the help of this tag, we can do some creative work and give a title for that creative work.

    Syntax:

    <cite>Referenced Content</cite>

    21. <code>:

    With the help of this tag, we can insert a particular code fragment, which might be HTML or CSS code.

    Syntax:

    <code>Code goes here</code>

    22. <col>:

    With the help of this tag, we can specify all the column's properties. We can specify it inside the <colgroup> element.

    Syntax:

    <col>

    23. <colgroup>:

    With the help of this tag, we can specify one or more columns in a group. With the help of this, we can apply the style to the entire column without repeating the style for every column and every row.

    Syntax:

    <colgroup> <!-- col elements go here --> </colgroup>

    24. <data>:

    With the help of this tag, we can add machine-readable translation. The processor generates it, and the browser can generate the human-readable value.

    Syntax:

    <data value="data-value">Data Label</data>

    25. <datalist>:

    With the help of this tag, we can provide an auto-complete feature to the form element. With the help of this, the user can select the option from the option list.

    Syntax:

    <input list="datalist-id"> <datalist id="datalist-id"> <!-- option elements go here --> </datalist>

    26. <dd>:

    With the help of this tag, we can define the definition description in the HTML. It is also used to describe an item in the list of descriptions.

    Syntax:

    <dl> <dt>Term</dt> <dd>Description or definition goes here</dd> </dl>

    27. <del>:

    With the help of this tag, we can declare the particular section that will be deleted from the document. After doing this, the web browser strike over that particular section in the webpage.

    Syntax:

    <del>Deleted Text</del>

    28. <details>:

    With the help of this tag, we can create a toggle. This toggle contains all the information but is in a closed state. When we mouse hover over it, it comes to an open state and displays all the hidden information.

    Syntax:

    <details> <summary>Summary Text</summary> <!-- Content goes here --> </details>

    29. <dfn>:

    With the help of this tag, we can represent the definition element. With the help of the definition element, we can define the instances of the definition. When a term first appears in the document, it is known as the instances of the definition.

    Syntax:

    <dfn>Term Definition</dfn>

    30. <dialog>:

    With the help of this tag, we can define a dialogue box and the other webpage components. With the help of this component, the webpage can interact with the user beautifully.

    Syntax:

    <dialog open> <!-- Dialog content goes here --> </dialog>

    31. <div>:

    With the help of this tag, we can create a generic container that can hold the flow of the content. It also does not have the default rendering.

    Syntax:

    <div> <!-- Content goes here --> </div>

    32. <dl>:

    With the help of this tag, we can define the list of items on the web page. We can also represent the metadata with the help of this tag.

    Syntax:

    <dl> <dt>Term 1</dt> <dd>Definition 1</dd> <dt>Term 2</dt> <dd>Definition 2</dd> <!-- more terms and definitions --> </dl>

    33. <dt>:

    With the help of this tag, we can define the definition list on the web page. we have to write the <dt> tag within the <dl> tag. We can also flow this element with the help of <dd> tag.

    Syntax:

    <dl> <dt>Term</dt> <!-- Definition or description goes here --> </dl>

    34. <em>:

    With the help of this tag, we can emphasize a particular word or phrase within a sentence. It converts the normal word or sentence into italic and semantic styles.

    Syntax:

    <em>Emphasized Text</em>

    35. <embed>:

    With the help of this tag, we can embed external things such as audio or video into the webpage.

    Syntax:

    <embed src="content-url">

    36. <fieldset>:

    With the help of this tag, we can create a group of related elements inside a form. Also, with the help of this, we can create a box around the element.

    Syntax:

    <fieldset> <legend>Fieldset Title</legend> <!-- Form controls go here --> </fieldset>

    37. <figcaption>:

    With the help of this tag, we can attach the caption for the image, table, or chart contained within the <figure> element.

    Syntax:

    <figure> <!-- Content goes here --> <figcaption>Caption or Description</figcaption> </figure>

    38. <figure>:

    With the help of this tag, we can create self-contained content, also referred to as a single entity.

    Syntax:

    <figure> <!-- Content goes here --> <figcaption>Caption or Description</figcaption> </figure>

    39. <footer>:

    With the help of this element, we can represent the footer part in the root element.

    Syntax:

    <footer> <!-- Footer content goes here --> </footer>

    40. <form>:

    With the help of this tag, we can receive the information from the user.

    Syntax:

    <form action="form-handler-url" method="HTTP-method"> <!-- Form controls go here --> </form>

    41. <head>:

    With the help of this tag, we can specify the header part of the header section of the code. It contains all the information regarding the document.

    Syntax:

    <head> <!-- Head content goes here --> </head>

    42. <header>:

    With the help of this tag, we can define the webpage's header. It also contains information regarding the title and heading of the document and section.

    Syntax:

    <header> <!-- Header content goes here --> </header>

    43. <hgroup>:

    With the help of this tag, we can represent the heading group. It is also used for group heading elements, such as headings and subheadings, from <h1> to <h6>.

    Syntax:

    <h1>Main Heading</h1> <h2>Subheading 1</h2> <h3>Sub-subheading 1.1</h3> <h3>Sub-subheading 1.2</h3> <h2>Subheading 2</h2>

    44. <h1> to <h6>:

    With the help of this tag, we can define the web page's heading. It also makes the heading as large and bold by default. the <h1> headings are displayed in the largest font, whereas the <h6> headings are displayed in the smallest font.

    Syntax:

    <h1>Heading level 1</h1> <h2>Heading level 2</h2> <h3>Heading level 3</h3> <h4>Heading level 4</h4> <h5>Heading level 5</h5> <h6>Heading level 6</h6>

    45. <hr>:

    With the help of this tag, we can divide the web page. It stands for horizontal rule or theme break.

    Syntax:

    <hr>

    46. <html>:

    With the help of this tag, all other elements are contained by it. It is also known as the root of the HTML element.

    Syntax:

    <!DOCTYPE html> <html> <!-- HTML content goes here --> </html>

    47. <i>:

    With the help of this tag, we can make any content italicized. It Highlights an important term, phrase, or technical term.

    Syntax:

    <i>Italicized Text</i>

    48. <iframe>:

    With the help of this tag, we can embed another HTML page into the current webpage.

    Syntax:

    <iframe src="url"></iframe>

    49. <img>:

    With the help of this tag, we can embed an image into the current web page. It links an image to the image without directly inserting it into the web page.

    Syntax:

    <img src="image-url" alt="alternative-text">

    50. <input>

    With the help of this tag, we can enable interactive control in the form. It also depends on the various fields of the attribute type.

    Syntax:

    <input type="input-type" name="input-name" value="default-value">

    51. <ins>:

    With the help of this tag, we can specify the block of the inserted text. It also signifies that a particular range of text has been added to the document.

    Syntax:

    <ins>Inserted Text</ins>

    52. <kbd>:

    With the help of this tag, we can refer to the textual part of the inline text that represents the user's keyboard, voice, or any other text input device.

    Syntax:

    <kbd>Keyboard Input</kbd>

    53. <label>:

    With the help of this tag, we can improve the usability for mouse users, i.e., clicking on the label will toggle the control.

    Syntax:

    <label for="input-id">Label Text</label>

    54. <legend>:

    With the help of this tag, we can define the title for the child's content. Legends are the parent element of all the child elements. We can define these elements with the help of <fieldset>.

    Syntax:

    <fieldset> <legend>Fieldset Caption</legend> <!-- Form controls go here --> </fieldset>

    55. <li>:

    With the help of this tag, we can represent the list of items on the web page. It contains an ordered list (an unordered or a menu) as a parent element.

    Syntax:

    <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>

    56. <link>:

    With the help of this tag, we can link external resources to the current webpage.

    Syntax:

    <link rel="stylesheet" href="stylesheet.css">

    57. <main>:

    With the help of this tag, we can make an ordinary element the most important element. We have to write this tag inside the <body> tag.

    Syntax:

    <main> <!-- Main content goes here --> </main>

    58. <map>:

    With the help of this tag, we can define the map image. The image map also has a clickable area.

    Syntax:

    <map name="map-name"> <!-- Area tags go here --> </map>

    59. <mark>:

    With the help of this tag, we can represent the text as highlighted, which will be used for reference or notation purposes. Based on the importance of the content, it highlighted the text.

    Syntax:

    <mark>Highlighted Text</mark>

    60. <meta>:

    With the help of this tag, we can represent the document's metadata. The metadata contains page description, keywords, copyright, the language used, and the author.

    Syntax:

    <meta name="metadata-name" content="metadata-value">

    61. <meter>:

    With the help of this tag, we can represent the Measurements within a given range or fractional values. It is also known as the gauge.

    Syntax:

    <meter value="current-value" min="minimum-value" max="maximum-value">Fallback Content</meter>

    62. <nav>:

    With the help of this tag, we can represent the section of navigational links in a document. Some examples of nav tags are Menus, tables of contents, indexes, etc.

    Syntax:

    <nav> <!-- Navigation links or menus go here --> </nav>

    63. <noscript>:

    With the help of this, we can provide an alternative script when the user's browser does not support the particular script. It also works whenever the user's browser does not support client-side scripting or does not support any scripting language.

    Syntax:

    <noscript> <!-- Alternate content goes here --> </noscript>

    64. <object>:

    With the help of this tag, we can display multimedia like audio, videos, images, PDFs, and Flash on web pages.

    Syntax:

    <object data="resource-url"></object>

    65. <ol>:

    This tag is used for the creation of the ordered list. The ordered list can be numerical or alphabetical. Inside the <ol> tag, we can create the list using the <li> tag. It will then follow the order.

    Syntax:

    <ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>

    66. <optgroup>:

    This tag is used in the creation of the drop-down list. With the help of this tag, we can define the group of options.

    Syntax:

    <select> <optgroup label="Group Label"> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <!-- Additional options --> </optgroup> <!-- Additional outgroup or option elements --> </select>

    67. <option>:

    With the help of this tag, we can define the option in the drop-down list by using the <select> tag.

    Syntax:

    <select> <option value="option-value">Option Text</option> <!-- Additional options --> </select>

    68. <output>:

    With the help of this tag, we can create the container for the element that injects the result of the calculation.

    Syntax:

    <output for="input-id"></output>

    69. :

    With the help of this tag, we can define the paragraph tag. With the help of a paragraph tag, we can represent the visual media as blocks of text separated from adjacent blocks by blank lines or first-line indentation.

    Syntax:

    Paragraph text goes here.

    70. <param>:

    With the help of this tag, we can define the parameter for an object. With the help of this, we can pass the parameter for another embedded object.

    Syntax:

    <object> <param name="param-name" value="param-value"> </object>

    71. <picture>:

    With the help of this tag, we can provide flexibility to the web page by specifying the image. It also contains tags like <source> and <img>.

    Syntax:

    <picture> <source srcset="image1.jpg" media="media-query"> <source srcset="image2.jpg" media="media-query"> <img src="fallback-image.jpg" alt="Fallback Image"> </picture>

    72. <pre>:

    With the help of this tag, we can declare the block of pre-formatted text on the web page the pre-formatted character, such as spaces, line breaks, tabs, etc.

    Syntax:

    <pre> The pre-formatted text goes here. </pre>

    73. <progress>:

    With the help of this tag, we can display the progression of the task. With the help of this, the developer can create a progress bar on their web page.

    Syntax:

    <progress value="current-value" max="maximum-value"></progress>

    74. <q>:

    With the help of this tag, we can create an inline quotation on the web page. The text is contained inside the quotation marks in most browsers today.

    Syntax:

    Here is a <q>short quotation</q> within a sentence.

    75. <rp>:

    With the help of this tag, we can use it in the fallback parenthesis when a browser does not support ruby annotations.

    Syntax:

    <ruby> Base text <rp>(</rp><rt>Ruby text</rt><rp>)</rp> </ruby>

    76. <rt>:

    With the help of this tag, we can define the pronunciation of the character inside the ruby annotation.

    Syntax:

    <ruby> Base text <rt>Ruby text</rt> </ruby>

    77. <ruby>:

    With the help of this, we can define the East Asian characters' pronunciations and represent small annotations above, below, or next to the base text.

    Syntax:

    <ruby> Base text <rt>Ruby text</rt> </ruby>

    78. <s>:

    With the help of this tag, we can render the text with a strikethrough or a line through it. We can use this tag when Things are no longer accurate or relevant.

    Syntax:

    <s>Struck-through text</s>

    79. <samp>:

    With the help of this tag, we can define the sample output of the computer program. The content of this tag is displayed using a monospaced font in the browser.

    Syntax:

    <samp>Sample text or code goes here</samp>

    80. <script>:

    With the help of this tag, we can insert the client-side scripting. It also enables the insertion of the script in the HTML web page.

    Syntax:

    <script src="script.js"></script>

    81. <section>:

    With the help of this tag, we can create the header and footer or any other section on the web page.

    Syntax:

    <section> <!-- Content goes here --> </section>

    82. <select>:

    With the help of this tag, we can define the list of options inside the list.

    Syntax:

    <select> <option value="option-value">Option Text</option> <!-- Additional options --> </select>

    83. <small>:

    With the help of this tag, we can reduce the font size by one size smaller than its base size, for instance, from large to small.

    Syntax:

    <small>Small text goes here</small>

    84. <source>

    With the help of this tag, we can link multiple media resources like <audio> and <video>,

    Syntax:

    <source src="media-file.mp4" type="video/mp4">

    85. <strong>

    With the help of this tag, we can define the content as very important. The browser will display that element in bold.

    Syntax:

    <strong>Emphasized text</strong>

    86. <span>:

    It is the most generic element in the HTML. We can apply the style by grouping the elements.

    Syntax:

    <span>Text or content goes here</span>

    87. <style>:

    We can provide the style information for the document with the help of this tag.

    Syntax:

    <style> CSS rules go here </style>

    88. <sub>:

    With the help of this tag, we can display the subscript element only for typographical reasons.

    Syntax:

    <sub>Subscript text</sub>

    89. <summary>:

    With the help of this tag, we can create a box with the help of <details> element that contains the summary, caption, or legend. When we click on the summary button, it performs the open/closed state of the parent *details> element.

    Syntax:

    <details> <summary>Summary text</summary> <!-- Collapsible content goes here --> </details>

    90. <sup>:

    With the help of this tag, we can display any text as the superscript of the inline element.

    Syntax:

    <sup>Superscript text</sup>

    91. <svg>:

    With the help of this tag, we can embed the SVG graphs into the web page. Also, we can define the vector graphics in an XML format with the help of this tag.

    Syntax:

    <svg> <!-- SVG content goes here --> </svg>

    92. <table>:

    With the help of this tag, we can define the data in a tabular format in HTML. It will create a two-dimensional table that has some rows and columns.

    Syntax:

    <table> <!-- Table content goes here --> </table>

    93. <tbody>:

    With the help of this tag, we can encapsulate the table's rows associated with the table body.

    Syntax:

    <table> <tbody> <!-- Table rows go here --> </tbody> </table>

    94. <td>:

    With the help of this tag, we can define the table's cell. A table row may consist of more than one <td> element. The default alignment is left in this element.

    Syntax:

    <tr> <td>Table cell content</td> </tr> Next TopicHTML Attributes← prev next →

    Latest Courses

    PythonJavaJavascriptHtmlDatabasePhpC++ReactData-StructuresCloud-ComputingEthical-HackingLogo

    We provides tutorials and interview questions of all technology like java tutorial, android, java frameworks

    Contact info

    G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

    [email protected].

    Follow us
    FacebookTwitterRssBlogspotYoutube

    Latest Post

    PRIVACY POLICY

    Tutorials
    Java Data Structures C Programming C++ Tutorial C# Tutorial PHP Tutorial HTML Tutorial JavaScript Tutorial jQuery Tutorial Spring Tutorial
    Interview Questions
    Tcs Intuit Wipro Adobe Infosys Amazon Accenture Cognizant Capgemini Microsoft
    Online Compiler
    C R C++ Php Java Html Swift Python JavaScript TypeScript© Copyright 2024 Javatpoint. All Rights Reserved.

    Từ khóa » Html All Tags