Scribd
Upload
7 views25 pages

WebTechNotes (Better)

The document appears to be a disorganized and fragmented guide on HTML, covering various elements, attributes, and formatting techniques. It includes topics such as HTML structure, links, tables, forms, and CSS integration, but lacks coherence and clarity. Overall, it serves as a basic reference for HTML coding but requires significant editing for readability.

Uploaded by

Vedant Ramos4
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
7 views25 pages

WebTechNotes (Better)

The document appears to be a disorganized and fragmented guide on HTML, covering various elements, attributes, and formatting techniques. It includes topics such as HTML structure, links, tables, forms, and CSS integration, but lacks coherence and clarity. Overall, it serves as a basic reference for HTML coding but requires significant editing for readability.

Uploaded by

Vedant Ramos4
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
You are on page 1/ 25

CsreGl- usebTeutnalegy i5 opp licatien

unit 1. HTML
unita ctoud sidt serpthg- Java senipt

ptn Corneuty
un /TML

tt, in pichis tngn contni ning


kywords
htmi>
chad Iros tlmnts
<itlu hend
< sirpt> <lsript bekhorn
<ntyez <atyuz (nested
<]hind> Jtngs)

tehen

<|ktml>

Atfribudes -Thuy addl exra irfomation to thu tags, medty th fmilam


"alu's
hyntax y Zkywerd atributt name

aliynt

holy bguolor "bluu


KP allgn "je">
Htading
<h4> Hatinys </h4? Hading duuare in

<hsy hctingó <hé> Bading6


<br> Thhcduu a lin br tak | <hr
-to doraw a hongonta Lne
- m0 End tag
- autmatiy intrduan Linbt
attn butes
ihe hicknn o dine

Tet fo'mating
<lb>

<luz
<tinto -Cluntn
< /big <y<Jp
<Amal> <|mall?
CZinmp> 3 <lmp
<dulo, <s7,<Atik>
ditus duletd stikd tiat
+TM Enthes
thanaci liku eamd> ha geaLal meaning Thuy ae
opning y
mL enttes han 3pauto
mhty nam man olwtd by entty
-trnaliy numler
Aynbel Dexnipien Ertity Enhity ruder

IVA en than
gualy than #62,
ompesond amp #36
quetnten U3
quot

HTM inks
Intus Link
’Trtra Link
anehe
atti butle hut

Text
<as

<html>
Kbody Ka koufc:\exahtrn"s
cwIcK HERE

</a7

asouatd wilh tte


Lrtatink
htm exb meex2-htmll> Ktame
ex1-htn
<htnl>
umes Mixed
column fen
htn
htm EN3
*> asÌ., "25l., yows=<frameset
<ttmls
</Nefam> meng Nefrme’
tams usetieal counte to cols ) 9
)gos attibils
do
fames hougontalgrames oeatt at<Atamets
<tramesd>
dhin
Same imabtneously Webpagcs
windoo bieouseh diutdes
the
ilfont dlplay posts vsdeus
to tntewindow buowsi
tamts HTML
)ordd
ists
<bl> io Duatt odoud osts
2 attnbtes

A 4B,C-
) tant- nwmber tronm wheh numbunly
stants
<liz-- - --</i> dtine eah lnt tëm
chtr
cbedy>
<>Appu</is
bung

<htms
) unorduneel lots

odkributes

Squane
</els

<Dd><|d> actal dllnitiom ot the terng.

<Eo Ress a Red </d ’inihin


2Blut /

keses an fd

HTML Tables
<Tables7-- - - . --<0TableTo>Cuatt table

athibut )width in.


) cal opening ’spac bubn 2 lls in piuls
s0 all paddngspaa otbatuen beder c a all and ito contnt
a talle
4) berden thitkn
difault 0nebedes wil be aible
5) bq eter ’ bockyneund colen te thu tabte

<h>- - </h> te cutt tablu seU


