0% found this document useful (0 votes)

13 views

HTML

The document discusses HTML elements and tags. It describes common elements like <html>, <head>, <body>, and others. It explains different types of lists, forms, tables, and how to add images and links in HTML.

Uploaded by

Himangshu Sonowal

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

13 views

HTML

Uploaded by

Himangshu Sonowal

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 7

HTML stands for Hyper Text Markup Language.

HTML is the format in which you can put

your information for display on the www .HTML file in plain text file and all the HTML
instruction are type inside angled brackets. These instructions are referred as tages.

HTML is s structured markup language and is not a programming language. Markup is term
used to refer to the ,marks placed on document to indicate the specific formats in it.HTML
documents are cross-platform compatible and device independent . This enables these
document to be read on any platform, as long you have a browser that can read and
understand HTML.

HTML is simple to learn when compared to other markup languages. HTML can be seen
as a child of the much older markup languages called SGML (Standardized Generalized
markup language). SGML is a standardized nation for expressing markup languages. HTML
is used to create web page.

HTML has two elements

1.contain startTags/End Tags

2.Empty Start Tag.

Web page has two parts.

1.Title 2. Body

HTML language is used for creating web page. WebPages-these pages can be viewed on a
web browser.

Web browser:-can be three types.

1. Microsoft internal Explorer

2. Netscape Navigator

3. Mosaic

Different type of HTML elements are------

a. Container Elements

b. Empty Elements.

a .Container Elements :- It consists of both the starting tag and End tag.

<html> staring tag

</html> end tag

b. Empty Elements:- It consists of only the starting tag <hr> starting tags.

Different type of Empty Elements-----

Page: 1

1. HTML In any HTML document are use as a container tag called HTML ,at the
beginning of the document. The HTML tag modified the browser that the document is a
HTML formatted document.

2.HEAD The head elements provides information about a web page.It is used
tospecify the title for the page.

3. TITLE The title elements is used between to <HEAD> and </HEAD> element to
provide the title of thje documents.

4.BODY The body element contain the text, the object (pictures ) to be displayed on
a web page and formatting information. The body tag is used to create the body of HTML
document .It consists of various attributes.

a. Background Tish attributes is used to set a picture on the background. Eg

b. Text This attributes is used to change the color of the text .

Eg <body text =”red”>

c. Bg color This attributes is used to set a color on the background.eg <Body

bgcolor=”green”>

d. Bg propertise When the bg properties elements is set to find it allows to find <body
bgproperties = find>

e. Margin This attributes is used to set margin .

Left margin allows the left hand margin to be set .

<body left margin =”60”>

Top margin allowed the top of the document to be set.

<body top margin=”60”>

f. Font it is used to changing the size, color and type face, style of the text . It has got
various attributes.

a. size = The size elements is used for setting the size of the text . The values rabges
from 1 to 7 default value are 3

b. color The color elements is used to closing the color of the text . < font
color5=”red”>

c. Face Style The face element is used to change the style of the text <font face
=”comic sans ms”>
Page: 2

d. Center This element is used to aligning the text in the page.

<align=”center > <center>hallo</center>

f. Br This element is used to the set a line break.

G. Heading This elements is used for giving the heading to a document. It consits of
six level. Eg-H1 To H6.

H. Align Align element can be used along width the heading elements to set the
element of the text. <H1 align=”center>

HR This element is used to draw a line in the documents. It has got different attributes.

a. Size This attributes determine the thickness of the line.

b. Width This attributes is used to determine the length of the line.

c. Align This attributes is used to set the alignment for the line. It can be left, right ,
center

d. Color This attributes is to to set the color of the line.

<hr size=”5” width =”600” align=”center” color=”blue”>

k. Marquee This alignment allows to creating a scrolling text. It has got different
attributes.

1.Align This attributes can be top,middle and button.

2. Behaviour This attributes is used to specify the behaviour can be scroll, side and
alternate.

a. Scroll scroll means the text will start completely of one side, scroll all the way,
across and completely of the screen and then start .It is the default behaviour.

b. Slide Slide means that the text will start completely of one side scroll in and stop as
it touches the other margin.

c. Alternate Alternate means the text will bunch background and forth within the
marquee.

d. Bgcolor This specify a background color

