Scribd
Upload
4 views103 pages

Unit 2

The document provides an overview of HTML, including its structure, elements, and attributes. It explains the use of tags for defining headings, paragraphs, links, images, and tables, as well as styling options. Additionally, it covers HTML5 features and best practices for creating web pages.

Uploaded by

dassounak728
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
4 views103 pages

Unit 2

The document provides an overview of HTML, including its structure, elements, and attributes. It explains the use of tags for defining headings, paragraphs, links, images, and tables, as well as styling options. Additionally, it covers HTML5 features and best practices for creating web pages.

Uploaded by

dassounak728
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/ 103

que ID Module 2

Locosts an ons

HTML100001x of doid of poor cot Jam

HTML stands Hyper Text Markup


Languageesch
⇒
**

Markup Language
**
A markeep
Language
defines the structures and presentation of a
document.
Markup
Language
paragraphs,
costs,
use
is
a

system of tags or codes


that
identify elements like
headings,
tags to
sts,
images
and links.

Structure tastroostoodwai"
Version HTML 5, (not case
sen
roat element of an HTML page.
dditive
)

→ meta information about HTML page.


двостур
е
DOCTYPE html>
<html>
<head>
(title)
Page
</head>

<body
>
Title <title)-
→
(end)
(a) specify
a title
Ood (d)
рад
е
of
HTML
page
→ defines the document body.
रायो
→

<h1> First Heading </ht) → defines a


large beading. <P> First Paragraph (P)
→ defines a
дваркір
у
</
body>
<html>

Pag
e
Structure
(HTML)

<tme
<head>
<title></title>
</head>
(body)
(nt)
<P>

K<P>

mes a
paragraph.
-
<proctay
?
** <head> Element **
<head> - meta data
(021) 2 (gata about day)
No placed. bet "<tml)
<body>
tags.
(i
)
<titl
e)
mu
st
be
text
1. (11) " ( (
11)" (X/
(H) (m)

2P3
i only
<style) - style
information
body {
background-color:
ni {color:red;} P {
color: blues &
<Link) - defines the relationship bel the current
document

-tag
and an external resource.

is most often used to Link to external style


shee
dutt Joel JMTH
(meta)- Define the character
set
<meta charset="UTF-8">
dadls
Wokey word
keyword ←> <meta
name=
•Description (> <meta name="description"
content=" () name "keyword">
Float of
free web tech"
author ↔ <meta name="author" content="Subha"
<

view post →
1)

"viewport"
content="width=device-wi
<script> - used to define client-side
javas coopt.
• initial-scale=1.0"
JMTH

to treat Food

Formatting
Tags:
coits and pi stom
<pre>

-bold (b) (b) bold Text (16)


(bona)
(
(pow))
_ex -
(P)
((P) ausele sak
silat
ubod)

124
("body")
‫العلم‬
Bridesalt tavit
<td>

Lex <p>
<strings.
string
(importance)
-

<strong>
UP)
(bad)

Same
LP)-
(pasa)
(ATH)
(Italic, Emphasis
(em)

>>small<<small> This
<Ismall)
1

•
Mark (P) This <mork) www << Mork
XP)
del <P) Blue <der) red/del) is my far
col (1P) ins <P) Blue, <ins) red (lins)
Sub (P) blue (sub) red (sub) text(IP) ofp-
Blueged
undo:PXu) Blue Reg, both are
my fav (m)
(IP)
Strikethrough (Not madale supported
in 5)
16:60/05
601057 IN
Text.
mi

- More than one you can,


add.
comment <!-->
<
P> -

Paragraph
<P> * Anchor
(a).
*

→ The Lay tag


defines a
=>

from
of the
one
page to another.
important
attribute
hyperlink, which is used to
Link

<a> tag i bref which


indicate
of
car
the link's destination.
(href="#top" href="#") tance Aunvisited
Link in underlined & blue
of Aavisited
Link is
bootd
10

pomi as
& purple tud
-A active Link is underlined & reed.
If the bref attribule isn't present, the <ay tag
will not be a
ex
as

a link

image
<a href
ce

