Vous êtes sur la page 1sur 6

Lab 1

HTML(Hypertext Markup Language) is a tag based scripting language that is used to create a
webpage, which is interpreted by the browser. As we use different marks and characters it is also
called the markup language. It is a markup of non-linear type.
There are different tags and attributes used to develop a webpage.
Tags are defined as the pre-defined words enclosed in the angle brackets (< >) with each having
their own meaning and functionality. The tags are of two types viz.
a) Pair tags.
This type of tag has both the opening and the closing tags written as the markup. Heading tag,
paragraph tag, body tag, table tag, et cetera are the examples of pair tags. A content of the
webpage features within pair tags.
b) Single tags.
The single tags have the opening tags but don't necessitate the closing tag. Break tag (<br>),
horizontal tag (<hr>), et cetera are some of it's examples. There are no contents written within
this tag and is normally used to create effects on the webpage.
There are many tags used to define a webpage. Most of the tag used both the the opening and the
closing tags. Attributes meanwhile are the options defining the characteristics or quality of a
content, written within a tag, presented with different values. Some of the tags and the attributes
commonly used in the webpage are mentioned below:

Heading Tag
It is the basic and one of the most important tags used in an HTML page. It displays the
title of the content and has six levels an generally re-presented by the tag Hn, where n denotes
the number of ranges.
Syntax
<H1>...</H1>
<H2>...</H2>
<H3>...</H3>

<H4>...</H4>
<H5>...</H5>
<H6>...</H6>
Attributes
align="left/right/center"
E.g; <H1 align="center">
Paragraph Tag
It is used to move the cursor in the new line leaving blank space displaying the contents
in the paragraph format. It is used in the beginning of the text.
Syntax
<P></P>
Attributes
align=""left/right/center"
E.g;<P align="center">
Formatting Tag
The formatting tag is used to decorate content of the webpage. There are some formatting tags
within its function. Some of them are as follows:
a) Bold tag: It displays texts in bold typeface.
Syntax
<B>...</B>
E.g., <B>This is your home.</B>
Result: This is your home.
There are other tags similar to bold tag such as the big tag (<BIG>) and the strong tag
(<STRONG>) and have their respective functionality.
b) Underline tag: It underlines the written texts.
Syntax

<U>...</U>
E.g.,<U>This is your home.</U>
Result: This is your home.
c) Italic Tag: It displays the italic typeface.
Syntax
<I>...</I>
E.g.,<I> This is your home</I>
Result: This is your home.
d) Superscript Tag: It is used for superscript.
Syntax
<SUP>...</SUP>
x+y<SUP>2</SUP>
Result: (x+y)2
e) Subscript Tag: It is used for subscript.
Syntax
<SUB>...</SUB>
E.g., H<SUB>2</SUB>
Result: H2
f)Font Tag: This tag is used to change the font of the text enclosed within it. We can use several
attributes inside the opening tag.
Syntax
<FONT>...</FONT>
Attributes
COLOR=Hex codes/Name
SIZE=Number in pixel

FACE=Any font one prefers


List tag
It is used to create a list on the webpage. There are two types of lists
a) Ordered list: It displays list in definite sequence. It supports type for starting a letter or a
number.
Syntax
<OL>
<LI>...</LI>
</OL>
E.g., <OL TYPE=a>
<LI>Ram.</LI>
<LI>Shyam.</LI>
</OL>
Result: a) Ram.
b) Shyam.
b) Unorder list: There is no specific sequence to it. We can insert bullet, circle, disc, and square
before the list.
Syntax
<UL>
<LI>...</LI>
</UL>
E.g.,<UL TYPE=CIRCLE>
<LI>Ram</LI>
<LI>Shyam</LI>
</UL>

Result:

Ram

Shyam

Image Tag
It is used to insert image on a webpage.
Syntax
<IMG SRC=PHOTO.JPG/>
Attributes
Height=Number in pixel
Width=Number in pixel
Table Tag
It is used to insert a table on a webpage.
Syntax
<TABLE>
<TR>
<TD>...</TD>
</TR>
</TABLE>
Attributes
Height=Number in pixel
Width=Number in pixel
Bgcolor=Hex codes/Name
Form Tag
It Is used to insert form on a webpage.
Syntax <FORM>...</FORM>