You are on page 1of 45
Bae Shue fing: | pertext markup Lang unge)} is the standard _ Language ured to creerte wtb “pages and define their ____| Stouctitve » HTM Consists of a series of clements, each otprusented cgi 4 thal define sthe content and the T layout of a wtb _ With undustanding use of thiye gs anda duct oes Prout fol_tuehilte easily. Jd “undeattand the basic shuel_ 4. Document Type declarati 21 E type ideclarat the ver i o ‘document and specifiy the seston of —SHTM i E —_—_i=for modem HIM) 5 p dec! i Hits ement :- ‘the ‘’ is the 7 eme_ -ot of an t1TM ni. TE contains all other < htm! l <]---- Othe elements gots hort-> < lontint > Ltn) > | TL HTML Head Section t- The section is where we provide metacorta abowk “the document » Such 4itle s Character encoding and links to taternal reourcy Ke CSS Style heets and JavaScripts files. | < tlEle> My web page < 1--- Additional metadata & links go here > - Ws Body Sectlon t- The Section contains the vislble content of the web page s indudin tere, Imogy puideos, links , and other multimedia elements - < body > <}--- Content goes here ---> ' | Ve Heading Elements: HTML provicks six levels 0 | heading Elements , froin *’ (the highest level) “to | ‘chor’ (the lowest level) » Headings are wed to crectte hierarchical Structures and - provide context and the Gucture to the content -

This Db a head tucel 2 <[hr> <1---- and 80 00 ----— --> this ty a heading lewd 4 4 | Ait ee Nie Pou atone ph aq 5 are_usd to add ——panagaaip ne to_an_al L an Text content is wuall < wrapped in * ep mal ara Seee ie ot

Thi ba poragnaph- of dot. | i Tiss 1 Dube ave urd to Zig ao a apes { lists (S"). | <1F> ovange i 1. 1 <01d i fist itum

  • Setond Vem
  • | i¢ o> J.
    |
    Term 4
    !
    pepinitlon 1 Term 2
    nepinitiog 2
    eldi> Vili Hinks + Links ove created using ane §? (anchor) element: vee anchor element: xa hip =" hips 11 Wall cample com" > Click me <]a. Ax images + Images are \nsterded tilng dhe ‘ tle Fment swith the ‘vc attribule speci ying The image Source: “img | These are some of the fundamental cements that fern Ane Structue of an HTML document - By using Thue eluments and properl nating them , web developers can create wetl Strietwad “and semantically meaning ~ful wtb pags that art accessible and easily undost j-ood by both humans and search engines. Se GG) Explain link and tmage tag - Aost~ The explancction about the zar! Unk) and ‘img?’ Cimage tags la HTM: | @ Link Tag [xas'] = the ‘Zar! tag , also Known as the Wk teug or Anchor taq ay Used to crectle hyperlinks thet Aautgale wsas to Ranother web page , fie or Location on dhe same page - dt is one of the Jpundamental elements for connecting wtb pag Sand treating @ seamless browsine er penende + The link ta wey the “hey? attribute 49 specify the dustinedton URL 04 target. oe es ST pace hte || i Ei foo gd So tithe > My web | ve _sititle > — —_____ Xthea + a oo | < body > : | ghir we web page < hi> ena < ans our 2a "bret = “hitps: || www. ex-com> alebsite {or more \afoxmatien i <1p> <| body > _t usa the! eS ey ZupL 4 ox file path | 34 con bea relative path_or_an ‘absolute UpL - * My web page <[Uithe> < body > Zhi> Image Example <|ht> | img Src S"imaage. jpg" alt =“image description’ > | body” eae . f | . | Go Anis example y the “ximg» dag displays the Imge “image. jpq” on the web page .The ‘alt’ attri butt prowide alternative det that is displa ed Vf the \mage cannot- be loaded or read bi anishal technolo ta The alt text | ayo serus Go a cleseripten of the image for wes with | Asabilitta oy when the Image is not ~wuisible- Qe Explalo Table tags Vy HTML P inst | The tag §s used to dapine table in HTML. Tt ts used to ormat and display tabulew dota .Tq HTML , the
    ’ element is used +o Creale a table with rows and columns . It allows you to organic the data into a structured grid format > The ¢table> element aepurnts the gable its ¢= 3 4 = Fag Vad to display doble row Each “row is de inedl using 2c bed? (rable 200) element - Gable row starts with! 2 brs anid ends with —<{b22 I tag_i= Used to. display, table dole; Within tach 200 we Jalsa define data cells Using ‘the _- Luerything 4s urd tten Fin bebueen the
    (lable data) -Data cell Leootniny the actual conten of theta ble Tabledateatso start tulth kd> and ends with 40a. [+ th tag s Used tn_plare fable date for dis ing fable ‘head. tx. Within each ow »twt_can_depint becider colt the leths (Hob header) element - Hrader cous art dy play | 4 i ed | | | the table. xth> tags used iostead of | Ere
    : ITM table 2 1 > th> Headey 1 i ty> td> Data 1 Dako 2
    AW)) Explain ‘forrnat-ting fags available ta HIML ? As: | fomalting 4aqs in HTML are used 40 style and formal the content “disp ytd on a web page: They enable web - developers to app tariow adal tlements such a © headings; paragraphs lsh, pold dark, Halic teats od more. “Alere art ‘some tomamen formatting tags ovaitable in HTML. Ae foragraphs 4aq[ deg is used to define | paragraphs of Aext- H+ Gudomaltcally adds space befor and ‘ abtes “the paragraph » providing vised separa tion {20m other Content. i tes

    and _<12)4 the ta $s used to ttalicize lext- However » t's important to note that the and tags do not cary ony semantic meaning 5 they ant pody prseatational | eg. This dext is bold. Aid This dent fy vtalicizad « 411 | ti. Underline Text [] 2 The dag iy used to undetine the tod y but similar to Lbs and “, it does not prowide any semantic meaning. : 7g LUS This det be underlined. 2/U> - 5 (ay): The . tan _ts_used to Crealts tho Lo g tse do ‘navigate to_biher wth pagu or iv. Hyper inf | A esources « igi a hep = *hHtpsll Wilh gogle-tumn” > Click me | _ v. Line Break Acbr>): The tba> tag b wed do Inseta line ‘break wi hic_a_ paragraph or_other block tevel elements lt — creates anew) ine dithoak treating @ nem paragnaph i. = p> This is aline of text. 2b7s Ths is anothe Wne of ded ~lp>- = OS) Explain fom tags ot es | fray: t fn “ATM form 4s used to collect Input fom the user Jo | HMI rm is A © ko | £ Land stibmif data to servers ft typica f cons|stsof Tatarlous Jom element such as dort fields check boxel, I i ns, do nd buttons: | < tim > Pasi 2e clement of sthe form ------- < {form > - |: There are diffrent Jom tlements do dijtoent hinds ol tite Tie - {is ctertara> + The tag crcats multi line | input area where wes can enter longer texts Such av Comment ox message - ti £423 Ctorkarea name =" message” tows ="4" cols = 50" > Enter you message here Jit,

    You might also like