hyperlin
k.
https://
www.google.com">pm2)
<img border="0" alt="W3Schools"
src=
Westro cant skrods for hi
spook
Lia)
" Logo
gi
width = ""100"
height="100">
<"body"} std is thick Jog href=
hypertext Reference
9/p-
da
l pod 2)
Link

Google K
click
**

www.

open 1x
google.
c
COM

아
190 twoadA-

shadew
spomimo
to an
email address

<P> <a href=" someone @gmail.com> send a


mail (cas (1p)
3 Link to a phone number

@
J90

<p> <a href= " + 9112345678"> Mobile phone


no 4a) (ip)
se page
Link to another séfion on the same
(a) (a href="# section 2">Go to "section
2
<P> Jln
h2 id=
2P2.
(la)
(More than 10 Lines added)
((P)
"section 2" > section
2 (IM)
(P) (body)
HTML
image
Defines
Ling) tag
JO

src_(source file), aft (alternative text),


wrath, height
ex

lin
g
src a

**
are

provided as attributes.
www.google.jpg"
alt="google.com" wrath="
<img> →→
empty tag xx
→

bat alt text


an
**

2 Indist height =
"9242"
toolles Ad
lo4"

- alt attribude that describe that what


image is about, the alt text is not shown to
users
- but it becomes visible when an image
visible when an image cannot be
loaded.
Wood foallin pot. (A) sat, joist (because of
slow connection,
‫ہ وہ اندر‬.
an error),
ex
King
u
src=

img-
girl.png"
り

"artet = "girl with a


pink cap
red pmi

-"H" night="140" me with width="142">


Gottolp image if not showng then the text
will Dator show girl with a pink cap.)

***
Absolute URL
on another
Link to
websites.

1 src=

Relative URL
1

N
O
N
G
ND
сс
NEW SON

‫ده مج او ار‬
‫دارد‬
external
an another image that is
hosted

https://
www.
//
www.google.com/
images/ings.
Link to an image that bosted
withing website. Here the URL doesnot
require domain name if URL start without a
slash() ex src="img-gist.jpg
(11) (poppp and of pent-200M)
spatoss

‫الم مليم‬
ANTH

style attribute in
(a) tag
<P style="color: red; ">
<ni style=
attribute
ce color!

"green;"
">
This is a

As a
pasagsapi/p
y
iniy
(3)

4)
Lang
(Lang="en-US" wood

HTML style!
bas (pl). pd penitop of alles
sidor sidet sut abroke (lots
<html lang="en" ang
"en-
(

sspoolt ST-

<style> attribute is used to add style to an


element.
C color
4060
Cubed

<P> - HTML color (PP)." -slipta (s120+) <i


style="color: red; "> Red color, <hi> 2h2"
style="color: blue; "> Blue color (/m)
2

red;">
(CH) SMOK

color: black; "s on pa


<h3 ?
style
2)
• Background calor
Hot

">
(Wit) the slop A
(NI)
(NAS
✓ body style = " backgroun of
color: blue;"
<P>
147
tophe two different color
(PM)eoNaoddue (pp)
(b) CAN

✓//bi style="background-color:
powerblue;"> <h2
style="backgroun of 4-color:
tomato, ")"
C Text Color
<m style="color: blue;"> This is a
(P style
Гр
Would bijod
Le

color: red; "> This is a

4 Text
alignment
heading
(IM)
paragraph
(IP)
रात्र

poood olan O
boned
Voor dibina sluts olde
‫ر‬

The style = "text-align: center;">


Centered Headingthy <p style="text-align:
reft"; "> Left align Heading /P),
HTML Tablés) a studiatto
siple f
60105 19

cells inside rous


fok
A table in HTML consists of
table =) <table) used for HTML table. 60]
=) Table cells is defined by alta) and a
4+d)
Ad) stands for table data
= Table rows
a

// +
// +d) tag. pro
! (1)
<140)
tagiles)
is defined by (tr)
and
11 44 > & 4th)
tag
=> Table Header is

