Scribd
Upload
54 views

Web Development Assignment

This document provides examples of using HTML tags and CSS properties to style web pages. It includes examples of formatting ordered and unordered lists, adding meta tags, creating a registration form, embedding audio and video, and using CSS selectors like classes and IDs to target specific elements and change their properties like background color.

Uploaded by

Rathod Manthan
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
54 views

Web Development Assignment

This document provides examples of using HTML tags and CSS properties to style web pages. It includes examples of formatting ordered and unordered lists, adding meta tags, creating a registration form, embedding audio and video, and using CSS selectors like classes and IDs to target specific elements and change their properties like background color.

Uploaded by

Rathod Manthan
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

Date

Page

Assignment-1
-

1) plain HIAL fage Suchoe


shuchne et an HTML dument
0OTYPE hml
shtm
heacd
itle> THle hene<1kle>
/heao
bodn
wab poge conent qo hdhe
klbod
html

The DoeTPE. kel Hhe eb bwse whi


vesion0+HIML h e page stoiHen in
In his clas L0eLoill bewing XHTML
Tansikona,whjth aloLOS us itle fesibih
the htm1 Flemen
The html element kl ha boae) had
The
he paqe tlbe fosmaHes_in HTML ard
ophnsl uhitho0aldlonq uega hapage
conknd is_ in.

TheiHe>2lement
Th iHe elemnt detiney what tex l
Sho in e_web bwser's t l e ba
Date
Page

head ond cbody lement


The <heael element suhhound alHho_Specia
"behno he stene element web dotument
Most ot hae elements do ne get oisplaed
dneckly on he Loeb_page
shedly element Swnoundy all he achod
anknt ex images ,lnlkset) hat oil
be displayadon oyT_oeb a9e.

wsle TML Lode _ceakna lloaine tehle


Date

Page

Mo o displou 0Tdened list ond wnosdeco


list usin HTPo Give ample

T displa odoeo 's he e e O1)

ol)
l s cokfoesis

li Mik<|lis

ol skant 5o"
li) cotiee<llis
l i ) Tea l i
Mk Lit
The hnt lis slan!_a 1 Ond ne he SeLo nd
Shan at So)

> To di'sploywosdehed 1s We e 1 2 taqs

l i cofee <llis
<liy Tealli>
l i Mil k <|1i>
Jul
Date

Page

L xplain Mefa Too oith eexample


Tho mek eg deines mekadata abod an
TNL decument Melaolate s da ka inmahion)
aoud date

mele faqs 90ingide he < heao


elemendand ahehypitally ed td specity
chamachen set paga_descpion, keywords amor
ot he dacument ond vieepor sekine.-
Netada ka isued b bnwseh, cenchengine
ond ohen Loeb_service)

zhaad
mela changet "yTE- ">>
< me ta nama"desciphon on ent"frre web "")
mela nome " lkeroorody tenkent*AINL, SS

mea nome " aulhor" lonent J o h Doe "


mela no.mevieaport "tonend 'uidth-deviee-idk,-
inihal-slalez1.0"
heod
Date
Page

whad is heme set 9 f<plairn Hhe ue_of fome sef


in web_sile desin wih pnpn example
HTML 4 bomece f taqe is wedo Contatn
he o rame whichcah be comhmled
and shyled as unit h e tremesel ekmant.
also specihes he numbe LOS and
columns in ho tromeset and ho much space
hey ilLocupy
hey in a treme
This taq is not Su ppoantedin HIML

loocryeE htmi>
html
head
shHe> freme taq4|htle
<head
Pramas.ei cols s so5 o4,'y
hame sTChHps: wwovaton/html-toble's
ameS T C " htips: w . javq.tam lss-tahl'3
|kromeset
hhm
6 wha is on HTML n1 Design Registmhon
page in ATML
HTMLorm- olotument _whith ghmes
tn formaon _oa Me on 9 e b 9erve
ing
Ling inhenactive Conhos An HTrtL
Lantains itenentuth as wehnem payootod
ontatt_ numhezema d eer._
Date
Page

sform achon atkon page.php">


