SlideShare a Scribd company logo

HTML tags

•
•
R
ramlalshah1

This document provides examples of HTML tags and their code. It lists common tags like <p> for paragraphs, <b> for bold, and <i> for italicized text. It also shows tags for lists (<ul>, <ol>, <li>), headings (<h1>-<h6>), images (<img>), links (<a>), and forms (<form>, <input>, <select>, <textarea>). For each tag it displays the HTML code, a brief description, and how it would appear in a browser.

Software
1 of 8
Download to read offline
HTML Tags Chart To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. Tag Name Code Example Browser View <!-- comment <!--This can be viewed in the HTML part of a document--> Nothing will show (Tip) <a - anchor <a href="http://www.domain.com/"> Visit Our Site</a> Visit Our Site (Tip) <b> bold <b>Example</b> Example <big> big (text) <big>Example</big> Example (Tip) <body> body of HTML documen t <body>The content of your HTML page</body> Contents of your web page (Tip) <br> line break The contents of your page<br>The contents of your page The contents of your web page The contents of your web page <center> center <center>This will center your contents</center> This will center your contents <dd> definition descripti on <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> Definition Term Definition of the term Definition Term Definition of the term <dl> definition list <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> Definition Term Definition of the term Definition Term Definition of the term <dt> definition term <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> Definition Term Definition of the term Definition Term Definition of the term <em> emphasis This is an <em>Example</em> of using the emphasis tag This is an Example of using the emphasis tag <embed> embed object <embed src="yourfile.mid" width="100%" height="60" align="center"> (Tip) <embed> embed object <embed src="yourfile.mid" autostart="true" hidden="false" loop="false"> <noembed><bgsound src="yourfile.mid" loop="1"></noembed> Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music. <font> font <font face="Times New Roman">Example</font> Example (Tip)
<font> font <font face="Times New Roman" size="4">Example</font> Example (Tip) <font> font <font face="Times New Roman" size="+3" color="#ff0000">Example</font> Example(Tip) <form> form <form action="mailto:you@yourdomain.com "> Name: <input name="Name" value="" size="10"><br> Email: <input name="Email" value="" size="10"><br> <center><input type="submit"></center> </form> Name: (Tip) Email: Submit <h1> <h2> <h3> <h4> <h5> <h6> heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 <h1>Heading 1 Example</h1> <h2>Heading 2 Example</h2> <h3>Heading 3 Example</h3> <h4>Heading 4 Example</h4> <h5>Heading 5 Example</h5> <h6>Heading 6 Example</h6> <head> heading of HTML documen t <head>Contains elements describing the document</head> Nothing will show <hr> horizonta l rule <hr /> Contents of your web page (Tip) Contents of your web page <hr> horizonta l rule <hr width="50%" size="3" /> Contents of your web page Contents of your web page <hr> horizonta l rule <hr width="50%" size="3" noshade /> Contents of your web page Contents of your web page <hr> (Internet Explorer) horizonta l rule <hr width="75%" color="#ff0000" size="4" /> Contents of your web page Contents of your web page <hr> (Internet Explorer) horizonta l rule <hr width="25%" color="#6699ff" size="6" /> Contents of your web page Contents of your web page <html> hypertext markup language <html> <head> <meta> <title>Title of your web page</title> </head> <body>HTML web page contents </body> </html> Contents of your web page <i> italic <i>Example</i> Example <img> image <img src="Earth.gif" width="41" height="41" border="0" alt="text describing the image" /> (Tip)
<input> input field Example 1: <form method=post action="/cgi- bin/example.cgi"> <input type="text" size="10" maxlength="30"> <input type="Submit" value="Submit"> </form> Example 1: (Tip) Submit <input> (Internet Explorer) input field Example 2: <form method=post action="/cgi- bin/example.cgi"> <input type="text" style="color: #ffffff; font-family: Verdana; font-weight: bold; font- size: 12px; background-color: #72a4d2;" size="10" maxlength="30"> <input type="Submit" value="Submit"> </form> Example 2: (Tip) Submit <input> input field Example 3: <form method=post action="/cgi- bin/example.cgi"> <table border="0" cellspacing="0" cellpadding="2"><tr><td bgcolor="#8463ff"><input type="text" size="10" maxlength="30"></td><td bgcolor="#8463ff" valign="Middle"> <input type="image" name="submit" src="yourimage.gif"></td></tr> </table> </form> Example 3: (Tip) <input> input field Example 4: <form method=post action="/cgi- bin/example.cgi"> Enter Your Comments:<br> <textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100></textarea><br> <input type="Submit" value="Submit"> <input type="Reset" value="Clear"> </form> Example 4: (Tip) Submit Clear <input> input field Example 5: <form method=post action="/cgi- bin/example.cgi"> <center> Select an option: <select> <option >option 1</option> <option selected>option 2</option> <option>option 3</option> <option>option 4</option> <option>option 5</option> <option>option 6</option> </select><br> <input type="Submit" value="Submit"></center> </form> Example 5: Tip) Select an option: option 2 Submit <input> input field Example 6: Example 6: (Tip)
<form method=post action="/cgi- bin/example.cgi"> Select an option:<br> <input type="radio" name="option"> Option 1 <input type="radio" name="option" checked> Option 2 <input type="radio" name="option"> Option 3 <br> <br> Select an option:<br> <input type="checkbox" name="selection"> Selection 1 <input type="checkbox" name="selection" checked> Selection 2 <input type="checkbox" name="selection"> Selection 3 <input type="Submit" value="Submit"> </form> Select an option: Option 1 Option 2 Option 3 Select an option: Selection 1 Selection 2 Selection 3 Submit <li> list item Example 1: <menu> <li type="disc">List item 1</li> <li type="circle">List item 2</li> <li type="square">List item 3</li> </MENU> Example 2: <ol type="i"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Example 1: (Tip)  List item 1 o List item 2  List item 3 Example 2: i. List item 1 ii. List item 2 iii. List item 3 iv. List item 4 <link> link <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <marquee > (Internet Explorer) scrolling text <marquee bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">Example Marquee</marquee> (Tip) <menu> menu <menu> <li type="disc">List item 1</li> <li type="circle">List item 2</li> <li type="square">List item 3</li> </menu>  List item 1 o List item 2  List item 3 <meta> meta <meta name="Description" content="Description of your site"> <meta name="keywords" content="keywords describing your site"> Nothing will show (Tip) <meta> meta <meta HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain.c om/"> Nothing will show (Tip)
<meta> meta <meta http-equiv="Pragma" content="no- cache"> Nothing will show (Tip) <meta> meta <meta name="rating" content="General"> Nothing will show (Tip) <meta> meta <meta name="robots" content="all"> Nothing will show (Tip) <meta> meta <meta name="robots" content="noindex,follow"> Nothing will show (Tip) <ol> ordered list Numbered <ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Numbered Special Start <ol start="5"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Lowercase Letters <ol type="a"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Letters <ol type="A"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Letters Special Start <ol type="A" start="3"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Lowercase Roman Numerals <ol type="i"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Numbered 1. List item 1 2. List item 2 3. List item 3 4. List item 4 Numbered Special Start 5. List item 1 6. List item 2 7. List item 3 8. List item 4 Lowercase Letters a. List item 1 b. List item 2 c. List item 3 d. List item 4 Capital Letters A. List item 1 B. List item 2 C. List item 3 D. List item 4 Capital Letters Special Start C. List item 1 D. List item 2 E. List item 3 F. List item 4 Lowercase Roman Numerals i. List item 1 ii. List item 2 iii. List item 3 iv. List item 4 Capital Roman Numerals I. List item 1 II. List item 2 III. List item 3 IV. List item 4
Capital Roman Numerals <ol type="I"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Roman Numerals Special Start <ol type="I" start="7"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Roman Numerals Special Start VII. List item 1 VIII. List item 2 IX. List item 3 X. List item 4 <option> listbox option <form method=post action="/cgi- bin/example.cgi"> <center> Select an option: <select> <option>option 1</option> <option selected>option 2</option> <option>option 3</option> <option>option 4</option> <option>option 5</option> <option>option 6</option> </select><br> </center> </form> Select an option: (Tip) option 2 <p> paragrap h This is an example displaying the use of the paragraph tag. <p> This will create a line break and a space between lines. Attributes: Example 1:<br> <br> <p align="left"> This is an example<br> displaying the use<br> of the paragraph tag.<br> <br> Example 2:<br> <br> <p align="right"> This is an example<br> displaying the use<br> of the paragraph tag.<br> <br> Example 3:<br> <br> <p align="center"> This is an example<br> displaying the use<br> of the paragraph tag. This is an example displaying the use of the paragraph tag. This will create a line break and a space between lines. Attributes: Example 1: This is an example displaying the use of the paragraph tag. Example 2: This is an example displaying the use of the paragraph tag. Example 3: This is an example displaying the use of the paragraph tag. <small> small (text) <small>Example</small> Example (Tip)
<strike> deleted text <strike>Example</strike> Example <strong> strong emphasis <strong>Example</strong> Example <table> table Example 1: <table border="4" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> Example 2: (Internet Explorer) <table border="2" bordercolor="#336699" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> Example 3: <table cellpadding="2" cellspacing="2" width="100%"> <tr> <td bgcolor="#cccccc">Column 1</td> <td bgcolor="#cccccc">Column 2</td> </tr> <tr> <td>Row 2</td> <td>Row 2</td> </tr> </table> Example 1: (Tip) Column 1 Column 2 Example 2: (Tip) Column 1 Column 2 Example 3: (Tip) Column 1 Column 2 Row 2 Row 2 <td> table data <table border="2" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> Column 1 Column 2 <th> table header <div align="center"> <table> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> <tr> <td>Row 2</td> <td>Row 2</td> <td>Row 2</td> </tr> <tr> <td>Row 3</td> <td>Row 3</td> <td>Row 3</td> Colum n 1 Colum n 2 Colum n 3 Row 2 Row 2 Row 2 Row 3 Row 3 Row 3 Row 4 Row 4 Row 4
</tr> <tr> <td>Row 4</td> <td>Row 4</td> <td>Row 4</td> </tr> </table> </div> <title> documen t title <title>Title of your HTML page</title> Title of your web page will be viewable in the title bar.(Tip) <tr> table row <table border="2" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> Column 1 Column 2 <tt> teletype <tt>Example</tt> Example <u> underline <u>Example</u> Example <ul> unordere d list Example 1:<br> <br> <ul> <li>List item 1</li> <li>List item 2</li> </ul> <br> Example 2:<br> <ul type="disc"> <li>List item 1</li> <li>List item 2</li> <ul type="circle"> <li>List item 3</li> <li>List item 4</li> </ul> </ul> Example 1:  List item 1  List item 2 Example 2:  List item 1  List item 2 o List item 3 o List item 4