ex (!DOCTYPE htm()
<html>

<body
>
to
सफ>
MTH
bps of pace & studiathe
(slute)
<table style="width: 100%" boarder =
"2pn solid"

(th) Name (4th)


ame
(4th)"
(";

Wool.
(th) Roll Noth)μld

(th) Reg. No (ith)


vost
(th) Address
(Ith>
<th> ph No
<th>
HH
487
blu

blue"
>
+601059

Cellpadding
(cell's boods
the content
present on

Texis Text 2
Text 3

T5
16
73
Tely

(td) Subhashree( Itd)


(d) 123456789/119)
80
ceng.

• cell spacing
(indivisual adyeart
alpte
(d) 123456789 (/+9)
pared
L+d) ABCD [Hel)
Ad) 12345678 9 (149)
<tr>

(Hable
>
dood

rol09

slpta
1 Table Boarder
<table style="width:
100%."
@ Cell

✓
• box:60100
‫ماجرا‬
‫ه‬
board "1px solid black)
Cell padding (cell edges and cell
content)
table border="1"
cellpadding="0">+x1)
cell spacing (beth each cell) borden
cellpadding
3 Height
O means no
no
table border="1"
cellpadding="
5"
2

Table colspan & rowspan


Colspan
To make a cell span over multiple columns
me the colspan attribute:

ex DOCTYPE html
pH):
4 (pis
<html>
<body
>
<table boarder = "1"
cellpadding="0") - A
(tre)
<th colspan="2"> Name (th)
<th> Age (4b)

<tr>
23
Name
Age

9000

<style>
table, thAd{
lerth
[dot]
border: 1pm So
</td> dit Ltd) A Ltd) of clos
</th>

<tr>
<td>
x

<td > 2 </td>


GAY
MOR
<td>
Ltd > 3 ltd>

<tr>
real: H
(ery
Ltdry Ltd)" (ta) B (/td.). border-collapse:

‫دا بر‬
‫او‬
‫راه او‬
collapse
Rowspan
u

(table mighty jigsge


<tr>
(tr)
(th) Name
(th)
<td> x <td>
Ltd 123
(or)
style="width:
600%">

<th rowspan="2") phone (1) Jon

(14) 456 (144)


'Name
X

123:14
phone
456

</td>
<tr>
Hinta 456/td)

(PH) CHA

[Exampl
es
(PM)
CPA)Y CAP
padding
border
spaci

<!DOCTYPE
html>
(PH)
X

<html>
N
A $1.
(3)

<body>
( ))

<table border = 2
cellpadding
= 10"

cellspacing="
0">
<tr>
<td>x (rta)
(tg) & (tg)
Ltd) y (Itel)
(ta) Alita)
kury
(Lor)
ex 2
&
XY

"
<table border="1" cellspacing="0"
cellpading = "10">
<tr>
<td>xtq)
</tr>
(to)
aa> Xray
<tr>
((table),
13)
d
Width F
-> Space)
(%)
(tr>
सर्व
(d) x (H)
3
Adry (Ita)
(tr)
Право
ст
Food sidos
(dly smol ("spodeles de
(A) SPA <->
༡ ༢༣༨

Set first column to joy of the table width?")


<table style="width:100%" border="1"
cellspacing="0">
‫المهير‬

(tr)
रसफ

(tch style = width: 70") frame


(4th)
<th> </th>
FNe

L+h) Age
(Hb)
Letry

neight (↑ space)
(ph)
Yood doin
9/812
or sidnt

<tr><th> -
<1th)
(mm) -
(4th)
200pn
set neight of 2nd row.
/ table style="width: 150%"
sellspacing="0"> (mt) | 248 style =
height: 200pn">
सखर पर
1799
सव) Y(HI)
(th) -
(1th)
<tr>
<td>2 (1+d)
<tr>
3y001)

wbed

Bribbagli
as
spood Hot