d--&ltd’ te cuet a all inaide a sout
<th>-- KlH te parallkl te <ty7 exegt the contnt
au beld 4 Center
-'Poo' alt
-"c:/books
Zimt <body
jPg"
mnage ulteralu sene dinplay 10 alt 4)
hight 3)
the he
iye adjusts
of wicth) 2)
lodd îmage
beto the "wlof butsD
c= otri
obpoge îmage
the on anJoad te<imgl>
dittntsl6milon )JPeGi
-igitg colers
omeucompaut
difeuntuters 26
giAcompaut
t types 2
Tmaq HTML
<!-:
-comment-
-
--
mentt Com HTML
lboy> <
<Hablis
</td <td>
02 Lew3
/td> <td>
<t
</+d Ktd>A
Rew2
Row Hh> E17ndt< th2
Pow1
4hz
Student-blo
</4h> <th>SnoRn0< Ah7
</aptin> Table tndnt daphien>
io* padalhy
cell
idth50
¿htnl>
calld as
Tnag maphg many clitkable agiens
singa image with to abypurlink
’
<map>--nap7

Chypurilnk)
Ex <htnl
"c:lPlanut jg"
<imy so =
aseciated with

<aua shapt "suct"


ceercls "o, Q 75, 35
alt "fencincl>
<aRaa hape ="cocle"
Ceords "25 35 8"
kut = C:lexa html> tefpala.
exs:htnl
alt

H7mL Baukgueuds
Atnbuto olbo dy ag
leyadeimal le Aud aqu bluu
FFoO004 ud gun puwyple
CPFFooyellsw
FFFFFf whitl hAY yelow
) bakgusnd
HTM ont
atmibutis
<font?<llend
Dcolet olor of the trat

mall
(ambria
Aial, TinsNao omun, Vordena
chtml>

<}ont tolot avhit'


Hellokwold whit

<Iktml>
Matques
Tint

<maquee>
2attibutis
)bg coto -bukgond colo) oh manq
tst aurolls fhom Rto L
t(ditout)
2) dieet'en tatF Aelh fem LtoR
T2
ght
Lhtmt>
<matque bgels ud'

cotoh nhibh'>
> welee <ltont
<tont
<Imangue
<lbody?

welme

Vhile
="fomnord' type <inpd
value
namt
fld Text
amd Guat D
HTML uning fem
po instps
butten eet Sumit
bumtbuten kbor chu
ber chut
butten Fadio
ponwerd
ienbel tent text
plunents valuu
the
fomi appnda qet )
veL ta ofond htodutn
posd he
heuld data for t-hew
be rehod 2)
be
ral poied sheuld dah fetm the whuh t
atbibuts 9
butten buttens
Ralo ubmity Rect
bon Chut
Text
om
the rinfomahen the g4
elmnti containing,
fetm wabprage ainaua ’aM
etms HTML
<indinput type="'sutmit">
gn slmit, send the Jems data to the URL
action attr butio

<input type "yuntf


L n t all th ferm values

Enter he nteq:
<iAput typ et nam =ti"/>

<lfeom>
Chtml> webserveY
clint side
en/odd

adobtten
cheia trom mulkiple choiug
nam b" alusmanhis,
Mauti <inpuct type-lIyadlo VhI"
Atte < input type = "yadig name
Beng <input ty
mamthio

