www. ¡ ¡ Worldwide ¡web ¡
What ¡is ¡the ¡worldwide ¡web? ¡ • The ¡worldwide ¡web ¡(or ¡www) ¡consists ¡of ¡ millions ¡of ¡web ¡pages ¡linked ¡together, ¡plus ¡the ¡ content ¡that ¡appears ¡on ¡those ¡pages ¡(such ¡as ¡ text ¡and ¡images). ¡ • The ¡content ¡of ¡the ¡www ¡is ¡held ¡on ¡individual ¡ webpages, ¡which ¡are ¡gathered ¡together ¡to ¡ form ¡websites ¡of ¡associated ¡informa=on ¡
Hyperlinks ¡and ¡web ¡servers ¡ • Web ¡pages ¡are ¡connected ¡using ¡ hyperlinks . ¡ • A ¡ hyperlink ¡is ¡a ¡link ¡that, ¡when ¡clicked ¡on ¡takes ¡ you ¡to ¡another ¡website ¡or ¡web ¡page. ¡ • Websites ¡are ¡held ¡on ¡a ¡computer ¡called ¡a ¡‘ web ¡ server ’ ¡– ¡this ¡is ¡connected ¡to ¡the ¡internet ¡and ¡ sends ¡web ¡pages ¡to ¡users’ ¡computers. ¡ • When ¡you ¡want ¡to ¡look ¡at ¡a ¡web ¡page ¡from ¡a ¡ specific ¡website, ¡it ¡is ¡the ¡ web ¡servers ¡ job ¡to ¡ download ¡those ¡pages ¡to ¡the ¡user’s ¡computer. ¡
Web ¡browsers ¡ • Web ¡pages ¡are ¡viewed ¡through ¡ web ¡ browsers . ¡There ¡is ¡soFware ¡programs ¡that ¡ allow ¡internet ¡users ¡to ¡access, ¡retrieve ¡and ¡ view ¡informa=on ¡on ¡the ¡internet. ¡– ¡Firefox, ¡ Internet ¡Explore, ¡Google ¡Chrome. ¡ • It ¡is ¡the ¡ web ¡browser ¡ that ¡reads ¡document ¡ files ¡wriLen ¡in ¡ Hypertext ¡Markup ¡Language ¡ ( HTML ) ¡and ¡translates ¡them ¡into ¡viewable ¡ web ¡pages. ¡
HTML ¡ • HTML ¡is ¡a ¡computer ¡language ¡used ¡to ¡create ¡web ¡ pages. ¡ • You ¡can ¡create ¡ HTML ¡in ¡the ¡language ¡itself ¡or ¡by ¡ using ¡authoring ¡soFware ¡(such ¡as ¡Adobe, ¡ Dreamweaver ¡or ¡MicrosoF ¡Expression. ¡ • These ¡use ¡templates ¡and ¡wizards ¡to ¡create ¡ HTML ¡ codes. ¡ • HTML ¡files ¡usually ¡have ¡a ¡filename ¡with ¡ .htm ¡ or ¡ .html ¡ as ¡the ¡file ¡extension ¡e.g. ¡ document.htm ¡
HTML ¡tags ¡ • HTML ¡is ¡a ¡language ¡that ¡uses ¡a ¡series ¡of ¡‘tags’. ¡ • Tags ¡usually ¡operate ¡in ¡pairs ¡ EXAMPLE ¡OF ¡HTML ¡ DESCRIPTION ¡ CODE ¡ <html> ¡ An ¡opening ¡tag ¡for ¡the ¡program ¡ <body> ¡ An ¡opening ¡tag ¡for ¡the ¡sec=on ¡ <h1> ¡This ¡is ¡a ¡heading ¡ Heading ¡tag, ¡content ¡– ¡element ¡ <p> ¡This ¡is ¡the ¡ Paragraph ¡tag, ¡content, ¡end ¡tag ¡ paragraph ¡</p> ¡ – ¡element ¡ </body> ¡ End ¡tag ¡for ¡a ¡sec=on ¡ </html> ¡ End ¡tag ¡for ¡a ¡program ¡
HTML ¡tags ¡and ¡HTML ¡elements ¡ • There ¡is ¡an ¡opening ¡tag ¡such ¡as ¡<body>, ¡<bp> ¡or ¡ <p> ¡and ¡an ¡end ¡tag. ¡ • End ¡tags ¡are ¡iden=fied ¡by ¡the ¡‘/’ ¡character ¡at ¡the ¡ beginning ¡of ¡the ¡tag. ¡ • Tags ¡that ¡don’t ¡operate ¡in ¡pairs ¡include ¡<img> ¡ used ¡to ¡tag ¡an ¡image ¡and ¡header ¡tags ¡(e.g. ¡<h1>). ¡ • The ¡content ¡between ¡each ¡pair ¡of ¡tags ¡is ¡called ¡ an ¡ HTML ¡element . ¡The ¡language ¡is ¡wriLen ¡as ¡a ¡ series ¡of ¡elements. ¡Gradually ¡the ¡elements ¡build ¡ up ¡to ¡describe ¡a ¡web ¡page. ¡
HTML ¡ • The ¡whole ¡web ¡page ¡is ¡built ¡up ¡wri=ng ¡these ¡ elements. ¡There ¡are ¡tags ¡used ¡to ¡colour ¡the ¡ website, ¡posi=on ¡objects ¡such ¡as ¡text, ¡ graphics ¡and ¡media ¡on ¡the ¡website ¡and ¡do ¡all ¡ the ¡other ¡formaXng ¡we ¡see ¡on ¡websites. ¡
HTML ¡code ¡ <html> ¡ <head> ¡ <=tle> ¡Music ¡is ¡my ¡life ¡</hl> ¡ <p> ¡I ¡love ¡music. ¡Every ¡single ¡type ¡of ¡music. ¡Music ¡has ¡the ¡ power ¡to ¡take ¡you ¡to ¡new ¡places. ¡</p> ¡ <p> ¡My ¡favourite ¡old ¡style ¡ar=st ¡is ¡Elvis ¡Presley. ¡Here ¡is ¡a ¡link ¡to ¡ his ¡website ¡– ¡check ¡him ¡out! ¡ <a ¡href=“hLp://www.elvis.com/”>Elvis ¡Presley</a>. ¡ ¡</p> ¡ <p> ¡Although ¡I ¡love ¡Elvis, ¡I ¡really ¡hope ¡to ¡marry ¡Harry ¡from ¡One ¡ Direc=on ¡some ¡day. ¡</p> ¡ ¡ </body> ¡ </html> ¡ ¡
Recommend
More recommend