Recommended

Html tags describe in bangla
Html tags describe in banglaHtml tags describe in bangla
Html tags describe in bangla
Amrita Chandra Das
 
CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
Rachel Andrew
 
Html tags-chart
Html tags-chartHtml tags-chart
Html tags-chart
Nitra Ntc
 
Html5 SVG
Html5 SVGHtml5 SVG
Html5 SVG
Nisa Soomro
 
Bootstrap
BootstrapBootstrap
Bootstrap
Sarvesh Kushwaha
 
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts BasicsHTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
Sun Technlogies
 
Entity relationship diagram (erd)
Entity relationship diagram (erd)Entity relationship diagram (erd)
Entity relationship diagram (erd)
Inamul Hossain Imran
 
jQuery Mobile
jQuery MobilejQuery Mobile
jQuery Mobile
Yaowaluck Promdee
 

Recommended

Html tags describe in bangla
Html tags describe in banglaHtml tags describe in bangla
Html tags describe in bangla
Amrita Chandra Das
 
CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
Rachel Andrew
 
Html tags-chart
Html tags-chartHtml tags-chart
Html tags-chart
Nitra Ntc
 
Html5 SVG
Html5 SVGHtml5 SVG
Html5 SVG
Nisa Soomro
 
Bootstrap
BootstrapBootstrap
Bootstrap
Sarvesh Kushwaha
 
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts BasicsHTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
Sun Technlogies
 
