HTML Training in Ambala ! Batra Computer Centre

Email: [email protected]

Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670



HTML- Hyper text markup languageHTML documents describe web pages

(static web page)HTML tags are keywords surrounded by

angel brackets like <html>HTML tags normally come n pairs like

<b> and </b>The first tag in pair is the start tag

(opening tags), the second tag is the end tag (closing tags)



Where we Write code :

Where we Execute :

1. Text EditorI. WordPad (In windows OS)II. Gedit Text Editor (Ubundu

in Linux)2. Front page or Dreamweaver

1. Double click that HTML file. (or)

2. Right click – Open with Internet Explorer



<html><body><h1> first planet </h1><h6> first planet </h6></body></html>

<html>…</html> Describe the web page

<body>…</body> is the visible page content

O/S :

First Planet First Planet



<html><body><a herf=http://www.gamil.com> Gmail </a></body></html>

If we click this link it goes to Gmail account

Gmail

HTML links : Html links are defined with the

<a> tagSyntax : <a href=http://www.gmail.com> Gmail </a>Example :

O/P :



<html><body><img src=“word.jpg” width=“104” height=“142”/></body></html>

HTML Images : Html images are defined with

the <img> tag.Syntax : <img src “123.jpg” width=“104” height=“142”/> Example :

O/P :



<html><body><h3>Exnora</h3><hr/><h3>Safety Exnora</h3></body></html>

Exnora

Saftey Exnora

HTML Rules (Lines) : The <hr/> tag is used to create an

horizontal rule (line).Example :

O/P :



<html><body><!– It will not be displayed--><h3>Plant tress</h3></body></html>

Plant trees

HTML Comments :Comments can be inserted in the HTML code to

make more readable and understandable. Comments are ignored by the browser and are not displayed

Example :

O/P :

Syntax : <!—some text -->



<html><body><b>Confidence </b><br/><big>Hardwork</big><br/><i>Preseverance</i><br/><code>Samsung CRT </code><br/>This is <sub> subscript</sub><br/>This is <sup> superscript</sup></body></html>

Implement it as a

Exercise (Practical)

HTML Comments :Some formatting Tags are 1, b-Bold, 2. i-

Italic, 3. code-Computer code, 4. Sub-subscript & 5.sub-superscript

Example : O/P :



Tags<center><font><s> and <strike><u>Attributes

Description

Description

Defines centered contentDefine HTML fontsDefines strikeout textDefines underline textDefines the alignment of text Define the background colorDefines the text color

AlignBgcolorcolor



NaturePlant TreeSave our GenerationValue Our Environment

<html><h1 style=“text-align:center”>NATURE</h1><body style=“backgrpound-color:yellow”><p style=“font-family: Purisa;color:red”>plant tree</p><p style=“font-family: time;color:red”>Save Our Generation</p><p style=“font-size: 40”>Value Our Environment</p></body></html>

O/P :



<table border=“1”><tr> <td> row 1, cell 1 </td><td> row 1, cell 2

</td></tr><tr> <td> row 2, cell 1 </td><td> row 2, cell 2 </td></tr></table>

Tables are defines with the <table> tag. A Table is divided into rows (with the <tr> tag) Each row is divided into data cells (with the <td>

tag) the letters td stands for “table data,” which is the content of a data cell.

Headings in a table are defined with the <th> tag.

O/P :

Row 1, cell 1 Row 1, cell 2

Row 2, cell 1 Row 2, cell 2



1. Table with caption2. Table cells that span more than one

row/column :3. Cell padding4. Cell spacing5. Add background color or





ADDRESS: SCO -15, Dayal Bagh, Near Hanuman Mandir Ambala Cantt-133001 HaryanaPh. No.: 9729666670, 8222066670 &0171-4000670Email ID: [email protected]: www.batracomputercentre.com



Education

HTML Training in Ambala ! Batra Computer Centre