PJUA (2
་་
ི་
HTML Lists

HTML Lists allows web


devlopers to group
items in Lists.
(1) Lenorder List
ded
a set of r
studiately 17 ला

of
related

3 Description List.
2 Order List
die
paasdman ad in-s
an ad lliw N

(norder List (...)


parodon
o

Lolly tag defines the unordes List


(bulleted List) ⇒ and undorder List
Hems starts with (Le) tag.
=> list syste symbols > 1). Disc bullet
2) Circle
3) a square
.
(for (it )‫وه (من‬
4) none - not marked-

ex (ul style = " List-style-type:


disc;")
(u) coffee (14) • <ul style = "List-style-
type: crocle;">
"List-style-type: or
square; "/ pookers Tea (le) • Lul style=
Key Mick 46). We al style = "cist-style-
type: non; ">"
((uly
"Nested List Jb
studis to gouty sat sou

(List Inside List)

Lue/Li)
Rose (Li)
(lé: Lili

(L) Roses (li)


(li) LiLi 24li>
</ul>
<li>
(Vi) Merri Gold
सप
0/P

• Rose
• Lili

Jsolt. Je

(W) WTA (1)


(Joy)
Jail stat

(W) 9191A (1)


•Rose105
•4410
• Meal Goldis
or
.

༢༡ ་》
Ordered List
The HTML COLY
20 JNTH

col) tag defines an ordered List.


An ordered us
can be numerial or alphabetical.
List - The Type
Attribute
laid aspson)

I type 1= will be numbered with


numbers
1
0
Ja poldianes O

@ ryfe "t" - will be numbered with


uppercase letters 3 type "a" = will be
numbered with Lowercase Letters.
4) type "I will be
ら
2

11
numbered with Lowercase roman numb
abun
C type "I'= will be numbered with
uppercase román.
Lol type = "1">
(li) coffee (li)
८०८१
12tex (ol type = "A") dope
otope het!!
3RX
COL
YON type = "I">
borex LoL
type="i")
ex (ol type = "a">
sh 5

Wail: apt-siple-tail" - slpte w)


Control List
Corenting
gipte Ju
W11097/01
‫ وہ‬120( )‫الف‬
)‫(الف‬
Proup By default, an ordered list will &fast
corenting from If you want to start?
want to start
coventing
1
numben.
you
I corenting from a
specified
can use the start attribute
(ot start = "50">
Lli) Appli (i)
(100)
Nested List
<OL>
(Li) Apple (li)
ས།
(༢
‫راسم‬
dl-element-Des
List dt - element -
Des tem old-element-
descobe (All the term ina

Goles List
‫اسم‬
ma

8344.
Ai) orange sead
You 48)
orange
Orange 1
(ILi)
(POL)
(li)
<>
(Li) orange
2 <li>

(2) Mango
(Ile)
Mango/li>
༡༠༦
>
219209
Zups (505

‫االسالم‬
HTML Forms
An HTML forms is use of to collect
user
most
‫سول‬

often sent to a server for


processing.
ex frost
frost Name
Last Name [
Submit
‫ملول‬

90000

infout. The user


input is

24)

‫همدلته‬
‫الملول‬

8 The (form) element is used to create an HTML form for


uses
<for
m>
from element
<iform
>

→ Different
The

-
21:

<form> element is a container for


different types of infuit elements. such
a text fields
check boys, radio, buttons, submit buttons etc.
2050

form) elements are covened -


HTML (input) element is the most wed form
element!) -
An (input > element can be
displayed in many ways, depending
on the type
attribute
lia, sa
NO 14

<input type="text"> - displays a single-line text input


field. <input type="radio"> -Displays
a radio button (for selecting got
adt paisone
sol bail one of many choices) input
type="checkbox"> - checkbox (selecting zero
or more
гроф
A

submitting
the
the
fm)
<input type="submit"> - submit
button) (for subr <input
type="button"> - displays a cliable
button.
Text field
<form>
Kod Woods
set is doi

sof Jador)
entor Taman Jutt-pi "xod Woods" - sept und of (Label
for="FNAME"> First Name: <input
type="text"
id = "-FNANE" name = "FNAME "
value="sh"
</Lable)

"LNAME"
value="/
(Label for= "LNAME) Last Name: <1 label)
<input type="text" id="LNAME"
name=""
• Type Date (Datetime - Local)
2009 <form>
<label for="birthday"> Brothday:
(Label)
INT

<input type="date" id=" birthday" name=


"brothday" crobut cype="submit" value="submit"> 21 for >
Radio Buttons

<form
>
01-
INTH

"<input type="radio" id="HTML"


name="Markup Language" value="HTML"
<label for= "HTML"> HTML </label>
(input-type="radio" "of =
"css" name= <label for="CSS">
css < label)
2

= "Cascording style
sheet" vale (
et (input type="radio" id="Javascript"
name="Javascript" value."
<lable for = "Javascript")
Is Llable).
Op 10 HTML
ор
of moller