Entity relationship diagram (erd)
Entity relationship diagram (erd)Entity relationship diagram (erd)
Entity relationship diagram (erd)
Inamul Hossain Imran
 
jQuery Mobile
jQuery MobilejQuery Mobile
jQuery Mobile
Yaowaluck Promdee
 
Css lecture notes
Css lecture notesCss lecture notes
Css lecture notes
Santhiya Grace
 
Common dialog control
Common dialog controlCommon dialog control
Common dialog control
Soumya Vijoy
 
PHP Regular Expressions
PHP Regular ExpressionsPHP Regular Expressions
PHP Regular Expressions
Jussi Pohjolainen
 
Elm04 05
Elm04 05Elm04 05
Elm04 05
ابو اسامة اليبناوي
 
SOA Fundamentals
SOA FundamentalsSOA Fundamentals
SOA Fundamentals
abhi1112
 
JavaScript Arrays
JavaScript Arrays JavaScript Arrays
JavaScript Arrays
Reem Alattas
 
Relational Algebra Introduction
Relational Algebra IntroductionRelational Algebra Introduction
Relational Algebra Introduction
Md. Afif Al Mamun
 
HTML5
HTML5HTML5
HTML5
Hatem Mahmoud
 
Html frames
Html framesHtml frames
Html frames
ManishaSheelam
 
HTML: Tables and Forms
HTML: Tables and FormsHTML: Tables and Forms
HTML: Tables and Forms
BG Java EE Course
 
Clean Code
Clean CodeClean Code
Clean Code
Dmytro Turskyi
 
HTML/CSS/java Script/Jquery
HTML/CSS/java Script/JqueryHTML/CSS/java Script/Jquery
HTML/CSS/java Script/Jquery
FAKHRUN NISHA
 
Lab#5 style and selector
Lab#5 style and selectorLab#5 style and selector
Lab#5 style and selector
Yaowaluck Promdee
 
Ajax & Reverse Ajax Presenation
Ajax & Reverse Ajax PresenationAjax & Reverse Ajax Presenation
Ajax & Reverse Ajax Presenation
Rishabh Garg
 
Lab#13 responsive web
Lab#13 responsive webLab#13 responsive web
Lab#13 responsive web
Yaowaluck Promdee
 
Html table tags
Html table tagsHtml table tags
Html table tags
eShikshak
 
MYSQL - PHP Database Connectivity
MYSQL - PHP Database ConnectivityMYSQL - PHP Database Connectivity
MYSQL - PHP Database Connectivity
V.V.Vanniaperumal College for Women
 
Database concepts
Database conceptsDatabase concepts
Database concepts
shanthishyam
 
Span and Div tags in HTML
Span and Div tags in HTMLSpan and Div tags in HTML
Span and Div tags in HTML
Biswadip Goswami
 
HTML Forms
HTML FormsHTML Forms
HTML Forms
Ravinder Kamboj
 
Code HTML Lengkap
Code HTML LengkapCode HTML Lengkap
Code HTML Lengkap
Dian Arifin
 
Caracteristicas Basicas De Htlm
Caracteristicas Basicas De HtlmCaracteristicas Basicas De Htlm
Caracteristicas Basicas De Htlm
Maria S Rivera
 

More Related Content

What's hot

Css lecture notes
Css lecture notesCss lecture notes
Css lecture notes
Santhiya Grace
 
Common dialog control
Common dialog controlCommon dialog control
Common dialog control
Soumya Vijoy
 
PHP Regular Expressions
PHP Regular ExpressionsPHP Regular Expressions
PHP Regular Expressions
Jussi Pohjolainen
 
Elm04 05
Elm04 05Elm04 05
Elm04 05
ابو اسامة اليبناوي
 
SOA Fundamentals
SOA FundamentalsSOA Fundamentals
SOA Fundamentals
abhi1112
 
JavaScript Arrays
JavaScript Arrays JavaScript Arrays
JavaScript Arrays
Reem Alattas
 
Relational Algebra Introduction
Relational Algebra IntroductionRelational Algebra Introduction
Relational Algebra Introduction
Md. Afif Al Mamun
 
HTML5
HTML5HTML5
HTML5
Hatem Mahmoud
 
Html frames
Html framesHtml frames
Html frames
ManishaSheelam
 
HTML: Tables and Forms
HTML: Tables and FormsHTML: Tables and Forms
HTML: Tables and Forms
BG Java EE Course
 
Clean Code
Clean CodeClean Code
Clean Code
Dmytro Turskyi
 
HTML/CSS/java Script/Jquery
HTML/CSS/java Script/JqueryHTML/CSS/java Script/Jquery
HTML/CSS/java Script/Jquery
FAKHRUN NISHA
 
Lab#5 style and selector
Lab#5 style and selectorLab#5 style and selector
Lab#5 style and selector
Yaowaluck Promdee
 
