0% found this document useful (0 votes)

227 views9 pages

HTML Tags Chart

The document provides examples of various HTML tags like <a>, <b>, <body>, <center>, <font>, <form>, <h1>-<h6>, <hr>, <html>, <img>, <input>, <li>, <ol>, <option>, <p>, <select> and describes what each tag is used for and how it will be displayed in a web browser. The tags can be copied and pasted directly into a web page and include attributes to further control formatting and styling. Examples are given to illustrate how each tag would look when implemented on a live webpage.

Uploaded by

Choy Monreal

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

227 views9 pages

HTML Tags Chart

Uploaded by

Choy Monreal

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

You are on page 1/ 9

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 <!-<a <b> <big> <body> Name comment anchor bold Code Example  <a href="http://www.domain.com/"> Visit Our Site</a> <b>Example</b> Browser View Nothing will show (Tip) Visit Our Site (Tip) Example

big (text) <big>Example</big> body of <body>The content of HTML your HTML page</body> document

Example (Tip)
Contents of your web page (Tip)

<br>

The contents of your web The contents of your page<br>The contents page line break of your page The contents of your web page center <center>This will center your contents</center> This will center your contents Definition Term Definition of the term Definition Term Definition of the term Definition Term Definition of the term Definition Term Definition of the term Definition Term Definition of the term Definition Term Definition of the term This is an Example of using the emphasis tag (Tip)

<dd>

<dl> <dt>Definition Term</dt> definition <dd>Definition of the term</dd> descriptio <dt>Definition Term</dt> n <dd>Definition of the term</dd> </dl> <dl> <dt>Definition Term</dt> definition <dd>Definition of the term</dd> list <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> <dl> <dt>Definition Term</dt> definition <dd>Definition of the term</dd> term <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> emphasis embed object This is an <em>Example</em> of using the emphasis tag <embed src="yourfile.mid" width="100%" height="60" align="center">

<dl>

<dt>

embed <embed> object

<embed src="yourfile.mid" autostart="true" hidden="false" loop="false"> <noembed><bgsound src="yourfile.mid" loop="1"></noembed>

<font>

font

<font face="Times New

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. Example (Tip)

Roman">Example</font> <font> <font> font font <font face="Times New Roman" size="4">Example</font> <font face="Times New Roman" size="+3" color="#ff0000">Example</font> <form action="mailto:you@yourdomain.co m"> Name: <input name="Name" value="" size="10"><br> Email: <input name="Email" value="" size="10"><br> <center><input type="submit"></center> </form>

Example (Tip)

Example
Top of Form

(Tip)

Name: Email:
Submit

(Tip)

<form>

form

Bottom of Form

<h1> <h2> <h3> <h4> <h5> <h6>

heading heading heading heading heading heading

1 2 3 4 5 6

<h1>Heading <h2>Heading <h3>Heading <h4>Heading <h5>Heading <h6>Heading

1 2 3 4 5 6

Example</h1> Example</h2> Example</h3> Example</h4> Example</h5> Example</h6>

<head>

heading <head>Contains elements describing the of HTML document</head> document horizonta <hr /> l rule

Nothing will show

<hr>

Contents of your web page (Tip) Contents of your web page

<hr>

horizonta <hr width="50%" size="3" /> l rule horizonta <hr width="50%" size="3" noshade /> l rule horizonta <hr width="75%" color="#ff0000" l rule size="4" /> horizonta <hr width="25%" color="#6699ff" l rule size="6" /> hypertext <html> markup <head> language <meta> <title>Title of your web page</title> </head> <body>HTML web page contents

Contents of your web page Contents of your web page Contents of your web page Contents of your web page Contents of your web page Contents of your web page Contents of your web page Contents of your web page Contents of your web page

<hr> <hr> (Internet Explorer) <hr> (Internet Explorer) <html>