• Submit
O css
OJS
HTML
Dess DJS

(lable for = "HTML"> HTML


(lable) <input
type="checkbox"
id="HTML"
name=

<input type="submit"
value="submit">
**
u

HTML"
value="HTML">

(NG) INTH ass fasmots (tuot


Studies

you have you given value, the value will


show inside
the box.
not) collaud
=> the form handler is specified the form's
action attribute. tes som bol form action="/action-
action="/
action_page.php").
UNDN

checkBox.. dag) potted bien dus


form>
Goff. I know WT
teotomak

<label for="checkbox"> Hypertext Markup


Language (Label)",

MALI
not ide
4Kbr>
by mean 4 spaceas

<input type="checkbox" id="HTML" name="HTML"


value= "HTML"> <label for= "Web Design") [sis <1
Label). <input type="checkbox", vel "css?
name="css" value="css") < from)
Color
(ladel 1): amon (JMANJ
67 Jess

name:

"favenlor"
value="Blue
00: #ff0000
(Label for="Favcolor"> Select the color
(/Label)) <input type = "color" id="fav color" n
Email
to input type = "Submit"> Label for="email,
input-emal"
Beform
?
Nepiltold Image Lnaw
"dua"
Fname, name
Linput type="image" src = "Link"
alt="Subirt
HTML
Input Types ad about cheats
Coito)) Different types of input y'pe you can
add-
02JA-

color, date, email, file, image,


password, month, number, 1⁄2 range, reset,
search, time, art, week
Attributes X1200
bi spy

~ Action attribide will performed after form is


submitted.
<form action = a/action-
page php").

is
-

32673.
47
2) Target attribute - specifies
where to display
the
response that I received after submitting the form.
del) sta
displayed in a new window or tab
-blank, oset
self the current window.
-parent- the parent from frame v
lov " -top - full body of the
window
-

3 Method attribute (HTTP


Method)"'"
3)

Get Method
do

awlor portge)
‫رای‬
‫داوران‬
(HTTP Method)-1, "Post
Method

The form data can be sent as


URL variables (method="

blit
12

get
290
‫د معيدًا لقمه‬

From Elements
०४

The HTTP Post transaction with ( method = "post")~!


op tromels Poort jest)

spomen
<o>

C input
1
2 Label
3

$11
Prinol
d
(Select) - defines the drop dan
Irst
2

</cabel} i
"cans">
ex Latel for="cars") choose a car
cars" I choose a car
</cabel> <select id= "cars" name <option
value= <option value = "Saab'
(1s elect)

6los ollalt
u

volvo"> volvo </option> ) )


Saab "> vat saab
</option>.
(valid) MOND
Subod
We (option) - element that can
Also

specif
y
use

be selected

can mentioned the size attribute to a visible value.


<Label for= "Cars") choose a can
</label>
tc

< select id= Cars"


acans" size="3">Audit A
a can </label> teser pant

name N

</option): ^
in corts A
<option value = a volva" volvo
</option>..
(Ielect)
attribute (1400) 00420 000)
Allow multiple selection to allow the user to sellect more
• than one value. 100w 2017+ 1994

'4'
bo
'Setee' (Label for=""cans"> choose a
dost (select id="cans"
ane" popolda
can label)

name: "cans" size="3" multiple


<option value = "volvo") Volvo (option).
41 select)
bol <input type = "Submit") (+)
21
form)
1-209 9771
Text Area bed t
401

'choose a cor,

co tase od pos slot most sur

(text Area) element defines a multi Line


input field.
ex

<form>
textarea name=
a
51

message" rows="10"
cols="30">
was

The
girl
playing uite
(textarea)
Jedo in the

200
The
ground
<input type="submit"> "="" = bot
1545)
21 for
>
‫جمة‬

<button> 701 ov/ovoviv


fr Lbody) Lov
doo
2/