Ajax & Reverse Ajax Presenation
Ajax & Reverse Ajax PresenationAjax & Reverse Ajax Presenation
Ajax & Reverse Ajax Presenation
Rishabh Garg
 
Lab#13 responsive web
Lab#13 responsive webLab#13 responsive web
Lab#13 responsive web
Yaowaluck Promdee
 
Html table tags
Html table tagsHtml table tags
Html table tags
eShikshak
 
MYSQL - PHP Database Connectivity
MYSQL - PHP Database ConnectivityMYSQL - PHP Database Connectivity
MYSQL - PHP Database Connectivity
V.V.Vanniaperumal College for Women
 
Database concepts
Database conceptsDatabase concepts
Database concepts
shanthishyam
 
Span and Div tags in HTML
Span and Div tags in HTMLSpan and Div tags in HTML
Span and Div tags in HTML
Biswadip Goswami
 
HTML Forms
HTML FormsHTML Forms
HTML Forms
Ravinder Kamboj
 

What's hot (20)

Css lecture notes
Css lecture notesCss lecture notes
Css lecture notes
 
Common dialog control
Common dialog controlCommon dialog control
Common dialog control
 
PHP Regular Expressions
PHP Regular ExpressionsPHP Regular Expressions
PHP Regular Expressions
 
Elm04 05
Elm04 05Elm04 05
Elm04 05
 
SOA Fundamentals
SOA FundamentalsSOA Fundamentals
SOA Fundamentals
 
JavaScript Arrays
JavaScript Arrays JavaScript Arrays
JavaScript Arrays
 
Relational Algebra Introduction
Relational Algebra IntroductionRelational Algebra Introduction
Relational Algebra Introduction
 
HTML5
HTML5HTML5
HTML5
 
Html frames
Html framesHtml frames
Html frames
 
HTML: Tables and Forms
HTML: Tables and FormsHTML: Tables and Forms
HTML: Tables and Forms
 
Clean Code
Clean CodeClean Code
Clean Code
 
HTML/CSS/java Script/Jquery
HTML/CSS/java Script/JqueryHTML/CSS/java Script/Jquery
HTML/CSS/java Script/Jquery
 
Lab#5 style and selector
Lab#5 style and selectorLab#5 style and selector
Lab#5 style and selector
 
Ajax & Reverse Ajax Presenation
Ajax & Reverse Ajax PresenationAjax & Reverse Ajax Presenation
Ajax & Reverse Ajax Presenation
 
Lab#13 responsive web
Lab#13 responsive webLab#13 responsive web
Lab#13 responsive web
 
Html table tags
Html table tagsHtml table tags
Html table tags
 
MYSQL - PHP Database Connectivity
MYSQL - PHP Database ConnectivityMYSQL - PHP Database Connectivity
MYSQL - PHP Database Connectivity
 
Database concepts
Database conceptsDatabase concepts
Database concepts
 
Span and Div tags in HTML
Span and Div tags in HTMLSpan and Div tags in HTML
Span and Div tags in HTML
 
HTML Forms
HTML FormsHTML Forms
HTML Forms
 

Similar to HTML tags

Code HTML Lengkap
Code HTML LengkapCode HTML Lengkap
Code HTML Lengkap
Dian Arifin
 
Caracteristicas Basicas De Htlm
Caracteristicas Basicas De HtlmCaracteristicas Basicas De Htlm
Caracteristicas Basicas De Htlm
Maria S Rivera
 
Creating HTML Pages
Creating HTML PagesCreating HTML Pages
Creating HTML Pages
Mike Crabb
 
Unit 2 (it workshop)
Unit 2 (it workshop)Unit 2 (it workshop)
Unit 2 (it workshop)
Dr.Lokesh Gagnani
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
DipaliJagtap6
 
Html
HtmlHtml
Html
Alisha Kalidhar
 
Html ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangaloreHtml ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangalore
fathima12
 
Web Design-III IT.ppt
Web Design-III IT.pptWeb Design-III IT.ppt
Web Design-III IT.ppt
banu236831
 
02 HTML-01.pdf
02 HTML-01.pdf02 HTML-01.pdf
02 HTML-01.pdf
EshaYasir1
 
計算機概論20161205
計算機概論20161205計算機概論20161205
計算機概論20161205
志宇 許
 
Web Developement Workshop (Oct 2009 -Day 1)
Web Developement Workshop (Oct 2009 -Day 1)Web Developement Workshop (Oct 2009 -Day 1)
Web Developement Workshop (Oct 2009 -Day 1)
Linux User's Group
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
Seble Nigussie
 
Html introduction by ikram niaz
Html introduction by ikram niazHtml introduction by ikram niaz
Html introduction by ikram niaz
ikram niaz
 
Introduction to Html by Ankitkumar Singh
Introduction to Html by Ankitkumar SinghIntroduction to Html by Ankitkumar Singh
Introduction to Html by Ankitkumar Singh
Ankitkumar Singh
 
Hypertext markup language(html)
Hypertext markup language(html)Hypertext markup language(html)
Hypertext markup language(html)
Jayson Cortez
 
WebDev Simplified Day 1 ppt.ppt
WebDev Simplified Day 1 ppt.pptWebDev Simplified Day 1 ppt.ppt
WebDev Simplified Day 1 ppt.ppt
SarikaPurohit1
 
HTML web design_ an introduction to design
HTML web design_ an introduction to designHTML web design_ an introduction to design
HTML web design_ an introduction to design
SureshSingh142
 
Beginning html
Beginning htmlBeginning html
Beginning html
Sharmaine Resuma
 
basic-tags.PPT
basic-tags.PPTbasic-tags.PPT
basic-tags.PPT
Faruk Hossen
 
