Elements of HTML
Elements of HTML
V VIDYASHANKAR
BASIC STRUCTURE
< !DOCTYPE html > - Declares the document as HTML 5
<html> - The root element of an HTML page
<head> - Contains meta information about the HTML page (title,
character sets, link to
stylesheets>
<title> - Defines the title of the HTML page displayed in the browser
tab
<body> - Contains the visible page content
TEXT FORMATTING
<h1> to <h6> : Defines HTML headings ( Level 1 is the largest and
level 6 is the smallest )
<p> - Defines a paragraph
<b> or <strong> - Defines bold text
<i> or <em> - Defines italicized text
<u> - Defines underlined text
<br> - Inserts a single line break
<hr> - Inserts a horizontal line
<a> - Defines a hyperlink
TEXT FORMATTING
<img> - embeds an image
<o1> - Defines an ordered (numbered) list
<u1> - Defines an unordered (bulleted) list
<li> - Defines a list item
<div> - Defines a division or section in an HTML document
<span> - Defines a small section in the document
<table> - Defines a table
<tr> - Defines a table row
<td> - Defines a table row
TEXT FORMATTING
<th>- Defines a table header cell
<form> - Defines an HTML form for user input
<input> - Defines an input field ( e.g.: textbox, checkbox, radio button
)
<button> - Defines a clickable button
<textarea> - Defines a multi-line text input control
<select> - Defines a drop-down list
<option> - Defines an option in a drop-down list
<label> - Defines a label for an <input> element
<iframe> - Embeds another HTML page within the current page
SEMANTIC ELEMENTS
< header > - Defines a header for a document or section
< nav > - Defines navigation links
< main > - Defines the main content of a document
< article > - Defines an independent, self-contained article
< aside > - Defines content aside from the main content (e.g., sidebar )
< footer > - Defines a footer for a document or section
< section > - Defines a section in a document
< figure > - Specifies self-contained content like illustrations, diagrams,
photos, code listings etc
<figcaption> - Defines a caption for a <figure> element
OTHER USEFUL TAGS
<meta> - Defines metadata about an HTML page ( e.g. character set,
description and keywords )
< link > - Defines the relationship between the current document and
an external resource ( e.g.
stylesheet )
< style > - Defines style formation for an HTML document
< script > - Defines a client-side script ( e.g. – JavaScript )
< noscript > - Defines an alternative content for users that have
disabled scripts in their browser
THANK YOU