Bonyo
chuh boxts
(an
nme "bi vala hanthckukad
Manthi<inputtype chehboa
name b3 value a"beng" />
beny <inpt type Uckutbon'
romthi
alto
<ht aua>
atthbuts
-nam
elumns

<hedy
<len>ua namt= a rns ="o Cols
so'>
<tat

e1Hatana
</tom>
< body

Drepdcwn Lót
te ged a binyk optien tem a kit of options
iyt
down
<xlut <lxlet ’to ouate a drep
<gptien value = - / > te Cuate the optiens

<ferm
<sleit name ="si>
Cophen vale ="Brinal"/>
<rphien valu ="ptato/s
<lhad>
<Istyl?
of th
clan wi(aseuatud
elumnt) TmL auyHatribute
P3:V3,-5 'Vay PA:VE;
P2 slitor{Huutor4
proputy
"Hextlesss:value} ty! <tyle
chiuds
decumnt onte the n
sctin headn the dufnd tn Atyls
te
athirg cotuupends thu mide
Cs5 xH ded Embed
ncticn: Ruadsrthyles TML -’
wtng duterd au 0
nd durnent- etyl7
<lbedy
(eumont
<body
zhtml>
attnbut tyie the wmng
Tnline
tyleso te
the odutin authos allows sC5S
rtsindstdual eutirnal
css 3)
enbedded
css )
JTnline
css
Types
--) eddent
(hadsnolsumnt spatnget-)rom
strutue
f the
Grdsuon,
y Seperation sp
fontCmanin wweltage en preserta-feno
tiN elimants
Suppetts
css XtITML’
(css) Sheuts Style (ading Cas
x: <hhml>
<head>
(tnt+lanstly : Aioal}
h. tont-ye iopty olo't: sudy align: antn
P{
<latyle?
<Ihuad 7 This ibpaagaph
Header2
< bedy
<h1> Headr I <lh1> blue olo
This is peno
"x Header2 4opts in red color
<h2 clas heuntr aligrant
<lbedy>
2lhtml>
@ExkernalCss contains the css 9us
ednion (5s
seporate bill with x#TML <huad 7natien wing < linky lu
tnto
’ his e ts linkicd
Sypatax ; chiad>
<Ihad>

ad text ducoution: none? d?


avistted text. due ation : undoliney ole'
(acing the mouse

C:heudihtml
<htmd
<hadz
< lhodz

cUcK HEÆE
CLIY HeRE

Abody
Validatien Sernice
by w3c te te validate exnnal c8s tle
hnl
CHs: igaw. 03 brg lcss validaBor/ valid ator-uplond
M3C vawdaton Gtr vice
upload yeur CSs tile : (estyletesBrowy
prebie ver vion 3) Pentts No
Syen it no

Style ShetsCuss)
VSr centaims csS ules
Broun ophions
uss hot n ked o embelded bd sct in

- go te ools menu
Tntnet options
Acntbility

formashet
tomat this dowmnt wirg
y ntyl shet
Bvowst
Conhicking Styls-Iatusiten
Ppucadine auher
D shyls difined y
by wsh
) tyls dfind
nhoitinee alemnt -inhoribd by its
-Ahylo dafi'nd for a pannt elments
-shylr defind for achild lmnt - mde pcihic than th
ntyls dtnd fos it
print e chills
taku
E- <html>
<had>

em-thild
<)kyl>
<lhend
<bedy >
<em> Emphaslsl tat toxtelem>
<IP>
<lbedy7
<Ihml>
1opt

Pauuapli
9opt
Rsthtingoments
DAisoude pesthening (an be aneciatd wuih
HTML elements

Ata ulatiue
Pponhen : value yabrote
Abelde

-guitrvalu kas hljlut prieity


- chtml>
chead>
<BHye type "eates'
top
z-inda : 1
3
lhead's
>Heuo<Iha

dhtml>

hi ponstou:alnelut
2indtn i2
pand ef
soating) tne
tind tnagesLtud
val-athubmant
ue : backyroud
hoge image the -le ivalug sputbaclgaud-
Badgg
<Iktml
Cbody
<IP7
hupr">tai<
lepan> clam=CApan
thiLello
Hellone <P> body <
<(hends
Hello +lex top= ,
Hello <head
Hai
Auiles apply
(s te
breaking -nol
elwtehmtmline Moupilinplay
ng ’
tethr 2spa
element ’hight
of ex3)
Pixul DPx
elmls to
shon grelatine ebrer-Pothen
Beten aght,9 to el.metb
lat top, thur acorclng -htpottion
posthonin Relatve
leating boymedel

Contmt -Botder
sMargin

widlh 20'>
tHelle

lwidth :g0% ext-.alin |antre's


zdy style
Java b aweblanguge
<dly
<|divs
clbedy
Hello

TAva web lojg


XML - filonsthlaby lgug

maxkugs data nhattet daa s? het on heg the data Sechs


-ous on peyrnkten eienkd
Conhnt ointd aud ret
XML a
Xme Contnt
-Xpath d a tlookr
a Like
-y$L" Fo [Rermating)
-XSLT

xHTML awd xmL


- Contont o°nked
-in preswnkien oentd
atibuts ave --tags attnbits nCralis
-tags &
prdskemknd oion tags and atibues

- cerdnt ad fomattiny an na
- Content and jomadhng Nporate. otmatirg-dey
Can ba plaud tagthe
tndfile with extmien text fil uh extnkien
"htnl

)xm
dournt

3)X5L (rimsbl hybibut lurgung)