HTML guide for beginners
HTML guide for beginnersHTML guide for beginners
HTML guide for beginners
Thesis Scientist Private Limited
 

Similar to HTML tags (20)

Code HTML Lengkap
Code HTML LengkapCode HTML Lengkap
Code HTML Lengkap
 
Caracteristicas Basicas De Htlm
Caracteristicas Basicas De HtlmCaracteristicas Basicas De Htlm
Caracteristicas Basicas De Htlm
 
Creating HTML Pages
Creating HTML PagesCreating HTML Pages
Creating HTML Pages
 
Unit 2 (it workshop)
Unit 2 (it workshop)Unit 2 (it workshop)
Unit 2 (it workshop)
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Html
HtmlHtml
Html
 
Html ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangaloreHtml ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangalore
 
Web Design-III IT.ppt
Web Design-III IT.pptWeb Design-III IT.ppt
Web Design-III IT.ppt
 
02 HTML-01.pdf
02 HTML-01.pdf02 HTML-01.pdf
02 HTML-01.pdf
 
計算機概論20161205
計算機概論20161205計算機概論20161205
計算機概論20161205
 
Web Developement Workshop (Oct 2009 -Day 1)
Web Developement Workshop (Oct 2009 -Day 1)Web Developement Workshop (Oct 2009 -Day 1)
Web Developement Workshop (Oct 2009 -Day 1)
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html introduction by ikram niaz
Html introduction by ikram niazHtml introduction by ikram niaz
Html introduction by ikram niaz
 
Introduction to Html by Ankitkumar Singh
Introduction to Html by Ankitkumar SinghIntroduction to Html by Ankitkumar Singh
Introduction to Html by Ankitkumar Singh
 
Hypertext markup language(html)
Hypertext markup language(html)Hypertext markup language(html)
Hypertext markup language(html)
 
WebDev Simplified Day 1 ppt.ppt
WebDev Simplified Day 1 ppt.pptWebDev Simplified Day 1 ppt.ppt
WebDev Simplified Day 1 ppt.ppt
 
HTML web design_ an introduction to design
HTML web design_ an introduction to designHTML web design_ an introduction to design
HTML web design_ an introduction to design
 
Beginning html
Beginning htmlBeginning html
Beginning html
 
basic-tags.PPT
basic-tags.PPTbasic-tags.PPT
basic-tags.PPT
 
HTML guide for beginners
HTML guide for beginnersHTML guide for beginners
HTML guide for beginners
 

More from ramlalshah1

Abo0ut Question tags presentati on .pptx
Abo0ut Question tags presentati on .pptxAbo0ut Question tags presentati on .pptx
Abo0ut Question tags presentati on .pptx
ramlalshah1
 
thermometry, expansion & calorimetry.pptx
thermometry, expansion & calorimetry.pptxthermometry, expansion & calorimetry.pptx
thermometry, expansion & calorimetry.pptx
ramlalshah1
 
presentation on laws of motion physics.pptx
presentation on laws of motion physics.pptxpresentation on laws of motion physics.pptx
presentation on laws of motion physics.pptx
ramlalshah1
 
A presentation on Brochure creation-Pptx.pptx
A presentation on Brochure creation-Pptx.pptxA presentation on Brochure creation-Pptx.pptx
A presentation on Brochure creation-Pptx.pptx
ramlalshah1
 
Talglærur.pptx
Talglærur.pptxTalglærur.pptx
Talglærur.pptx
ramlalshah1
 
PLASMA PHYSICS: EXPERIMENTAL STUDY OF BREAKDOWN OF GAS BY USING DIELECTRIC B...
PLASMA PHYSICS: EXPERIMENTAL STUDY OF BREAKDOWN OF GAS BY USING DIELECTRIC B...PLASMA PHYSICS: EXPERIMENTAL STUDY OF BREAKDOWN OF GAS BY USING DIELECTRIC B...
PLASMA PHYSICS: EXPERIMENTAL STUDY OF BREAKDOWN OF GAS BY USING DIELECTRIC B...
ramlalshah1
 
USAGE AND IMPACTS OF COMPUTER
USAGE AND IMPACTS OF COMPUTER USAGE AND IMPACTS OF COMPUTER
USAGE AND IMPACTS OF COMPUTER
ramlalshah1
 
SET powerpoint
SET powerpointSET powerpoint
SET powerpoint
ramlalshah1
 

More from ramlalshah1 (8)

Abo0ut Question tags presentati on .pptx
Abo0ut Question tags presentati on .pptxAbo0ut Question tags presentati on .pptx
Abo0ut Question tags presentati on .pptx
 
thermometry, expansion & calorimetry.pptx
thermometry, expansion & calorimetry.pptxthermometry, expansion & calorimetry.pptx
thermometry, expansion & calorimetry.pptx
 
presentation on laws of motion physics.pptx
presentation on laws of motion physics.pptxpresentation on laws of motion physics.pptx
presentation on laws of motion physics.pptx
 
A presentation on Brochure creation-Pptx.pptx
A presentation on Brochure creation-Pptx.pptxA presentation on Brochure creation-Pptx.pptx
A presentation on Brochure creation-Pptx.pptx
 
Talglærur.pptx
Talglærur.pptxTalglærur.pptx
Talglærur.pptx
 
PLASMA PHYSICS: EXPERIMENTAL STUDY OF BREAKDOWN OF GAS BY USING DIELECTRIC B...
PLASMA PHYSICS: EXPERIMENTAL STUDY OF BREAKDOWN OF GAS BY USING DIELECTRIC B...PLASMA PHYSICS: EXPERIMENTAL STUDY OF BREAKDOWN OF GAS BY USING DIELECTRIC B...
PLASMA PHYSICS: EXPERIMENTAL STUDY OF BREAKDOWN OF GAS BY USING DIELECTRIC B...
 
