Scribd
Carica
4 visualizzazioni80 pagine

HTML CSS JS

Il documento fornisce una panoramica dettagliata su HTML e il suo utilizzo per costruire pagine web, inclusi elementi di base come tag, attributi e strutture di layout. Viene spiegato come utilizzare diversi tipi di liste, tabelle e moduli per raccogliere informazioni dagli utenti. Inoltre, il documento discute le differenze tra elementi di blocco e inline, nonché le varie proprietà di formattazione disponibili in HTML.

Caricato da

ruqhiya
Copyright
© All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF o leggi online su Scribd
4 visualizzazioni80 pagine

HTML CSS JS

Il documento fornisce una panoramica dettagliata su HTML e il suo utilizzo per costruire pagine web, inclusi elementi di base come tag, attributi e strutture di layout. Viene spiegato come utilizzare diversi tipi di liste, tabelle e moduli per raccogliere informazioni dagli utenti. Inoltre, il documento discute le differenze tra elementi di blocco e inline, nonché le varie proprietà di formattazione disponibili in HTML.

Caricato da

ruqhiya
Copyright
© All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF o leggi online su Scribd
\ vee WW Vow Web woytke? Not Pb fom N ~ TP fad y “ vee z Me Odout ee (62.d3° 14> _ | Brower ay lau |Sitowe | > —_ tae A L data Chota af | ‘ _——_ : x - f Hawa (fa founat TI oN —p hy = J, hee sur Domain Name Sem Cp— prouret 4 ester some data "ll ty wtll not undexstond human readable pounat conntt ty User will open the denver but sete we've Dns. ied to wnvest which lo a DS Aan oi Domatn Name Sytem human adable goal Into server indertandable jormat te 1p oddners- ATP addvow want nel tee Aduew, bared om fhe 10 achbves the denver wil af the ourtput- u wed to Sood webrttea, Boowaevt~ Browser aN anghunte ufth L web setvete wueh pager ( a Ry | \ | ral > pillau 4 BH - pum # Mttup Longuege)t\, Hrd in| = | eae per eet Mantap 6) z Ly\.L +) ay Lo HTML wg FHIML (Hupeh Txt Markup Li ae Hoy Moe “oy ment urmat tags Pray gate & Hw tnboduced tn the yor (945 sip Developed by Tin besinea| asp # Ubed to develop Least Abuhie of veh pag — > Alleatier ase: - ST] ume GY the slandam! markup ‘nays re (exten up bg) say Cowunat Aesntes af elements Xa. 94 Tl the browser what content should be TSP( Jawa Sewlet- on UL page : doped ISK (Jove Sept a Curtont youn 3 HTML & xen) ee Fu not case Acne, 9 y Baie Shutuw of HTML. — Ywuton of himl —> HTML #0) 9 = —, Root Element " —> Meta tnfo ° < mela —> bowser tfo , tab data ” — Basic Abucture shostuc tn v8 codes 74 7 html 37 * Basle xbuetwre ta ako called — broley plate. re. ie {nM Ts eT oe pjedeytned —toenued teywond which atte endoyed wth ong ¢ dang empl byauteta- 4 Thee ove & hyp of ‘og: poet Vat soe Keeyuords Ata en mk ys ee Vv - . t" J i Paved “Teg Unptrd To _ t chi hello <[nt7 —BI6 GER Ssmallat i) Heading Taga ©) rn) chizhelloc/ne> Mf) Aw i oleycustt size amir hl stze dr hb Aree. 2) Fesmatng “Tage at - --foetirg “tags -> Bold+
Diperon
. 998 “aa: *f, ) 6h 6h Z oP SF SFSSSSAASLSSSECEHEHEEESGbESBZEESA~SBEBASALEUSBS a Unpntred vt ) break De hortrontal bre 3) Asstganaeud: 1- frnage ' Whthe and tome how the web wottke Asagrom with deenttton and shuchor hdl . (2 ttnes) aye OMe Elemente =hi 7 hey hi let oT (otent eT WS HTML Elemente _| ie 4 f) Beck Level Elemate : width of the ent headtrg tml elemenita — the elemertg —whfch will consume erttre. rowley ante called block Jevel element. tom ¢ distslon ‘tog. 17 100%. Woe ee eo} (Tehiphello eonag “ley £ épan fittorbucer AY dbiketer awe additonal ‘fo. abou! the ‘ea MIL the tage can howe citer « Every “tag can have multiple aafhrlates, & re lungs wrtllen tratde OT only eu hetghet = "100%" % few aluny worten ™ key 4 val le Patt. ) Anchor Tag, enka) 2a hrfp*wl' angels" cblenk* facebook Noter target can have 4 yaluer u a) — bank ce) — Ae 5) _pusent dd) — top aT ot g =< tng AC = “path ZT internet ae @ @ a hefgit width alt A> U Ss i Table TR wo vlledon 4 sous ¢ volun. wihbws TH ua hoxtzertal vepreertation 4 a sable. H Colom Fy wy a verttal epreentetton ¥ Cell * ay Hoo prtesuectton 4 yous £ wlumu- M3 ) fyyate ene Bxd table 4 a table. mn me mlm i et em to So Oe Oe Oi Oi Qe @ . $hSSCCSESFSHFSSSESSESSSSSCCEKLSECERSEBSC ESC SCSSEE SS a Lowal hortzonts |) y \ Cet ( T rteecton) ld > Column (verttcal) we Basic Suerte, fof | f |? | | | atd> 4 Hdl> } t ' 4 <> s 6 Ad># Hd78 <)> < Hable > zm 7 bnbites m fale e *) . , ) Rowuspan 7 5) Boxder — table Wy) Rowspan std ") (ell spaving —» table %) Colspan inf) Cl padding 5 table a edable tovdey = "4" cellapactrg = “a0px* cellpadding = “BOpx “> Hel Spavengie A pace yu each 4 erey oll u called u cellgpating. H Cell Podokinge- Ot A apace bw the cell ¢ the content & called as celipecing ge. — A &) (I) dz gcltd> Luk 1473 cd > —— eAgo> 0 7 PR PP og PP a PPP OO eee OO Ow * 3 rn ee -~ rgt [ 1 [2 4{7-] 9 H{@l 2 » colipo = ” =» ") Pr fols | < table boxder= "4" > > i ets ~ HF | edded < Hd > 4/12 { » Gh 3 ade /+d7 ~~» s|t> ~~» @ ~~ =) 2 9) ~@ adv 9 <(td> = » < /4eble> MB fetes “th” stands e table head é : s\o5 0 SNited Table A table tnstde another fable 4 called nested table. ff > Oude tae ] T [24 >Inner table [Ete] Note: contey tg w wed do brteg the the web pape elements tn the fire SEELEDSSEDES 6 type canbe ~HeDr pg Lut « Leet ot ate ied tp aoa the fem tm am sequendal non Ordered Lot ‘event win, This ct 4 type 4 ots ? Unosdered Lut ? Desertetion | 7 Deftntton Derry Lut Ly Nbsted Lut, ) Ondered Lat Aap we want 4o desplay tems ov element m an Aequenttal ot we need fo ph orderd (ut. ¥ Tn osdered Lid by default type will “number! # Ondered out Examples Proky silt>
  • | ity Vanky
    • outpud: 3. Finky SU> Benky ea at A Berky: £) Unondeed Litas X we want -b play thy or element mt an non - Aequenttol manner we need +o P to tinordered (tst, wv | dyault, unordeved list wll have po at the op a1 dpe ‘hi les wat bye = diac [re [square /nene* > | Note
  • Poly | type an be > Ghunty | fee
  • vanky
    • output + o dguere Ot wn) Deengtn at t aLxampkt | A dein SO cdt> About mer Lowtduct eq tlle altar! dd de ste o@ SbSECEC SES SEUCE SSS SCCCECC CCE ES SESHSSE SESS / W Nested tists # A lot matte another Indo called netted | 4 Exampk : (1) JAVA FULL stAcké/Lt > Cre jaya Syl web Taya fulltlack
  • web opi © Tava full stack © Java, © Ag o web Note. Ho we we an runosdercd (ut friide the nested lit we'll get dljevent output , the te 04 let — will change Mat, a> forms ay toon ty IML ake ted fo collect the ter tro wonthaal ay to example , > Stusp Page > Login tage > Regutration foge y feedback foun. wy Fath 4 Erety tye. whtch th collected thiough the poston will be whtlized by the appl yor qusuthen operators. Example Os Create one HTML qokim — ott loan page ') Fosim 8) Freldret | | Useemgares \ | L_ 3) Legend | | Foner Dg] | ——t* 4) Label | TA 2) tipat | (ee [et Bal < tou < \egend Leatn foun < Neqend 7 Uuenamer <= by/? by (> see tor = “papaword" 7 Pawwoyds ait: “ert td = *panword 4 / > 7 Login M7 Cancel Weg SeG forgot Pameword? ee a a ee ee eee eee eee eee eee eee Excunple (De Cweate a foun with de forg gelde- 1) Pitre Fiud Name tt) Lak Name m) Mobible Number N) Email VY) Add seu v5) Bender vt) Pomwornd Regidiation Page -/ legend > < label for = “fisut name * > Ft Names < Input type = “Geet td. "aud namet [7 < label for = “ Last Name'> Last Nomex
    bale Woctteehe < Paton” cancel \ ‘ ° L 5 get (Not sew) —) > name ( > post (eur) Attbute 5 Sen L underind | —>Tnput types Tryosims 1) Text ti) Emat|—v) Date wi) Tne 1x) Tel (Adephone) ai) Paaawoxd fy) ORL vf) Month yt) Week ¥) NumbeY x) Range wit) Colof xi} Button xt) File xv) Hidden Aut) Sunn xutt) Radto xvitt) Checkbox xfs) Select XX) Texthwa - Sw ee ( They've “tegt) W Radto button ¢— Mole thud < tnput types “yadto” — name = “gender® [> % Check bors- {indt BE 5 Media Toy. 6, > ')Snage SNE, alt, hetgit width ) Audid — Suc, controls , Loop, muted Notes We can only pax sietadtve path fn audtox AK > 11) tds ue, condos, Joop rnd, autoplay helght width Notes Mrtoplay wil wok only ty agen mney atttbutt gen. -o@ WW) Hearne —7 “Trine Hame | fuiped) — S6EEECSESEOEEbEECE66ESCEEE EEE BEBE LG &b&6 qf Youn #1, we want to embed one cepplin into anothey agpln we need frame. ¥ Fon example, 1) yourhehe ") Maps. ole’ 5 / ay sy Semantte legs HT 94 boowier 69) wen - yrlendly» TL frbodiced to the HTML 5 veutons agT+ vu an alternate to diaion sg & The athtbutes aver Hetider Petal Aatde Mat Nav Section Time Astrele Fav Figuve Footer Diyerend blw Non Comartte HTML and Semantte HTML: (ewe (healers) T =4pan7 emav7_] is Non- Semantic HTML Semantic HTML - FFF er rrrPprprrPereF7 7 FP P rr rrr Fh QZ QQ NMoQaees @ Diorence bw HTML A and HIME 5 HTML} HIML 5 _ Coxe strate Cour Iruersttyye Does not tndude | cTnolurde media ‘media tage iM Not Includtec Tudor Aemartte Aemantic tags. sages Fyontetnd HTML Tintewiew Questions: D What HMM and Hx yeatuner ? 2) How the web wostke? 3) What do you. mean by DNC? y why do we need DNE? 5) what u the lierence bw latte and cupnannte page? 6) Weite the baste structure 4 HL, 4 What ane eget and na types? 8) what do yu. mean by block- level element , give examples a) Whst ane aihtbutes? Why do we need thom? 10) Gtve an exarnple for anchor tag d image my. i) whal do you mean by fable? 12) What t4 tr, td, th, sourpan, wohpan ? 13) Cveate 0 table fox 3x3 data. wh) What do ypu ynean 4 nected table 2 15) Whol ae the cle ‘tp 4 Jute 2 18) ve an example pr media tog. wa 19) Why do we use Ivame? . oH) what ane qoams tm HTML, why de we weed them 2 me 19) Merttion Fhe diy Ne tyer wd tn himl 4 alo ilp atttlo-tes. ‘oC eee ee errr eee ee 0) Create a gor gor 0 login page with V 2) What 4 the aay Hw HIME He and HIME 5? 28) Whe ote — semantto aga’ Give example « 2) Nome 15 web brow wed mM a market - Aastgrment -O1 - wsiite the aniwens fox all the querttons. methods = NWwiptee yo a HESscauadig sp er Na oS % Intodued mn the year (9% ~» # Developed by Hakon Wlum Lie * 4M ts ured to devrlop took 4 feal 4 applicatrons - 4TH wed to desgn the UTJoX of web applica trons € webApp). ay The Way to waite ess: » D Time ess » 2 Internal css » 3) External css 9 |) Tring C38 iM wtiag the css tm the Line only. 2» @* Example : shi 7Apple : S te . de Mee ow Se ea tJ we wort tp ‘net rnultple elements Atmultaneoualy a need 4p ¢ to daw selector. Ca Examples vthley healing backgrpund -wlor: Bgold ; 33 P f Apple Nokia ghi7 ht Ut f backgrourd- colov: gods ¢ ¢ ( ( ( ¢ Apple ety (Untvers al Adedor) Yue want fo atgel all the | 2 plomenls mm HTML page , we need -to ge to antvemal elector, thample: Atyle> "ee background ~ color: DB black; color; 1 whites gy Concept t= 4) Gneal Solty seledor(~) | oy, pe Fr 1) Descendant Seledore “ =” aa TY ue wan to forget oll the dit 4 IndtreA ~~ childrens g a porn we mead fo we douerdent Aelertoy, = 9 Example :- div nie haukarourd — color: LI pourerblaes a d chiles ga pax parent, we need child Aclectov. = ~ Ezanpl: + - = Cathe > =” div rhtt wa background - color: 1 pewderblue —- : 4 = 7 pS s«S 4 e je wal to 1 jacen 3 Adje ert Sle Selector wi inf tag | th “Sd " = der perits the dit Paseren 4 a parent , we ee " =. odjacont afbling elec. = Exornple t- ” < yler chix Preetham <[hl7 7 div+hi t ehiz Peethe <|n> s dackgoounde volo: O pouder blue 5 ~a 2

    Potrebbero piacerti anche