well Jomd xML Soumnt

) ohnbul valus -quotd


dreumnt
haoan
anotdd DrD G arnpils th conatran4tn DTDa spuati ie
-txshtml withdtol
Chhml> difineng tho xint doc
<bedy hycelor beal'>
<hont cotor a Muhitits
Heuo

DxmL Beclartion statmunt


must be the fit
20xml > - -wnon no.
attribulus ;- )Veton onedingfobmat
»Enuding - eharaderextmal bro is quind
) Sfandalou- an
eneding = "UTE-9"
stdalne = yes ?
of am ertnalpTD
olaution
à<lDorTYPE- DTD H the zml deumt
entenal
am
’te speityldcau noetelmnt svsTem vURI of dtl Hiu'
AIDOCTYPE
unlduclanatien
eccn befeu
--7 -Caud
Cunt occwn
Commnth

4tyslelimunts
<tnyname conmlinatin
any othun elmunt ot
Uat ot
uyndnee tolloud dey any
ot an
tagnam- mwt stert with a lito
-dassda begn with
aml
5) Atbibutes ]kuy intemtin do the tags
-Preuide addilionad
="alu's
systax <tngname athibute nam tollews th samk Ples
tagnamemut be qusud
value
<Hagname>
attibutname = valu'l>
<tagnam

Pe-Decening Insbnehen
Repnunts the
<!C cDATA CI]>
yepants th charatr data
1ParsCh ddoemt pocsrts
- tratcd as
plan tnt
) xml namespacs lenund ot attrit
amociatd with ay with sami mamis
unanbiguowily ditine the elmnts
Sutax <namuspace tagmam -<Itampaeitgnane>
Jatbille
pruunt bfore the tyrome
-namupace putn tolleud by i
nam mamuypoce fer that tylatibde
spuifius th unique URT that unuiquly dafine
eauh mamuspoce s a
clemitlat
that
<ljat> yulaid mhecl mayut
to ulatd
fx <ulijutz maths
to engie
suljet
:jutz maths <lschool'sjuts
<shod lEngulyect
eenng nlijt 7webtnolegy
nomipas
atlsam

<| DOCTYPE ths sysTem "tton dltd'

Ctta
<conlaát tyee fom)
Cname 71ehn <l name
caddrs >l23, Lan N<loddn>
Cty 7chmat <lehy
<phone ouy- 362- </phene
Clomtbt7
<lentaut type =to
nmeTumes cImane
Caslrn 123 west <ladd

<pheney 63ou4-<phone?
<lcentuut>
<saltahen Dean ir <lsalutalion7

<lattuy
Jitnot elumunt

Cordaut

child elmnts o tettx

uild elmt eh conkhd


XMLValdation
m doumens
to validate tu
Nefin hon (DrD)
DQouemnl typ
) Xml schemak

DTD validat giunkmy doumnt


thu 2ml pase do
*enablu
oiby ml hymhx
coutaín ula do
addd-

<leaemeNT Jbs (corstaute,salatetien ,Pauyapht loing ipatu


cild emntb Por
e|--dfins irdiudualchild clmsof Rast.

clArTUST Contaut type CDATA inplie


LLekanatn data pandemt
tontn
data te ofpliatien
ecavance inditos

°-atment ene

eta o tha elomond


iqnetus euen hough te atibt
- the par

preent
th valu thad mt be
we (at mit
TA)S
AtEmeNT name (h PC DA
addren p DATA)>
CLeMENT CHY rc. DATA)> Covtat

(lele meNT phew PC DATA )>


etemeNT Saletalion (L.pCDATA)>
(letemeNT panagaph rCDATA)> qumnining
child yhanb ef ter
cleLEmeNT Cloming C pCDAT)>

Pagsd chaarauter data


udoemt centain manks

vallat tu xm deumnt
T6
kips lwww. w3Ahels (em /demldom.valtdettap
comftml/ xa
kp sll wwW. wISthals
anLliterag
Cormidr Hue folloing xML Tree
ebasCRedt)

(bmplayu
Salary
deunuit
GuatlanxML
enkmal DTD (emp dtd)
Alsg with an

You might also like