</body> </html> <i> <img> italic image <i>Example</i> <img src="Earth.gif" width="41" height="41" border="0" alt="text describing the image" /> Example 1: input field <form method=post action="/cgibin/example.cgi"> <input type="text" size="10" maxlength="30"> <input type="Submit" value="Submit"> </form> Example 2: <form method=post action="/cgibin/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 3: <form method=post action="/cgiTop of Form bin/example.cgi"> Example 3: (Tip) <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 Bottom of Form type="image" name="submit" src="yourimage.gif"></td></tr> </table> </form> Example 4: <form method=post action="/cgibin/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 5: <form method=post action="/cgibin/example.cgi"> <center> Select an option: <select>
Top of Form Top of Form

Example

(Tip)
Top of Form

Example 1: (Tip)
Submit

<input>

Bottom of Form

Example 2: (Tip)
Submit

<input> (Internet Explorer)

input field

Bottom of Form

<input>

input field

Example 4: (Tip)

<input>

input field

Submit

Clear

Bottom of Form Top of Form

<input>

input field

Example 5: Tip) Select an

<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>

option 2

option:
Submit

Bottom of Form Top of Form

Example 6: (Tip) Example 6: Select an option:

<input>

input field

<form method=post action="/cgibin/example.cgi"> Option 1 Select an option:<br> <input type="radio" name="option"> Option 1 Option 2 <input type="radio" name="option" checked> Option 2 <input type="radio" name="option"> Option 3 Option 3 <br> Select an option: <br> Select an option:<br> Selection 1 <input type="checkbox" name="selection"> Selection 1 <input type="checkbox" name="selection" Selection 2 checked> Selection 2 <input type="checkbox" name="selection"> Selection 3 Selection 3 <input type="Submit" value="Submit"> Submit </form>
Bottom of Form

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> <li> list item 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> <link> link <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head>

Example 1: (Tip) List item 1 List item 2 List item 3

Example 2: i. List item 1 ii. List item 2 iii. List item 3 iv. List item 4

<marquee > scrolling (Internet text Explorer)

<marquee bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">Example Marquee</marquee> <menu> <li type="disc">List item 1</li> <li type="circle">List item 2</li> <li type="square">List item 3</li> </menu> <meta name="Description" content="Description of your site"> <meta name="keywords" content="keywords describing your site">

(Tip) List item 1 List item 2 List item 3

<menu>

<meta>

Nothing will show (Tip)

<meta> <meta> <meta> <meta> <meta> <ol>

meta meta meta meta meta ordered list

Numbered Special Start

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>

Lowercase Letters

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

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> 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> <form method=post action="/cgibin/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>

D. List item 2 E. F. List item 3 List item 4

Lowercase Roman Numerals i. ii. List item 1 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 Special Start VII. List item 1 VIII.List item 2 IX. List item 3 X. List item 4

Top of Form

listbox option

Select an option: (Tip)

option 2
Bottom of Form

<p>

paragrap This is an example displaying the use of the h paragraph tag. <p> This will create a line break and a space between lines. Attributes: <p align="left"> Example 1:<br /> <br />

This is an example displaying the use of the paragraph tag. This will create a line break and a space between lines. Attributes:

This is an example<br> displaying the use<br> of the paragraph tag.</p> <p align="right"> Example 2:<br> <br> This is an example<br> displaying the use<br> of the paragraph tag.</p> <p align="center"> Example 3:<br> <br> This is an example<br> displaying the use<br> of the paragraph tag.</p> <small> <strike> <strong> small (text) deleted text <small>Example</small> <strike>Example</strike>

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.
Example

(Tip)

Example Example

strong <strong>Example</strong> emphasis 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

<table>

table

Example 3: (Tip) Column 1 Row 2 Column 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> <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> </tr> <tr> <td>Row 4</td> <td>Row 4</td> <td>Row 4</td> </tr> </table> </div>

Column 1

Column 2

Column Colu Column 3 1 mn 2

Row 2 Row 3 Row 4 Row 2 Row 3 Row 4 Row 2 Row 3 Row 4

<th>

table header