e. Derection This attributes specifies the direction in which the text will scroll the is
the left. Which means the text will scroll to the left from the right . The text can be made to
scroll from the right to left the right scrolling the direction to right .Eg -<marquee
behaviour=”alternate “becolor =”green” direction=”right”>

L.Linking This element is used for one page with other page. It is represent by <a>.the
HREF attributs is request along with this....eg
Page: 3

<html>

<body>

<A HREF=”D:/abc.html”>resume</a>

</body>

</html>

M. List Element List element are used for applying bullets (symbol) as numbering to a
text .It is four types .

1. Directory List

2. Unorderded List

3. Menu List and

4. Ordered List.

1. Directory list It is used for applying bullets or symbol to the text. Eg <dir><li> Apple
<li> mango.</dir>

2. unordered list It is used for applying bullets to the text. The UL (unordered list) tag
defined a bulleted list of the item . The LI (list item ) tag a nested inside the UL tag and
defines each item within the list.

<html>

<head>

<title>bullets</title>

<body>

<UL>

<li> computer concept

<li> ms word.

<li> ms excel.

</ul>

</body>

</html>

3. Menu list Is used for applying bullets to the text.

<body>
Page: 4

<menu>

<li> Ratio.

<li> tv

<li> eletricals.Etc.

</menu>

<body>

4. Ordered list Ordered list used for applying numbers to the text. The OL (ordered
list )tag defined as a sequentially numbers list of items. It is used to conjunction with the LI
(list item) tag, which is used to tag the individual list of items in a list.

Eg <body>

<OL>

<li> ms word

<li> ms excel

<li> ms powert point

<li> internet etc.

</OL>

</body>

Definition list: This is used when a number of a term and definition are to be included in the
HTML documents. A glossary consists of three tags of elements: a tag to be defined the list
(DL) , a tag to define the term (DT), and a tag to define the definitions(DD).

Ex<HTML>

<HEAD><TITLE>DEFINITIONS LIST </TITLE>

<DT> HARDWARE

<DD> Is defined as physical or tangible equipments associated with computer systems.

Example of hardware are central processing unit, input devices, output devices, secondary
storage

<DT>Software

<DD> Is a set to program

<DT> peripherals
Page: 5

<DD> Equipements connected around the CPU.

</body>

</html>

Image Contents: It is used to insert a picture align attributes needs to be used along with
image elements

<img src=”C:/my pictures /my folder/ball.jpg” align=”center”

From Elements This elements is used for creating a form. It contains of input
elements.

A. Text This elements is used for creating text box. It accepts single line empty.
B. Text Area This elements is used for creating text box. It accepts multiple line
.We need to specify rows and column number .
C. Ratio Buttons This elements is used for creating ratio buttons .It allows
selecting only one option.
D. Check box This elements is used for creating checkbox . It allows to select
multiple option.
E. Password This elements is used for creating password box. This entries are
replaced by an asterisk (*).
F. Select This elements is used for creating combo box. This option element is
used along with this element. It allows selecting only single option.
G. Submit This element is used for creating push button like submit.

Table:- This element is used for creating for table. The attributes of table are :

A. Cellpadding This determines the distance of the text from the cell border.
<Table border=”5” cellspadding=”10”>
B. cellspacing This attribute sets the space between the cell <table border=”2”>
C. Border- This determine the thickness of the border around the table .Value should be
panel value.
D. Width- Is used to set width of the table The value is either the3 width in parcel or
percentage value representing the percentage of the space available between the left
and right margin.
E. Align- Is used to changed alignment of the text in the cells. This can be added to
each cell or to the row.
F. Colspan- Unable the cells content to span more then one column. This is used
inside the TD or TH.
G. Rowspan- Is used to inside the text or TH . It unable the cell content to span more
than one row.
H. Border color-Determines the colors of the table border.
I. BG Color- Determines the background colors of the table.
J. Background color- Determines the background image to within all the cells in the
table, rows or column.
Page:6

TR- The TR elements specify a table row. The number of rows in a table depends on
row many TR elements are contained within the table. The contents of a rows are placed
between <TR> </TR> elements.

K. TD- This elements stands for table data and it specifies a standard table data cell.
Table data cell must only appear within table rows.
L. TH- This attributes stands for table leader.
M. Caption- This elements can be used to specify the caption of the table.

Frame- Frame is help in viewing multiple documents at the same time by dividing the screen
into a number of partitions. It has the following attributes-----

Scr – This elements column the address of the document to be displayed in the
frame.