0% found this document useful (0 votes)
57 views6 pages

DOCTYPE HTML

This document provides examples of HTML tags for formatting text, inserting images, creating lists, tables, and more. It includes tags for headings, paragraphs, links, ordered and unordered lists, description lists, bold, italics, underline, blockquotes, images, line breaks, divs, horizontal rules, spans, tables, table rows, and table columns. Attributes are described for tags like image, table, table row, and table column.

Uploaded by

Aim sheihk
Copyright
© © All Rights Reserved
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)
57 views6 pages

DOCTYPE HTML

This document provides examples of HTML tags for formatting text, inserting images, creating lists, tables, and more. It includes tags for headings, paragraphs, links, ordered and unordered lists, description lists, bold, italics, underline, blockquotes, images, line breaks, divs, horizontal rules, spans, tables, table rows, and table columns. Attributes are described for tags like image, table, table row, and table column.

Uploaded by

Aim sheihk
Copyright
© © All Rights Reserved
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/ 6

<!

DOCTYPE html>

<html></html>
<head>/<head>
<title></title>
<body></body>
<p></p>
<!-- Your Comment --> tag

<h1> </h1> <h4> </h4>

<h2> </h2> <h5> </h5>

<h3> </h3> <h6> </h6>

<a href="http://www.way2tutorial.com">Web Development Tutorial</a>


<a name="Lession.1"> link can be referred as
<a href="#Lession.1">Lession.1</a> automatically.

ORDERED LIST

<ol type="A" value="1">


<li>Upper Alphabet</li>
<li>Upper Alphabet</li>
</ol>

<ol type="i" value="1">


<li>Lower Roman numeral</li>
<li>Lower Roman numeral</li>
</ol>

<ol type="I" value="1">


<li>Upper Roman numeral</li>
<li>Upper Roman numeral</li>
</ol>
UN ORDERED LIST

<ul style="list-style-type:disc"> <ul type="disk" >


<li>Coffee</li> <li>Disk Bullet</li>
<li>Tea</li> <li>Disk Bullet</li>
<li>Milk</li> </ul>
</ul>
<ul type="circle" >
<li>Circle Bullet</li>
<li>Circle Bullet</li>
</ul>

<ul type="square">
<li>Square Bullet</li>
<li>Square Bullet</li>
</ul>

Description Lists
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
formattingTag Attribute
Example Results

<b>Bold Text</b> An example of Bold


Text

<em>Emphasized Text</em> An example


of Emphasized Text

<i>Italic Text</i> An example of Italic


Text

<strong>Strong Text</strong> An example


of Strong Text

<sub>Subscript Text</sub> An example of Subscript Text

<sup>Superscript Text</sup> An example of Superscript


Text

<u>Underline Text</u> An example


of Underline Text

<blockquote>LongQuot</blockquote> An example of Long


Quotation Text
An example of Short
<q>Short Quotation Text</q> Quotation Text
Image Tag Attribute
Attributes Values

src "image source url path"

width "size_px"

Height "size_px"

Align "left"
"right"

Border "Size"
eg. "0"

alt "alternate text"

<br > Defines the single line break.

<div> Defines the division section in a document.

<hr > Defines the horizontal line.

<p> Defines the paragraph in web documents.


<span> Defines a section in a web document.

<span style="color:blue;">blue</span>

<table> Attributes
Attributes Value Description

align left, right, center Declared your alignment side.

width "size_px" Specify the Width Size of the Table.

height "size_px" Specify the Height Size of the Table.

bgcolor "purple" Specify the Background Color.

background "specified_URL" Specify the Background Image open


for URL file.

border "size_px" Specify the size of border thickness.

bordercolor "yellow" Specify the color of border.

cellspacing "size_px" Specify the space between two Cell.

cellpadding "size_px" Specify the space between cell


boundary and text.
<th> Attributes
Attributes Value Description

bgcolor "purple" Specify the Background Color.

colspan "Column_N" Specify the span of there column.

rowspan "Row_N" Specify the span of there Row.

<tr> Attributes
Attributes Value Description

bgcolor "purple" Specify the Background Color.

You might also like