USAGE AND IMPACTS OF COMPUTER
USAGE AND IMPACTS OF COMPUTER USAGE AND IMPACTS OF COMPUTER
USAGE AND IMPACTS OF COMPUTER
 
SET powerpoint
SET powerpointSET powerpoint
SET powerpoint
 

Recently uploaded

UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
UI5con 2024 - Keynote: Latest News about UI5 and it’s EcosystemUI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
Peter Muessig
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE WHATSAPP.pptx
LORRAINE ANDREI_LEQUIGAN_HOW TO USE WHATSAPP.pptxLORRAINE ANDREI_LEQUIGAN_HOW TO USE WHATSAPP.pptx
LORRAINE ANDREI_LEQUIGAN_HOW TO USE WHATSAPP.pptx
lorraineandreiamcidl
 
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CDKuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
rodomar2
 
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j - Product Vision and Knowledge Graphs - GraphSummit ParisNeo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j
 
DDS-Security 1.2 - What's New? Stronger security for long-running systems
DDS-Security 1.2 - What's New? Stronger security for long-running systemsDDS-Security 1.2 - What's New? Stronger security for long-running systems
DDS-Security 1.2 - What's New? Stronger security for long-running systems
Gerardo Pardo-Castellote
 
Transform Your Communication with Cloud-Based IVR Solutions
Transform Your Communication with Cloud-Based IVR SolutionsTransform Your Communication with Cloud-Based IVR Solutions
Transform Your Communication with Cloud-Based IVR Solutions
TheSMSPoint
 
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j - Product Vision and Knowledge Graphs - GraphSummit ParisNeo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j
 
GraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph TechnologyGraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph Technology
Neo4j
 
What is Augmented Reality Image Tracking
What is Augmented Reality Image TrackingWhat is Augmented Reality Image Tracking
What is Augmented Reality Image Tracking
pavan998932
 
Using Xen Hypervisor for Functional Safety
Using Xen Hypervisor for Functional SafetyUsing Xen Hypervisor for Functional Safety
Using Xen Hypervisor for Functional Safety
Ayan Halder
 
Graspan: A Big Data System for Big Code Analysis
Graspan: A Big Data System for Big Code AnalysisGraspan: A Big Data System for Big Code Analysis
Graspan: A Big Data System for Big Code Analysis
Aftab Hussain
 
Using Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query PerformanceUsing Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query Performance
Grant Fritchey
 
Atelier - Innover avec l’IA Générative et les graphes de connaissances
Atelier - Innover avec l’IA Générative et les graphes de connaissancesAtelier - Innover avec l’IA Générative et les graphes de connaissances
Atelier - Innover avec l’IA Générative et les graphes de connaissances
Neo4j
 
Artificia Intellicence and XPath Extension Functions
Artificia Intellicence and XPath Extension FunctionsArtificia Intellicence and XPath Extension Functions
Artificia Intellicence and XPath Extension Functions
Octavian Nadolu
 
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptxOracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptx
Remote DBA Services
 
GreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-JurisicGreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-Jurisic
Green Software Development
 
Automated software refactoring with OpenRewrite and Generative AI.pptx.pdf
Automated software refactoring with OpenRewrite and Generative AI.pptx.pdfAutomated software refactoring with OpenRewrite and Generative AI.pptx.pdf
Automated software refactoring with OpenRewrite and Generative AI.pptx.pdf
timtebeek1
 
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Crescat
 
E-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet DynamicsE-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet Dynamics
Hornet Dynamics
 
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI AppAI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
Google
 

Recently uploaded (20)

UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
UI5con 2024 - Keynote: Latest News about UI5 and it’s EcosystemUI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE WHATSAPP.pptx
LORRAINE ANDREI_LEQUIGAN_HOW TO USE WHATSAPP.pptxLORRAINE ANDREI_LEQUIGAN_HOW TO USE WHATSAPP.pptx
LORRAINE ANDREI_LEQUIGAN_HOW TO USE WHATSAPP.pptx
 
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CDKuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
 
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j - Product Vision and Knowledge Graphs - GraphSummit ParisNeo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
 
DDS-Security 1.2 - What's New? Stronger security for long-running systems
DDS-Security 1.2 - What's New? Stronger security for long-running systemsDDS-Security 1.2 - What's New? Stronger security for long-running systems
DDS-Security 1.2 - What's New? Stronger security for long-running systems
 
Transform Your Communication with Cloud-Based IVR Solutions
Transform Your Communication with Cloud-Based IVR SolutionsTransform Your Communication with Cloud-Based IVR Solutions
Transform Your Communication with Cloud-Based IVR Solutions
 
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j - Product Vision and Knowledge Graphs - GraphSummit ParisNeo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
Neo4j - Product Vision and Knowledge Graphs - GraphSummit Paris
 
GraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph TechnologyGraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph Technology
 
What is Augmented Reality Image Tracking
What is Augmented Reality Image TrackingWhat is Augmented Reality Image Tracking
What is Augmented Reality Image Tracking
 
Using Xen Hypervisor for Functional Safety
Using Xen Hypervisor for Functional SafetyUsing Xen Hypervisor for Functional Safety
Using Xen Hypervisor for Functional Safety
 
Graspan: A Big Data System for Big Code Analysis
Graspan: A Big Data System for Big Code AnalysisGraspan: A Big Data System for Big Code Analysis
Graspan: A Big Data System for Big Code Analysis
 
Using Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query PerformanceUsing Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query Performance
 