Adiv elau"_¢edkeinen "
h1 Aeishe |hi13
AP_please in is form teae
on utcoun P_
hr_
lobe for "emas] "> < b emaulklb>
bel
input hpe "ext
pla toha lden- "Cnkea_Cmail",name ema
| id
emai tird>
zlahe r"Psw" zh>Paiood<lbs
|lobel
iput eepakaozd " plateholde). "Cnten laseerd
pome"ps" id "psL equiarcd
laha 1"ps epeat"y< b> Repea Pauourdd_
Alb [|label
Ainpud hye "pasuard laceholde): °Repead
Kawvooroname: "Psoepeal"ide "psu-2epead "
ocquieo
<hr)
P Cycrcahng an aceoun you aqme v_ou
hoef t ">Texm andPrivasy4la </£3
utton hpe "subrm," eaa reqsherbtn "s
Registch &lbuHon>zldivs
div clay "

containeh sign in" 2


LPS have an areoum 9<ahrtfa "t">
Sign in zla. < le
lciv
form)
Date.
Page

Sxpain HTML vide o ond audiotaqs


The Laudio toq is ued o embed Sound
tonent in a do(ument Sch au music0
ohen audio Shreo ms.
The audio) Haq Con tains One os more
Sorce ags ih ferendaudio Soare

audio Conbo s
So uzce sor home. og9" ye- "qudiolo9a ")
Sowrte SrC hore.mp- hpe 'auedlio /mpe
Tou ose) doej no Suppoat he audiot
2lQudio

Thevideo teq is wed to embed vde o


Contetid adument ,suck. as a movie clip
oheh video s breoms

kVrdea sidh ="39g" heigt "2uo tonknls


Sot e st mpvie.mp4 yPe video mp4"'
So e s C "movia oga" ype "video lo " )
our bmuaose edeenatupportt_he viceo. to
Video>
Date
Page

3what is css 2 Lhat do youmean b c l u .


and idin css xplain oh example
CascadingShle shee is q sle sheet anuae
Med oesrib'ng he pmejenta hon_of
dolumeniwitenin a mahkuponquage-Such
a HIML or XML cSSS (onneshre technolaqy
f he
he World Wide web, alonqside uTML and
avos crrph
The lay clay_can be aed f idenkfy
moe he on HTML element

TD is enly wed o denhfy one single


elemantin h uTML olemer

In CSS dond clau boh ae he CSS


element sdettor nd ae to idenkft on
em elemen baed on ih a igned nome_

shyle
5ackomwnd-colos: Blue
3
elaay
colbx b lue',

1shyle
Date
Page

CSS wih of Srample.


List and eplain pe3
There a h e hre pe ofcsS
O cSs

9Hibute inside
Inlineb usinge Syle
HTAL elemen t

a 2Shyle element_in hhe


e
Inanal by uina
head e ckon
elemend holink o
e n a . by usina <lin h
an exAnal css Kle.

L P shle"color blue:"> A blue pas paph.iP


T h i s i s omple o4 inline
tss

- Shyle

c olbs blue'

Ishle
This is example ot Inteana axample.

>hea d
link el"Shleshee1 haef shle.css "
klheaoS
This is_exampk ofextanal ecample
Page
Date

lo h
ike HTML_snippecl ess bo
change haekqmund Colbr of oebpa4@
2 Se on image
J o 9 backgound
9 Monpulak a backund ima ge Soii can
b enepeated Oveh an ahea,

1 Htm12
head S
2 ttle vebpage

Lshle
bud
backaanund-coloz blue ;

Istyle
ZHead
boely
P Changing backgvund Color ot webpage Ies
body
2htm
hm )
khead
Ktle web page
kHe
ashle
bady
backgmund. image uzl ("popa.gf "),-
Page.
Date.

lsh le
head
booky
sekhing
L P Setinq an imaqe aa beckamud PS
lbooly
zlhtml)
9 hhml)
head >
shyle
dody
backgmuno-image: uT ("pape).gif"
backqound epeat epeal- A,

lsmle
head
body
P Manipulaknga backgsmnd
dim age go
90ii
Con peat ove an Qhea. L|P)

htmiD

You might also like