0% found this document useful (0 votes)
10 views3 pages

HTML Tags and Attributes Overview

The document provides an overview of essential HTML tags and their attributes, including structure tags like <!DOCTYPE html>, <html>, <head>, and <body>. It details various formatting tags such as <p>, <h1> to <h6>, <b>, <i>, and <a>, along with their functionalities. Additionally, it covers multimedia elements like <img>, <video>, and <audio>, as well as list structures with <ol> and <ul>.

Uploaded by

nishant.k
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
10 views3 pages

HTML Tags and Attributes Overview

The document provides an overview of essential HTML tags and their attributes, including structure tags like <!DOCTYPE html>, <html>, <head>, and <body>. It details various formatting tags such as <p>, <h1> to <h6>, <b>, <i>, and <a>, along with their functionalities. Additionally, it covers multimedia elements like <img>, <video>, and <audio>, as well as list structures with <ol> and <ul>.

Uploaded by

nishant.k
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Tag Attribute Values Description

This declaration is an instruction to the browser to tell it that the page is written in HTML rather than another markup
<!DOCTYPE html>
language.
<html> This tag tells the browser that the markup following this tag will be written in hypertext markup language
Only a few tags are universally accepted within the head section of a web page; these are: <base>, <link>, <meta>,
<head>
<title>, <style> and <script>.
This is the name displayed in the browser toolbar.
<title> It is the page title used if a page is added to your ‘favorites’ in your browser and is the title displayed in search engine
results.
<body> Objects between these tags are usually displayed in the web page.
<meta> Holds metadata of the page
Specifies that the webpage or document uses UTF-8, the Unicode Transformation Format 8-bit, which is a universal
charset UTF-8
character encoding standard capable of representing virtually any character from any writing system worldwide
name The values can be author, description, keywords, viewport
content Contains values of the element defined in the name attribute

<!-- --> Comments start with <!-- and end with -->
<p> Browsers automatically add a single blank line before and after each <p> element.
Heading Tags. There are 6 levels of headings. <h1> defines the most important heading. <h6> defines the least important
<h1> to <h6>
heading.
<sup> Defines a superscript tag.
<sub> Defines a subscript tag.
<b> Defines a bold style text.
<i> Defines an italics style text.
<u> Defines a text with an underline.
<strong> Defines important text.
<em> Defines emphasized text.
<big> Defines a text +1 font bigger than normal font size
<small> Defines a text -1 font smaller than normal font size
<br> Defines a line-break.
<a> Defines a hyperlink, which is used to link from one page to another.
href URL Defines the link's destination URL
Tag Attribute Values Description
The mailto link in HTML allows users to easily send emails by opening their default email application when clicked.
mailto
It can include important details like the recipient’s email address, subject line, body, and optional fields such as CC and
Links
BCC
mailto Specifies the email recipient's address. This is the main parameter
subject Optional: Pre-defines the subject of the email.
body Optional: Pre-fills the body content of the email.
cc Optional: Adds additional email addresses to receive a carbon copy (CC) of the mail.
bcc Optional: Adds email addresses to receive a blind carbon copy (BCC) of the mail.
? Acts as the first parameter delimiter to separate the mailto: and other parameters.
& Acts as the delimiter to separate multiple parameters (like subject, body, cc, bcc, etc.).
target Specifies where to open the linked document.
_self Default. Opens the document in the same window/tab as it was clicked
_blank Opens the document in a new window or tab
_top Opens the document in the full body of the window. Not in syllabus.
_parent Opens the document in the parent element. Not in syllabus.
<table> Defines a table
border "1" or "" Defines a border for the table.
<tr> Defines a table row
<td> Defines a table column with data value
rowspan number Defines a row span
colspan number Defines a column span
cellpadding number Space between cell contents and cell border
cellspacing number Space between cells
<th> Defines a table heading
<caption> Defines a table caption
<thead> Defines a table header
<tfoot> Defines a table footer
<tbody> Defines a table body
<img> Used to insert an image
src URL Defines the source of the image as a URL
alt text Defines alternate text to be displayed, if the image is not available
Tag Attribute Values Description
<video> Defines a video element. Text can be added for non-supported browsers
autoplay Starts the video as soon as it is loaded. Replaces the video controls
muted Starts the video muted.
controls Specifies that video controls should be displayed (such as a play/pause button etc).
loop Specifies that the video will start over again, every time it is finished
<source> Defines source of the video element
src URL Defines the source of the image as a URL
type video/mp4 Defines type of the video format
<audio> Defines an audio element.
<ol> Defines an ordered list
<ul> Defines an unordered list
<li> Defines a list item

You might also like