Atelier - Innover avec l’IA Générative et les graphes de connaissances
Atelier - Innover avec l’IA Générative et les graphes de connaissancesAtelier - Innover avec l’IA Générative et les graphes de connaissances
Atelier - Innover avec l’IA Générative et les graphes de connaissances
 
Artificia Intellicence and XPath Extension Functions
Artificia Intellicence and XPath Extension FunctionsArtificia Intellicence and XPath Extension Functions
Artificia Intellicence and XPath Extension Functions
 
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptxOracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptx
 
GreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-JurisicGreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-Jurisic
 
Automated software refactoring with OpenRewrite and Generative AI.pptx.pdf
Automated software refactoring with OpenRewrite and Generative AI.pptx.pdfAutomated software refactoring with OpenRewrite and Generative AI.pptx.pdf
Automated software refactoring with OpenRewrite and Generative AI.pptx.pdf
 
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
 
E-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet DynamicsE-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet Dynamics
 
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI AppAI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
 

HTML tags

  • 1. HTML Tags Chart To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. Tag Name Code Example Browser View <!-- comment <!--This can be viewed in the HTML part of a document--> Nothing will show (Tip) <a - anchor <a href="http://www.domain.com/"> Visit Our Site</a> Visit Our Site (Tip) <b> bold <b>Example</b> Example <big> big (text) <big>Example</big> Example (Tip) <body> body of HTML documen t <body>The content of your HTML page</body> Contents of your web page (Tip) <br> line break The contents of your page<br>The contents of your page The contents of your web page The contents of your web page <center> center <center>This will center your contents</center> This will center your contents <dd> definition descripti on <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> Definition Term Definition of the term Definition Term Definition of the term <dl> definition list <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> Definition Term Definition of the term Definition Term Definition of the term <dt> definition term <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> Definition Term Definition of the term Definition Term Definition of the term <em> emphasis This is an <em>Example</em> of using the emphasis tag This is an Example of using the emphasis tag <embed> embed object <embed src="yourfile.mid" width="100%" height="60" align="center"> (Tip) <embed> embed object <embed src="yourfile.mid" autostart="true" hidden="false" loop="false"> <noembed><bgsound src="yourfile.mid" loop="1"></noembed> Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music. <font> font <font face="Times New Roman">Example</font> Example (Tip)
  • 2. <font> font <font face="Times New Roman" size="4">Example</font> Example (Tip) <font> font <font face="Times New Roman" size="+3" color="#ff0000">Example</font> Example(Tip) <form> form <form action="mailto:you@yourdomain.com "> Name: <input name="Name" value="" size="10"><br> Email: <input name="Email" value="" size="10"><br> <center><input type="submit"></center> </form> Name: (Tip) Email: Submit <h1> <h2> <h3> <h4> <h5> <h6> heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 <h1>Heading 1 Example</h1> <h2>Heading 2 Example</h2> <h3>Heading 3 Example</h3> <h4>Heading 4 Example</h4> <h5>Heading 5 Example</h5> <h6>Heading 6 Example</h6> <head> heading of HTML documen t <head>Contains elements describing the document</head> Nothing will show <hr> horizonta l rule <hr /> Contents of your web page (Tip) Contents of your web page <hr> horizonta l rule <hr width="50%" size="3" /> Contents of your web page Contents of your web page <hr> horizonta l rule <hr width="50%" size="3" noshade /> Contents of your web page Contents of your web page <hr> (Internet Explorer) horizonta l rule <hr width="75%" color="#ff0000" size="4" /> Contents of your web page Contents of your web page <hr> (Internet Explorer) horizonta l rule <hr width="25%" color="#6699ff" size="6" /> Contents of your web page Contents of your web page <html> hypertext markup language <html> <head> <meta> <title>Title of your web page</title> </head> <body>HTML web page contents </body> </html> Contents of your web page <i> italic <i>Example</i> Example <img> image <img src="Earth.gif" width="41" height="41" border="0" alt="text describing the image" /> (Tip)
  • 3. <input> input field Example 1: <form method=post action="/cgi- bin/example.cgi"> <input type="text" size="10" maxlength="30"> <input type="Submit" value="Submit"> </form> Example 1: (Tip) Submit <input> (Internet Explorer) input field Example 2: <form method=post action="/cgi- bin/example.cgi"> <input type="text" style="color: #ffffff; font-family: Verdana; font-weight: bold; font- size: 12px; background-color: #72a4d2;" size="10" maxlength="30"> <input type="Submit" value="Submit"> </form> Example 2: (Tip) Submit <input> input field Example 3: <form method=post action="/cgi- bin/example.cgi"> <table border="0" cellspacing="0" cellpadding="2"><tr><td bgcolor="#8463ff"><input type="text" size="10" maxlength="30"></td><td bgcolor="#8463ff" valign="Middle"> <input type="image" name="submit" src="yourimage.gif"></td></tr> </table> </form> Example 3: (Tip) <input> input field Example 4: <form method=post action="/cgi- bin/example.cgi"> Enter Your Comments:<br> <textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100></textarea><br> <input type="Submit" value="Submit"> <input type="Reset" value="Clear"> </form> Example 4: (Tip) Submit Clear <input> input field Example 5: <form method=post action="/cgi- bin/example.cgi"> <center> Select an option: <select> <option >option 1</option> <option selected>option 2</option> <option>option 3</option> <option>option 4</option> <option>option 5</option> <option>option 6</option> </select><br> <input type="Submit" value="Submit"></center> </form> Example 5: Tip) Select an option: option 2 Submit <input> input field Example 6: Example 6: (Tip)
  • 4. <form method=post action="/cgi- bin/example.cgi"> Select an option:<br> <input type="radio" name="option"> Option 1 <input type="radio" name="option" checked> Option 2 <input type="radio" name="option"> Option 3 <br> <br> Select an option:<br> <input type="checkbox" name="selection"> Selection 1 <input type="checkbox" name="selection" checked> Selection 2 <input type="checkbox" name="selection"> Selection 3 <input type="Submit" value="Submit"> </form> Select an option: Option 1 Option 2 Option 3 Select an option: Selection 1 Selection 2 Selection 3 Submit <li> list item Example 1: <menu> <li type="disc">List item 1</li> <li type="circle">List item 2</li> <li type="square">List item 3</li> </MENU> Example 2: <ol type="i"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Example 1: (Tip)  List item 1 o List item 2  List item 3 Example 2: i. List item 1 ii. List item 2 iii. List item 3 iv. List item 4 <link> link <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <marquee > (Internet Explorer) scrolling text <marquee bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">Example Marquee</marquee> (Tip) <menu> menu <menu> <li type="disc">List item 1</li> <li type="circle">List item 2</li> <li type="square">List item 3</li> </menu>  List item 1 o List item 2  List item 3 <meta> meta <meta name="Description" content="Description of your site"> <meta name="keywords" content="keywords describing your site"> Nothing will show (Tip) <meta> meta <meta HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain.c om/"> Nothing will show (Tip)
  • 5. <meta> meta <meta http-equiv="Pragma" content="no- cache"> Nothing will show (Tip) <meta> meta <meta name="rating" content="General"> Nothing will show (Tip) <meta> meta <meta name="robots" content="all"> Nothing will show (Tip) <meta> meta <meta name="robots" content="noindex,follow"> Nothing will show (Tip) <ol> ordered list Numbered <ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Numbered Special Start <ol start="5"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Lowercase Letters <ol type="a"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Letters <ol type="A"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Letters Special Start <ol type="A" start="3"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Lowercase Roman Numerals <ol type="i"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Numbered 1. List item 1 2. List item 2 3. List item 3 4. List item 4 Numbered Special Start 5. List item 1 6. List item 2 7. List item 3 8. List item 4 Lowercase Letters a. List item 1 b. List item 2 c. List item 3 d. List item 4 Capital Letters A. List item 1 B. List item 2 C. List item 3 D. List item 4 Capital Letters Special Start C. List item 1 D. List item 2 E. List item 3 F. List item 4 Lowercase Roman Numerals i. List item 1 ii. List item 2 iii. List item 3 iv. List item 4 Capital Roman Numerals I. List item 1 II. List item 2 III. List item 3 IV. List item 4
  • 6. Capital Roman Numerals <ol type="I"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Roman Numerals Special Start <ol type="I" start="7"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Roman Numerals Special Start VII. List item 1 VIII. List item 2 IX. List item 3 X. List item 4 <option> listbox option <form method=post action="/cgi- bin/example.cgi"> <center> Select an option: <select> <option>option 1</option> <option selected>option 2</option> <option>option 3</option> <option>option 4</option> <option>option 5</option> <option>option 6</option> </select><br> </center> </form> Select an option: (Tip) option 2 <p> paragrap h This is an example displaying the use of the paragraph tag. <p> This will create a line break and a space between lines. Attributes: Example 1:<br> <br> <p align="left"> This is an example<br> displaying the use<br> of the paragraph tag.<br> <br> Example 2:<br> <br> <p align="right"> This is an example<br> displaying the use<br> of the paragraph tag.<br> <br> Example 3:<br> <br> <p align="center"> This is an example<br> displaying the use<br> of the paragraph tag. This is an example displaying the use of the paragraph tag. This will create a line break and a space between lines. Attributes: Example 1: This is an example displaying the use of the paragraph tag. Example 2: This is an example displaying the use of the paragraph tag. Example 3: This is an example displaying the use of the paragraph tag. <small> small (text) <small>Example</small> Example (Tip)
  • 7. <strike> deleted text <strike>Example</strike> Example <strong> strong emphasis <strong>Example</strong> Example <table> table Example 1: <table border="4" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> Example 2: (Internet Explorer) <table border="2" bordercolor="#336699" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> Example 3: <table cellpadding="2" cellspacing="2" width="100%"> <tr> <td bgcolor="#cccccc">Column 1</td> <td bgcolor="#cccccc">Column 2</td> </tr> <tr> <td>Row 2</td> <td>Row 2</td> </tr> </table> Example 1: (Tip) Column 1 Column 2 Example 2: (Tip) Column 1 Column 2 Example 3: (Tip) Column 1 Column 2 Row 2 Row 2 <td> table data <table border="2" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> Column 1 Column 2 <th> table header <div align="center"> <table> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> <tr> <td>Row 2</td> <td>Row 2</td> <td>Row 2</td> </tr> <tr> <td>Row 3</td> <td>Row 3</td> <td>Row 3</td> Colum n 1 Colum n 2 Colum n 3 Row 2 Row 2 Row 2 Row 3 Row 3 Row 3 Row 4 Row 4 Row 4
  • 8. </tr> <tr> <td>Row 4</td> <td>Row 4</td> <td>Row 4</td> </tr> </table> </div> <title> documen t title <title>Title of your HTML page</title> Title of your web page will be viewable in the title bar.(Tip) <tr> table row <table border="2" cellpadding="2" cellspacing="2" width="100%"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> Column 1 Column 2 <tt> teletype <tt>Example</tt> Example <u> underline <u>Example</u> Example <ul> unordere d list Example 1:<br> <br> <ul> <li>List item 1</li> <li>List item 2</li> </ul> <br> Example 2:<br> <ul type="disc"> <li>List item 1</li> <li>List item 2</li> <ul type="circle"> <li>List item 3</li> <li>List item 4</li> </ul> </ul> Example 1:  List item 1  List item 2 Example 2:  List item 1  List item 2 o List item 3 o List item 4