0% found this document useful (0 votes)
27 views22 pages

HTML Basics: Structure and Elements

Uploaded by

satyamsinha667
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
27 views22 pages

HTML Basics: Structure and Elements

Uploaded by

satyamsinha667
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Unit-&

Buyoduian' o HTL

cueb
HMm d the mopt baic buildirg bock eb. It oeney
the meaing 'and coe f b Contt.
Ach as
(s) and cifgngg RUch as Enajt.
4 HiM -a the' tanded danguage vged, to eiefe and
auctge ontent on web. I tla the web browler how
o digky tt, nks inages and etar homs of
multimedia on a
4 ATML dooment are pein-tort -hkes daved with
an ktonl estendion.
htinl ro elemet
Zheod) conlain eye htl metadata

Llhead
Lbo <p> Hello wosd p) Hold Conteat of kt

Tbod
fHML
daalapd Shy Tin Pemeg- lee
HTM was

in lat 1911.

4 Fyom 930 to 194,HML cmdejwen changes eibion


af ERN avd then at 1E TF (Trtmet
Task fone).
4 The abtd we tb Consoum (3c) beame the
neus hame for MTML daelopmet.

HTML3 HTML 4
HTML I
1497 2o14
1993

HTML Released

*HIML elemet

the
lontnt ond the
he bitly blak ot a
Ond an
inages,ale.
<e)

Conteat

Ebmeat
*Domet
bi
4The bodys htnd eloat
an hsnd documet. These Can be one
elemet ina documet.
trns the Content pueset in the

kndanetel elemeiti ved to sinete


And konat Contetniweb.
proide ingucions t eb b ters on how to
ndes test, images, inks and ehes media.
aye eneoled in backoti <) and
Come pairs and
1há wàs the darumet
drilayaton
de , no a lag.
tet the doumertd an HTmLS
dament.

!- The ot elemettt
enlire HTML documet,
Contis mta-inomaion abt t
doumet.
ehick
shaun in bvowsey tab

all the viible caet a schou


The body ondent ia what the bouer
show on he hostad.
:- Headey Kom
Anallst (n).

Dehne
bnbed an
inge
hsesla a lne beak.
Sechion
kecion in a documet
defres the seton t demati.
contet. t
dhtnbutesthe iactons and subsetond.
2baerypE htd>

Cection>
Iy
<h) Sedion

Iecion)

<p) Secton ep)


<lsetion

Setion
Se tion 2
Section
create
web -baed in odlee
bot the VSe&.

aledt ver
a

attybves.
Veious input ps sach as bt
ado butons, checkbones,et.
"tot ene tst inpt
) <input
" input Aype ="ubmit"> aton to submt tami

inpot tpe "ht">


to cuate

whee

Bke emails
2'bocTYPE tnls

Llabel fo 'rail'>Email : lebel)


(inpet = "fet id enail"
name ='ema!
enail"

label 'or ="name"> Name:lebels


<inpat tpe =,"kxt" id "hame
name = ane" sequiyed

inpa type ="wbnit" vale - Submit's

</htne

Name
Submit
tat fomatag
tent on a

Reducés the fot Aize the et


<amally
’ Makey text bold
in bod

text,indicate tot ha brendbti


lem)

bealing wed to detsre the tiles


and bttle fdio on a
ved to detne
HTIML

brodat
in HTimL heh
tands or "Dnchar"
One to ancher,
LThe atibute of the 267
mot imporfan cay elemet
à the het atibute which indiates the lnky
deiinaton.

DcTYPE ny

<head

es
on the bnk belo
2a
a

k on a nes ihe' an
bowiexs
autbmetiall, add ome while space (a angn)
and atta a
mg
pgnph Às a block of seit,
a hew line.

<head
Lints:

J0up a sot of zelaled 'sti in l

(<ds)

delne an vordeved bit


’ Defines an ordeed it.

Dehnes a it tem.
’ Detnes: a
a

boails the tem n a

<head

Jhead)
Z4) Applae </as "Apple
..

boctrE html

