www. Worldwide web What is the worldwide web? The - - PowerPoint PPT Presentation

▶

Apr 06, 2023 20 likes •111 views

www. Worldwide web What is the worldwide web? The worldwide web (or www) consists of millions of web pages linked together, plus the

SLIDE 1

www. ¡ ¡

Worldwide ¡web ¡

SLIDE 2

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 ¡

SLIDE 3

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. ¡

SLIDE 4

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. ¡

SLIDE 5

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 ¡
r ¡.html ¡as ¡the ¡file ¡extension ¡e.g. ¡document.htm ¡

SLIDE 6

HTML ¡tags ¡

HTML ¡is ¡a ¡language ¡that ¡uses ¡a ¡series ¡of ¡‘tags’. ¡
Tags ¡usually ¡operate ¡in ¡pairs ¡

EXAMPLE ¡OF ¡HTML ¡ CODE ¡ DESCRIPTION ¡ <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 ¡</p> ¡ Paragraph ¡tag, ¡content, ¡end ¡tag ¡ – ¡element ¡ </body> ¡ End ¡tag ¡for ¡a ¡sec=on ¡ </html> ¡ End ¡tag ¡for ¡a ¡program ¡

SLIDE 7

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. ¡

SLIDE 8

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. ¡

SLIDE 9

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> ¡