Scribd
Upload
2 views7 pages

HTML Tags and Elements Guide

The document provides an overview of HTML tags and elements, categorizing them into inline, block level, nested, and empty tags. It includes basic tags for text formatting, image and hyperlink tags, as well as additional tags for styling and tables. The document serves as a reference for understanding the structure and usage of various HTML elements.

Uploaded by

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

HTML Tags and Elements Guide

The document provides an overview of HTML tags and elements, categorizing them into inline, block level, nested, and empty tags. It includes basic tags for text formatting, image and hyperlink tags, as well as additional tags for styling and tables. The document serves as a reference for understanding the structure and usage of various HTML elements.

Uploaded by

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

HTML

TAGS AND ELEMENTS


• <b> , <i>, <u>
• <strong> , <em>
• <q>, <mark> HTML
• <span> ELEMENTS

• <p> Inline
• <h1> to <h6>
• <ol>, <ul>, <dl>
• <div>
Block Level
• <section> etc

Nested
• <br>
• <hr>
•
Empty
<img>
• <meta>, <link>
• <area>
Basic Tags
i. Bold <b> / Strong <strong>
ii. Italic <i> / Em
iii. Underline <u>
iv. Subscript <sub>
v. Superscript <sup>
vi. Strikethrough <strike> / use <del> and <ins> tag
TEXT vii. Non-breaking space &nbsp;

A
viii. Small
FORM TTIN ix. Mark
c. Headings <h1> to <h6>
G d. Paragraph
i. Paragraphs <p align=”center”>
ii. Preformated tag <pre>
iii. Break <br> (used in address, poetry, etc)
iv. Horizontal rule line <hr color, size, width, align>
IMAGE & HYPERLINKS TAGS
Image <img src, alt, width, height=”100px”>

Hyper Links / Anchor Tag <a href=””,


target=”_blank/_self/_parent/_top”

i. External Page/website/file

ii. Internal page part <a href=#mytargetlink”> -> <a


name=”mytargetlink”

iii. mailto link <a href=[Link]

email&cc=second@[Link]&body=testing text in body”>

iv. <a href="[Link]

v. <a href="javascript:alert('Hello World!');">Java Message box


by JavaScript</a>
SOME MORE TAGS
Font <font size=”7” color=”#669933”
face=”arial,verdana”>
i. Face
ii. Color
iii. Size
Entities (starting with &
f. Colors
and ends with ; )
i. Color names, HEX, RGB, RGBA
&nbsp; , &lt; , &gt; ,
g. <blockquote cite="”> / <q>
&reg; , &copy; , &euro; ,
h. <abbr title=””> / <p title=””>
&quote; , &amp; , &darr;
i. <address>
, &hearts;
j. <cite>
k. <bdo dir=”rtl”> bi directional override

Marquee <marquee
behavior=”slide/alternative/scroll”
scrollamount=”10” direction=”right”
scrolldelay=”4” loop=”2” bgcolor=”pink”
width=”20%”>Pakistan</marquee>
TABLE <TABLE>
I. TABLE WIDTH AND HEIGHT AND

Ta
bl
e
BGCOLOR
II. TABLE BORDER (USING CSS)
III. BORDER SPACING
IV. TABLE CELL PADDING / CELLPADDING
xii. Table Caption
V. TABLE CELL SPACING / CELLSPACING xiii. thead tag
xiv. tbody tag
VI. TABLE CELLS / TD xv. tfoot tag
VII. TABLE ROWS / TR xvi. col and colgroup
<colgroup>
VIII. TABLE HEADER / TH <col span="1" style="background-color:
green" />
IX. HEADER OR CELL CONTENT
<col span="1" style="background-color:
ALIGNMENT(ALIGN=”CENTER”) OR red" />
VERTICAL ALIGN (VALIGN=”TOP”) <col span="1" style="background-color:
none" />
X. COLUMN SPAN / COLSPAN </colgroup>
b. Nested Table
XI. ROW SPAN / ROWSPAN
IT’S NOT THE END BUT A NEW BEGINNING
Ilyas Anjum

You might also like