Zhand
Kte>HmL Ordered List ses.
Uheads
body

. Mango
9 Arple
3.

A lango
Osange
Zhead)
(ite> HTM Decnipton list itle
2 head
Zbody

Cdes Ased colored t u i t s

Aple
Aged oloycd hoit

Spinack
A
* HML Table

an HIM table
-The <table>
kTML Sabe coniss Rone (table) element ore or
moe

<4)’ abl ta
<! bocrypE ktnd
kbady,ltable>

Ram td)

<ta)

table)
fisthene
Ram kumr

Sigh
* HTML Colo &:

Colors HTML Can be appied to tet, tables,


bordod, backqroudi, foms, link,d.
) e t Colos
=olor : sed; color is ted </p)
<p

b) Bodes coloy
<div "bosdes : 2px solid black: bosdes-coos ; ble>

e Link color
atyle -"Color : qeen i
Backgo nd colar
'background-alos : bhe :"> <rdns
<o style = background-color: gb(o,o,r),'> ak kack,as
ble by

HTML provide vval content o


Ued
enhances vier expesene and
which
web rags
intormafion
an
Jhe
HTmL
an
page
axe nc

thnieally inesed into a web page The


hoting tace forBox he veke,
hay

Spatis the path to he image


b)alt i Speahies an altemate Jext tor the inage
Jhe Cammat be
inage
he

at ='Compter width S0

Cr block a he
Js VAcd foy malles inline wsthin
Jhese blocks or within tot conte wthot dungng
the overall

4The div tag


a iison sedion in an ktil domet
4The div Tag Cortaiey
kich i then yed with css manipulatecd
an inline Cortaines Ujad to mosk up
a ast of a tot apaat of a cbcumet
Span is vsed to ebvnete for atg ing puypoes.
a bok elemet 2 the block elemet of
the Pages beins a new ane and a wide a the
etne page.
paq The diy

jnline element ds ved to


Sggo a dection a inline contet. The inine
elemet dos not Ue a hew
as much space a the Jext. hee togt aye appiabe
for Aimall egime toxt, inags, inks'e
Al elemett hch in ine wth

Aie sw moundirg Cantet.


the

Lspans
<diy

) Ued fos css based SVaed to atlise text.


n) No aligK atibufe, does
m) Suppot alig atnbufe, not begin a new ine
div in hew

kiné
pateoar
wosd and toto highyit
het mquines highligiy:
<bocTYPE tal

color

blie backgnond
tchahades Etties:

HTML, Aome chavactess rese wed 2 thee mut


be sephed with their Coareondig e i e s
names 0 eliy nmbecs Can be vsd. to
HTmL chasacters.
nanes

hos.

cormnon
D+160 ;
non-beatPing space-’ Rnbap;
) des Jhan
toademaste

than: L#62}

boayPE Lf

body>

Shoig tindmk TM
c ho' eci charadevs ave canetes
ido a thal

nunbers e
bBeceuye URL' Can ony
A becomes %20 oy a
Jpate
becones %26

becomes %40

tes
the ku URL
egvses the. broes undeland
without eoss!
yURL entodig pofeda g, when
deta,shen endig it
4 URL encodia a the paoceu of convesing the uRL
ito e validfemat tht ia acepted by web bojer
encoding conees non-ASCI ehaaers ito a
foet thet can be Aeantmitted oer the sintemet
epbees hon- AS [Link] Aitha%
hamey ekmat dafnes a paritaby
in shich analhes HTML dotumet Cam be displaed.
hames ase wsed to diide bro wser
oindow ito multipk Aeclions where cach iection
load separate HTML decument indeperdety.
Ld olleion
known as femet.
,.d Rame hould be wned within a hameet
4rame tag is Used to divde web byouuer
oindos seolions each capable
Jodig contet independey r'ecommnended
LThe <hames HTMLS Thé
Augporlad achieve
by similas -ft
chenes to

inide the
<body).
hame 'wideol, mpt" heiyt=
"700
ptame

(hameset. owE"s0, 709.'>

You might also like