Scribd
Upload
16 views19 pages

HTML Notes

The document provides an overview of HTML, including its advantages and disadvantages, key terms, and essential tags for creating web pages. It explains the structure of HTML documents, how to create hyperlinks, lists, and tables, and highlights important attributes for various tags. Additionally, it includes examples of HTML code to illustrate the concepts discussed.

Uploaded by

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

HTML Notes

The document provides an overview of HTML, including its advantages and disadvantages, key terms, and essential tags for creating web pages. It explains the structure of HTML documents, how to create hyperlinks, lists, and tables, and highlights important attributes for various tags. Additionally, it includes examples of HTML code to illustrate the concepts discussed.

Uploaded by

harshsalvi2008
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
: =i . = 25. el usate advantagos A Diadvarilageh o ) - ~ HTML — HTML tvrertexoeonmnurLawaunce] “3 HIML_wes invented by — Tim_Beeners-Lee. ———_____— 7 > HIML is use _to_cheake_web__pa es =! Hypertert: Text__contains link _to_web__pages_ “= Markup_+ Instruction _given_to _browser__that howto. ____tisploy_—_page with_use of tags: mr [important erms__for coding: 1. LUeh_pages= Simple text files created with HIML- >. eb browser: Software used to view webpage. ~ 5 ldeh_senven Fpplicedion on computer_that_send__webpnges - on_—Inkernet - - at vantages: . ae 1. Ensy bo _use and_flexible- Cais _gaueral_fomabtng els ___2_HIML_is_ platform independent. ——4- Hyperlinking is __possible —____ —— 5 HIM poges_ore_—uptoted easily. ——6-_No_expensive software -on_hardisane is required ____— isudvantages: — —v Simple—clclation comma be done in HTML + Cannot __beused_lo_tisplay date. 5 ! q — mi adh. Ener I) Eacploinn Took in HTD we 2 d oe : Webpages ; fewdoped ‘in_HIML — donot have thei. —.own interface. — er detect _ —exrong__enaly since —n0._pecal_ specil_debuggi iy — — ——.bool is provided. > 5: nlrb pages he created in Hr, i Doe 7 ~ — a HTML Edin 7 7 Web rye cone creobed in HTML using = 7 —l Notepa =f To 7 Met -editor T Lng -simple. text editor is_good__for_HTM programeing HTML Tags: ~ aed x ; \HIML togs one used to markup ML ie = _—— Ins Tet niin in tat , _ 3 These_cha 4 Nonma| | 6 Second faye Oe b HT fe ie sar eae, b2“and_{8)ane_both_same a i Ap> tog: yg to ee TE isin pol. — harp: (PT is Hy tim rie Sp > | 6B) tog “a aot thal bat in bal = Sate SS ————— Used bo _creabe text in _Thalic. Ik is used_in_pnir. 459. Ww kuy bags - 7 : —__Vsed_to_create underlined tert Gu —t 5 Ahr> bag: - 2 Used__to_ produce _horizontol_ruler |__Tk_is_in__single_tng. __—Examples-_HTML_, 4img> + Tags _albnibutes: + Toys__hove_abbibute. a 2- Provides additional information about HTML elements on page: ——3: Alunys—indubed instant bog 4s Syntoxs - 4 4oq—nome attribute nome = value 3: Example —— 4p align = center > | _ a _ i HTML Chey HTML Togs nly __| —This_is_ny. -HTTL_puge_4\p) (br) 2Xbry = “rogran 7 Ahtmg> Mhedy title) Togs in HTML 4 \titley) —ANhead _l HIML_page _d\w)
—~MG@ Rood
Dadar(e) _\ He |-Oubput + This is my _HIML page I HIML => (byt | IML_paoge = 4i¥ 4 - -HIML page — dy) HTML * " 2 thr) tag TML_Tags I Read — {br) tag L Dadar CE) : Tugs ___ Se — (th) by _stulent_ name —rollone 1—shudent — address \pne) St bags: 44 thd) tn ch hind efines larg esk__heoding ri &y —defines__smalest heading + Program: ‘Tog _in HIM {vbitley a 4\head — Shady) HAsub) 2 <\sub> 50 sub) 4 {\gub>
3 4\sup> br? pre student. agin Silat lens Cage hed —_ hid Welome_to_heading 1 4\h1)
vse fo ‘nak tent “site on Website detail {\em>___ This is inserted text (Vins 9 br? _Adel> This _is__delebed text (del? br) _____—— —Amark? This is marked text 4 \mark 2 _—ANbody> ee (\htmly _ + Tags —— oe p= _It_is_used__to_creoke scrolling text oreo _______But__HTMLS___does_not__support marquee? _tag__so_we used_c9s. _ ie nit up —ond__down. —1e_4img) tags ———— ceil Th_is _used_to display image __on__webpage.. Th_is__single_tog_, (-e, img? Attributes = sre specify poth_of_image file ______a} width= specifies width of image in pixels 1) height = specifies_height of image __in_pixels 4) clt__+_alternabe text ee ——— Aimy sre = slide 1 jpg width= 300 _ —height_+ 250 ____ — alts _meleoome toa ye — {ta “space” blu = ond words) 1 ~ in dmarguee? bag : i 4 sw by use side: an = width=3y, — ge can scroll amuye - _ Example, A marquee direction * left 24 my t+ { height + a —_—_—* “Srograr.= = = | __ hin Ahead? - ie title? — ebpye 4 title ae) SS 4 Nhewd 2 ee eee body +} (A marquee bgcolor = yellow ~ direction = right? ____— Welcome to all <\marquee? marquee direction + left > img gree sled jpg —wilth=300_ Ei - tne 250 y <\marquee? —__ — Ling src slide jpg width= 300 heigl heigh = 250. — alt= “Welcome to SNBP? > | ~ body ——— et Nhl | SS, —— Fe Se if : = : a3 HTML» How to tink webpage to other webpage {AY tng: AT is known as anchor tay - In HLML, links are created —using 4A) tag aTt is in pair, ie, day and (ay A) Used to create hyperlinks Hyperlink: In toy website, click ono image ik _bokes you to other page s)iuperlinks are used bo connect one document to — other document. ee Se = ‘Important attributes in__href vie, h pertext reference. -__r) Mref__abtribute is _used_to_ spay address of file ne om URL jerome. 8) WOW uses URE VA hyperlink by default appears in _blve with underline. ad Visited link is underlined ond purple. “slik te World Wide Webs ed Creabeyour_email-id yay Ce et text on en eS SSIS i Link to images es 4a href= sMe3-jp9 Click here MAY iil Link tn image with image: a -AA_hnef = shs-jpg 2subscribe Red Li» H 4h) Blue _ MJi) Green (\y “Nal? A Definition list ahiY bry tt eg Ady pune see ddd) WTML 4d) —____— _ Add) ATML is Mapes Lenguge 0 Odd — — db = —— — A\body > a —ANbtm “a «List inside lish a : Program: a a be utpuk Mouse EE I Keybourd a 4 oT rnb = -@:Momiboe — bs cpp —__USB (titled lisk__\titley head —S body? — Ao) Type = 2 — 44 Mouse AN > Mi) Reyboord {yuiy = ALI? Prinker > (40) Type = 09 - — type = * disc Sui¥ English 4\li d\ul> {1i) Second language <\Li? dul_tuype = circle ¥ iy Marathi (bi Mu] type = square? <1iy Sanskrit <\Li? dwl> sl x Table creation \n HTML: + Tab __W Bor “Bon ec tag: Table is made up of rows and columns 2)Tal a) It 4d 34 | Is ad ble can be added — bo webpage using SLable? bag is iN pair able? taj indicokes creation of _ table. able? tag conbuins caption tng caption? tag is used to specily table name. at ORS ny tag 1s__used_bo specify table — row. Mag is_wsed bo specify table heading and it 0 d) bog is wed to specify table doko e__bag have four _abbribubes: der_= used to display border for entire table ev_color = used_to display border in specific colour “Al Cen: nz_used_br align_table either _to__Jefl., right or ———— Bg color = used _fo_seb background colour for. table ; ~ Bas iC_program: (htm) (tiled Table <\titley (\head) < able border = 2) \caplion) Student detail <\capbiony (tr) (\try - (try _ (td? James (\id> (td? William <\bdy =_ = Cid) Sironi <\bd> (td) 82 4 \td) \tr) (tr) (td) Chebna <\td) (44) Singh <\td) Aid) 12 4\bd) S\tp> <\toble? 4\ body? <\him) > Al ies 4 How \o_create different types of pages in. HTMLs “+ Golspan_aftribule: — This _atbri bute 1s defined 5 numben of column ___table_—_cell__ shou] spon _ 7 Used only oth “tay geno. - Example — - Time Table - + Mon Tue Wed Thor | Fra |__| Stience_| Maths Science | Maths Arts 4 Social) History English Socio. Sports LUNCH | Science. aths. Maths Science Project | Socin) ishony English Maths + flowspan_abbribute : : ______This_oltnibute is defined a5 numberof a rows a ____toblecell__showld__span. 7 Example, WD Nome Subjeck Marks a 7 : Maths 80 a | jy Dovid —Shysics —_| of _ Compuler 10 st af Mths —f 2 | Alex} Physics fg] |_ Computer jo__} ___ > Fentures_ “of rouspan and calspan ain = Fouspan and__calsp an bath hh olfmbutes are _valid ——in Ath? and tae de lag = 4th) data — will appear alunys in_bold a Exomple dtr> Ath_rowspon= 2 > Enter dota d\thy {thy Dato <\thy 4\br' dtr) 1b : ‘Program for calgpan: “ | Computer Scicnce i Compuker Science T Compucker Science TL | Bs ‘Code: : Ldhbml> i head) — (tikleyColspan_¢\ idle — ie AVhead) _ oe — t Xhody > — i [teal border = 1) a | eaptiony Colspan_ (Tae - Hath colspan= 22 Compuken Science__4\th? AME? Ar? — it Sen r= ce T(t) td) Computer Sei: labs i ence __T)_dibd> 4\toble) body) (vhtmly

You might also like