4505 -pt Jo
Intov potgo
gulor crit qe>
was so

<button type="button" onclick= "aleat ("Hello


World")">

[/
body>
Click Me! (I button)

olp- I click Met


이
Hello Woola

Rx

6) (field set) and Legend>


Elements
<fieldset) - is used to group related data
in a from. <Legend>-
is used to defines a caption for <fieldset) el
<fieldset>
(Legend) Personalia:
</legend>
190
22/-

Mad wor

teab <label for="fname"> Fname, </


Label>
<input type="text" id=fname name:
"Frame" (input = "submit"
value="submit">
<I-field set-
Albin 2N

900

Intros pro reforood

personalia-
Frame

2012 ‫ الدو‬hd

[Submit coffee bas dos


crafted bass for

HTML Frame
‫الله‬

Frisian prom
instras pas reprod
18+ tags daripeon
sdgisdaipoon
20

red Hear
HTML frame is used to devide a web browser windows sotto
multiple sections, such each capable of
Loading content
independent
ly.
Syntax

Attribute
L
frameset cols="50%.
50%.
< foame src=
frame sre
<15 Dameret>
=
a

50Y.
">
"pagel. htme
"Page2.html
"}

give
names to the frame
name -> attoibute to used to
4

< frame name:


"top" src
= "C:/users/subha |
Desktop latt
"pow
<frame name="button" snc = " <
frame name ་

name="main" src=" peco

( src define the


3

S
→

Src value can be


-(mopor)

Source file that should be


Loaded
Sladoss
any
ORL . SANA!
‫الممط‬
mond" of Jedo]) dis
frame name="Left" src=" html /
Left. html">
marginwidth &
specify
Judai
the width of the space
bet?
boarder and content of Left and
right frame.
marginwidt
h {frame wid
༡

20">
the space bett

C margin height specify the


height of
boorder and content of top and
button frame.
< frame
marginheight="20"
© Scroll bar
[auto-hassd
32

auto- has default value, the


dastyes-
pribood
th

spiest of pace 21 smo? JATH


scroll bar appear when
needed.

20
1
012

912
929 01

SOUT
annotat of coups avip of peow
of Indialthi
B
Judith
Frameset
(element)
MTH

Responsive and accessible layout


technique such as ces
and
flexbox.
Attributes
patrodque ulleres

C Cols- defines the


number of
ces
gra
columns' and their stal with

frameset tag. Creating vertical frame's in


the web browser.
@nous-
defines
the member
bivs

the frameset tag


creating
browserito de 20 3

border-
Specify
fasade
"Specify
the
อ

of
rows and their size within

horizontol frames in the


web

width of the border of each


frame
in pinels. A value of o
indicates no border C
frameborder-oitout wi
ex <body>
sti awah

bow
(frameset cols = "Box. nov: -50%." 2005 (
foame name = "top"
src=
raporu

<pbod
)
a
ท

171) Sree!
< frame name = "main"
sree=
< frame name=

<iframevet
)
(٩١)

[Jebod
e
HTML 5

7 4TML© Introduced many new tags that will


benifits
many
developers.
») These
tags
are

- Also
ходхо
230

graphies,
media an
mayo
r
browser
2103
and
fond
generally supported
by all
bolong many aspects such as
graphics.
1 Section)
element
Defines a section in a dowment, deviding the content
into
A section means - A thematic
thematic
need
brod odt
तान
Sections & subsections.d

grouping of
content
Grod

grouping means
chapters

=> Comes under


<body> tag.
ex =
(body)
<section>
2

th17
HAWUni>
swehi>
<P>
Lisection
)
(section
)

<P>
<section
>
[Phod
ey)
-

YO

‫در‬
10

Nami
d
Introduction parts
News items wood)
Contacts
Informations.

(IP)

<n> Web Design


(Thi>
</P>

Article

de specifies independent, self-contained


element
An article should make
-

forum post
Blog post
-user comments
Product Cards
-

(article)
Newspaper
articles.
sense on its own.
<h2> Google </h2>ot state
waited
<P> Google chrome is a web browser
developed by Google, released in 2008
</P> (ester)
(article)
रात्र

ferd
<P> open-source web browser
devloped by Mozilla.
Q'

Mozilla firefox.
(8)

2018

(popula
r)
→ 2015
VDA

Microsoft Edge
7
Header x

Represents
Set
a

container for Introductory


content or a 9: (header tag
can bed ima
Links.

of of navigational <header)
- </header)not the astide tag)
elements of <header) Element
headi
ng
elemets (hi) -
<h6>
Logo
icons