<title>

document <title>Title of your HTML page</title> title <table border="2" cellpadding="2" cellspacing="2" width="100%"> <tr> table row <td>Column 1</td> <td>Column 2</td> </tr> </table> teletype <tt>Example</tt> underline <u>Example</u> unordere Example 1:<br> d list <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>

Title of your web page will be viewable in the title bar. (Tip) Column 1 Column 2

<tr>

<tt> <u> <ul>

Example
Example Example 1: List item 1 List item 2

Example 2: List item 1 List item 2 List item 3 List item 4

<li>List item 4</li> </ul> </ul>

1Z0 1085 - Final Version
0% (1)
1Z0 1085 - Final Version
21 pages
FIFA Manager 13
No ratings yet
FIFA Manager 13
35 pages
Hands-On Deep Learning For Images With T PDF
No ratings yet
Hands-On Deep Learning For Images With T PDF
3 pages
HTML Tags Chart: Example
No ratings yet
HTML Tags Chart: Example
8 pages
AI Notes Updating
No ratings yet
AI Notes Updating
95 pages
Course 1: Building Layouts (Part A)
No ratings yet
Course 1: Building Layouts (Part A)
33 pages
Full Stack Web Developer Nanodegree Syllabus: Before You Start
No ratings yet
Full Stack Web Developer Nanodegree Syllabus: Before You Start
8 pages
HTML Notes by Heera
No ratings yet
HTML Notes by Heera
135 pages
Data Science Course Content
No ratings yet
Data Science Course Content
8 pages
Java Script
No ratings yet
Java Script
71 pages
102 WDB Flexbox Responsive
No ratings yet
102 WDB Flexbox Responsive
25 pages
Data Checking PDF
No ratings yet
Data Checking PDF
9 pages
The Formation of NOx
No ratings yet
The Formation of NOx
1 page
Jquery Mega Cheat Sheet Printable
No ratings yet
Jquery Mega Cheat Sheet Printable
8 pages
HTML1 PDF
100% (1)
HTML1 PDF
35 pages
Web Developmet Syllabus-2
No ratings yet
Web Developmet Syllabus-2
19 pages
HTML5 Elements: Web Technology Assignment - 1947234
100% (2)
HTML5 Elements: Web Technology Assignment - 1947234
58 pages
Fahad Farooq Resume
No ratings yet
Fahad Farooq Resume
1 page
CSS Grid Tutorial
No ratings yet
CSS Grid Tutorial
6 pages
Matlab Introduction Tutorial
No ratings yet
Matlab Introduction Tutorial
44 pages
HTML and Java Script
No ratings yet
HTML and Java Script
9 pages
Cascading Style Sheets:: CSS-1 and CSS-P For Web Publishing
No ratings yet
Cascading Style Sheets:: CSS-1 and CSS-P For Web Publishing
27 pages
Android Kotlin Developer: Nanodegree Program Syllabus
No ratings yet
Android Kotlin Developer: Nanodegree Program Syllabus
18 pages
5 Best Portfolio-Ready Data Analytics Projects For Beginners by Learnbay Blogs May, 2023 Medium
No ratings yet
5 Best Portfolio-Ready Data Analytics Projects For Beginners by Learnbay Blogs May, 2023 Medium
17 pages
Durga Soft PDF Part II
100% (7)
Durga Soft PDF Part II
201 pages
CS202 - Fundamentals of Front End Development Handouts
No ratings yet
CS202 - Fundamentals of Front End Development Handouts
307 pages
Backend Development Bootcamp - Day 4
No ratings yet
Backend Development Bootcamp - Day 4
24 pages
Full Stack Web Development Outlines: HTML 5
100% (1)
Full Stack Web Development Outlines: HTML 5
4 pages
Web Development PDF
No ratings yet
Web Development PDF
14 pages
PENTAGON SPACE - Java Full Stack Brochure New Syllabus 01
No ratings yet
PENTAGON SPACE - Java Full Stack Brochure New Syllabus 01
10 pages
Back-End Web Development - Server-Side Programming With Node
No ratings yet
Back-End Web Development - Server-Side Programming With Node
8 pages
Advanced Web Designing
No ratings yet
Advanced Web Designing
8 pages
Inline CSS:: CSS: Cascading Style Sheet
No ratings yet
Inline CSS:: CSS: Cascading Style Sheet
44 pages
Java Script Notes (181361)
No ratings yet
Java Script Notes (181361)
10 pages
Web Development Technology Checklist
No ratings yet
Web Development Technology Checklist
2 pages
Learning Path Web - Development in 2018
No ratings yet
Learning Path Web - Development in 2018
1 page
MDN Javascript Docs For Offline Use
No ratings yet
MDN Javascript Docs For Offline Use
3 pages
Bootstrap
No ratings yet
Bootstrap
17 pages
Bootstrap 4 Cheat Sheet BC PDF
100% (5)
Bootstrap 4 Cheat Sheet BC PDF
12 pages
Lecture 1 HTML & Css
No ratings yet
Lecture 1 HTML & Css
92 pages
How To Build A Shortened URL Service With WordPress Custom Post Type - Wptuts+
No ratings yet
How To Build A Shortened URL Service With WordPress Custom Post Type - Wptuts+
13 pages
HTML Tutorials - I-Tech Software Education
100% (1)
HTML Tutorials - I-Tech Software Education
50 pages
The Web Developer Bootcamp Outline (BA) - 2018-05-29
No ratings yet
The Web Developer Bootcamp Outline (BA) - 2018-05-29
79 pages
Javascript Exercises and Solutions
No ratings yet
Javascript Exercises and Solutions
7 pages
Coding Dojo Ebook PDF
No ratings yet
Coding Dojo Ebook PDF
36 pages
10 Jquery Snippets
100% (1)
10 Jquery Snippets
4 pages
UIJAVAKIT
100% (1)
UIJAVAKIT
33 pages
Web Design Ninja
No ratings yet
Web Design Ninja
16 pages
Css
No ratings yet
Css
55 pages
Anupam Kumar Gupta: Education
No ratings yet
Anupam Kumar Gupta: Education
1 page
CSS3
100% (1)
CSS3
25 pages
Anusha Reddy
No ratings yet
Anusha Reddy
10 pages
04.CSS Fundamentals
No ratings yet
04.CSS Fundamentals
144 pages
Cheat Sheet AngularJS
No ratings yet
Cheat Sheet AngularJS
5 pages
HBase Administration Cookbook
From Everand
HBase Administration Cookbook
Yifeng Jiang
No ratings yet
ColdFusion Interview Questions, Answers, and Explanations: ColdFusion Certification Review
From Everand
ColdFusion Interview Questions, Answers, and Explanations: ColdFusion Certification Review
equitypress
No ratings yet
DotNetNuke 5.4 Cookbook
From Everand
DotNetNuke 5.4 Cookbook
John K Murphy
5/5 (1)
Java servlet Second Edition
From Everand
Java servlet Second Edition
Gerardus Blokdyk
No ratings yet
PHP and MongoDB Web Development Beginner’s Guide
From Everand
PHP and MongoDB Web Development Beginner’s Guide
Rubayeet Islam
No ratings yet
Learn Angular: Build a Todo App
From Everand
Learn Angular: Build a Todo App
Jurgen van de Moere
No ratings yet
MCTS 70-515 Exam: Web Applications Development with Microsoft .NET Framework 4 (Exam Prep)
From Everand
MCTS 70-515 Exam: Web Applications Development with Microsoft .NET Framework 4 (Exam Prep)
Eddie Vi
4/5 (1)
SQLite Complete Self-Assessment Guide
From Everand
SQLite Complete Self-Assessment Guide
Gerardus Blokdyk
No ratings yet
Top Interview Questions Asked To A Penetration Tester
No ratings yet
Top Interview Questions Asked To A Penetration Tester
11 pages
Cheatsheet Convolutional Neural Networks
No ratings yet
Cheatsheet Convolutional Neural Networks
5 pages
1350 Oms SDH R 9.5 - Top63052 - V2.0
No ratings yet
1350 Oms SDH R 9.5 - Top63052 - V2.0
844 pages
Rmit Thesis Repository
100% (3)
Rmit Thesis Repository
4 pages
Coconut Disease Prediction System and recommendation Using Image Processing (1)
No ratings yet
Coconut Disease Prediction System and recommendation Using Image Processing (1)
30 pages
HP Common IO Release Notes For HP-UX 11i v3: Printed in The US
No ratings yet
HP Common IO Release Notes For HP-UX 11i v3: Printed in The US
6 pages
Highline Capital Corp. v. Sepehr Katiraie, M.D., Inc. Et Al - Document No. 5
No ratings yet
Highline Capital Corp. v. Sepehr Katiraie, M.D., Inc. Et Al - Document No. 5
4 pages
Philippine Christian University
100% (2)
Philippine Christian University
50 pages
General Manager COO Country Club in USA Resume Joel Lander
No ratings yet
General Manager COO Country Club in USA Resume Joel Lander
2 pages
Introduction To C Programming Notes PDF
100% (2)
Introduction To C Programming Notes PDF
425 pages
Web-Based Library Management of General Trias City, Cavite
No ratings yet
Web-Based Library Management of General Trias City, Cavite
22 pages
Introduction - Modular Arithmetic - Finite Fields - N-Space Over A Finite Field - Error Correcting Codes - Exercises Introduction
No ratings yet
Introduction - Modular Arithmetic - Finite Fields - N-Space Over A Finite Field - Error Correcting Codes - Exercises Introduction
16 pages
Prince Aadhar-Unlocked
No ratings yet
Prince Aadhar-Unlocked
1 page
Btech Cse 8 Sem Natural Language Processing s3 2010
No ratings yet
Btech Cse 8 Sem Natural Language Processing s3 2010
7 pages
Lyt7503-7504 Lytswitch-7 Family
No ratings yet
Lyt7503-7504 Lytswitch-7 Family
12 pages
The Instructions: Usability Test Script - Web Sites
No ratings yet
The Instructions: Usability Test Script - Web Sites
6 pages
Commvault Hardware Troubleshooting
No ratings yet
Commvault Hardware Troubleshooting
4 pages
Lesson 1 WINDOWS AND INTERNET
No ratings yet
Lesson 1 WINDOWS AND INTERNET
18 pages
IILM-University-Fee-Structure-Brochure-2025
No ratings yet
IILM-University-Fee-Structure-Brochure-2025
14 pages
1.3.1.3 Reverse Recovery Behaviour
No ratings yet
1.3.1.3 Reverse Recovery Behaviour
6 pages
Transfer GL Tables
No ratings yet
Transfer GL Tables
11 pages
Thoughts On Super-Resolution Planetary Imaging
No ratings yet
Thoughts On Super-Resolution Planetary Imaging
8 pages
Group 17 Elements
No ratings yet
Group 17 Elements
3 pages
Computer Science & Engineering Micro Project: MLR Institute of Technology
No ratings yet
Computer Science & Engineering Micro Project: MLR Institute of Technology
33 pages
Free Dump: Pass For Sure With Free Exam Dumps, PDF Demo Is Available For Everyone
100% (1)
Free Dump: Pass For Sure With Free Exam Dumps, PDF Demo Is Available For Everyone
5 pages
White Paper - Understanding How ISP Connectivity Impacts User Experience
No ratings yet
White Paper - Understanding How ISP Connectivity Impacts User Experience
6 pages
Competitiveness, Strategy, & Productivity
No ratings yet
Competitiveness, Strategy, & Productivity
17 pages
Drill Mode in A Visual in Power BI
No ratings yet
Drill Mode in A Visual in Power BI
14 pages