Scribd
Upload
48 views21 pages

HTML

HTML is a markup language that uses tags to structure and format text for display in a web browser. Some key HTML tags include <b> for bold text, <i> for italics, <img> for inserting images, <a> for hyperlinks, <table> for creating tables with rows and cells, and <ul> and <ol> for unordered and ordered lists. HTML documents have a basic structure that includes <html>, <head>, and <body> tags to define the overall page.

Uploaded by

Gaurav Jindal
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
48 views21 pages

HTML

HTML is a markup language that uses tags to structure and format text for display in a web browser. Some key HTML tags include <b> for bold text, <i> for italics, <img> for inserting images, <a> for hyperlinks, <table> for creating tables with rows and cells, and <ul> and <ol> for unordered and ordered lists. HTML documents have a basic structure that includes <html>, <head>, and <body> tags to define the overall page.

Uploaded by

Gaurav Jindal
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 21

HTML

HYPERTEXT MARKUP
LANGUAGE
OUTLINES:-
INTRODUCTION
TAGS
FORMAT
MULTIPLE TAGS
MARQUEE
HYPER LINK
FRAMES
TABLE
& SOMETHING EXTRA
WHAT IS HTML
 It is a “markup language”.
 It is a set of instruction to web browser to cause
the text to be displayed in a certain way.
TAGS
 It is the basic feature in HTML document is
the “TAG”.
 Tags are set off by angle brackets “< & >”
 Opening tag and closing tag. For example
<b>make this bold</b>
 <b><i>bold and italicize</i></b> correct
<b><i>bold and italicize</b></i>
incorrect
format
 <html>  The title is displayed
 <head> at the very top of the
 <title>my name is browser window.
nidhi </title>  The body section
 </head> contains all the tags
and text that are
 <body>…………… displayed in the main
 </body> window.
 </html>
To change back ground colour

<body bgcolor=“red”>
To change font colour,size & style

In body
<font color=“green” face=“Arial”
size=“+24”>
</font>
Set a picture in the page:-
<img src=“total path of pic”>
To control the size of image

<img src=“total path” height=“100”


width=“100”>
Marquee :-

<marquee>happy holi</marquee>
To change the background ,font
colour,size etc:-
<marquee bgcolor=“cyan”><font
color=“black” size=“+20”
face=“Arial”></font></marquee>
HYPERTEXT LINKS
 It makes the
web ,the web
 There are two Here is a picture of
kinds of link- my best friend!
 Within pages
 Email links
Link within pages

<a href=“total path”>picture</a>of my best


friends!
Email links

What is your name? What is your name? Tell


me
<a href=
mailto:nidhi.sharma
@in.com
>Tell me
</a>
FRAMES

<html>
<head>
<frameset cols=50,50>

<frame name="xx" src="d:\home .doc">


<frame name="yy" src="d:\ganeshji2[1].doc">
</frame>
</head>
SAMPLE

XX YY
TABLE

<table>  Begins a table


<tr>  Begins a row of cell
<td>  Begins first cell
</td>  End first cell
<td>  Begins 2nd cell
</td>  End 2nd cell
</tr>  End row
</table>  End table
coding
<table>
<tr>
<td>name</td>
<td>pic</td>
</tr>
<tr>
<td>ranu</td>
<td><img src=“total path”></td>
</tr>
</table>
sample

name pic

ranu
Changes in table
Border And Border colour:
<table border=“10” color=“red”>
List
Unordered list - • Nidhi
<ul> • Ranu
<li>nidhi</li> • kavita
<li>ranu</li>
<li>kavita</li>
</ul>
LIST
Ordered list – 1. Nidhi
<ol> 2. Ranu
<li>nidhi</li> 3. kavita
<li>ranu</li>
<li>kavita</li>
</ol>
Something extra
For space &nbsp
For breaks in line <br>
Heading <h1>…..<h2>
Paragraph <p></p>
Underline <u></u>
Bold <b></b>
Italic <i></i>

You might also like