authorship Information.
narization Links
Search bar
<article>
<header
>
270rto
N

<P>
2929 blooda slitest

Navizatim Link
<header>
<a href=
D
<a href=
1204 CASTO

fox bond

> google (ia) Mozilla


from > _ (ra). dowsin
5

4 Footer
Defines a footer for a dociment
(IN)

(367/001
)
ollises

lado) - copyright, sitemap,


contact
ex
(footer)
<P> Author: Suhn.
<1P)
<p><a href="
Witticon
fortes)
nav
-

<nav
>
-"com") -
[[3XP1)
rizwood den 002

Jpb3

Defines set of nargetim


Links
(ahref= "/html/"> HTML
</a).
<a href="/css/ " esscas
45
To
thanref
2

"

<a href = JS/") "Is Kas


from jo <a
href
La
nos
Yspost

<a href="JQuercy"> Feucny


(ag) (repost)
[new]
trams 13
‫المحم‬
‫ول‬
‫ان فقط‬
(d) 21/2 pribord
oped
6 -
© <aside) - Describe the content related
to the main
object of the
webpa
ge
but not it's
• ste

50 900

2nd
To main intent
mixtes put.
Corbus)
/h2> Leasing html
</h2>
2904002 'it us

markup Language for creating


web pages (P
(article)
<p>It a It
a
LIP
)
(aside)
<13>
Do
you
know HTML (153) © wold of
Nowe (?)
-

(μbod)

<P> HTML stands for Hyper


Masklep Language (IP) Pasdes septe
PXPY It is
easy
(partide)
Non Semantic Element
NO
st-280102
2392

to learn and widly used in


Web Dev 1P)

Aton- Saamentiz
Tribuot

+Header)
09
(Nav
o

about it's content-clearly defines


<section> <aside)
Tells
nothing
nothing
about
~<Div>
<span>

(div)-tag

the content.

-King>
Hable)
is block -level
element (article) wed
for
grouping and structur
confent.
provide a container to
organize and style
section of a webpage.
<div>- <1 div>
<styl
ex

div { color: white,

そ
divg
Ş

५.
diver {

1style
mar

gin: 2pn,
foot- SDe: 25pm;

background color:-) -

Span
(article)
footer

Semantic Element in the

genease inline container


for
inline element and content.

ex- <body> <p>


<span>Style = "back-a

of white
colortenty
divat
air tagy
2

tag1 </pm>
:green">
spn style = "red"> taga (sh) </P> </body>
~<body
>
<div class = "div 1">
Div-tag (Hiv)
(div clan - "div2">

5
</div>
es

・ audio tag: botolos tratags adt sdressed


- (3/01203 (2 -(audio) tug used to embed
sound content in a documen
Such as
music
or other

・(audio) teg contains


one
audio sources.
08.
audio streams.
(audio) - (audio) | pospres quison
is
ex
(body)
<P)
Click to
play
(audio controls)
<source src = (21) va
scource crc-
laudio)
video

more. <source> tags


with different

(abian)
a sound (LIP): Go Now (d)
oot aboots NTH
ir darsanravel
"durs anrawal songs, mf
3 > type="sudo
mp
3
Sa argit singh songs mp3
type: "and" / "49)
Ho

tgl (video width="320" height="240"


contrily"
<source src=
a

(1
Video)
Joved

"m/$9"
type="video/mp4")
(nog)
(vi)
110,000
‫داوم‬
front but would ai pot
St.-
(vik)

of veniatuos, soilm 5763005

Hostess Fox J03/2

s-and": al 10092) (4)


(Abo
adband bros
gridwang
of racistros a spiroed
cabes siphs pro
sinepro
spodd
aw

Caboo
("svip - not vis)
1925: 202/07

You might also like