DAVID Malan: Dus ik heb het maken van mijn eigen zoekmachine, maar ik heb gewoon besloten om dingen te herstructureren onder de motorkap. Laten we eens een kijkje nemen. Hier in de HTML-code voor deze pagina, bericht dat ik nu boven op de pagina wat lijkt een logo, logo.gif, en zijn Ik heb het een alternatieve tekst van de gegeven CS50 zoeken, voor het geval iemand niet in staat is om dat beeld te zien. 

Maar merk dat ik dat imago heb geplaatst binnenkant van een div, en ik heb het toegewezen een unieke ID van citaat, unquote, "top." Onder dat, ik heb nog div wiens unieke ID Ik heb besloten om "midden" maar ik kon het identificeren van deze divs als alles wat ik zou willen. En de binnenkant van deze "midden" div, merken dat ik een formulier. Dit formulier is blijkbaar van plan om te dienen via HTTP naar Google-servers de volgende ingang, een ingang waarvan type is tekst en wiens naam is q. En dat zal, zodra het gebeuren gebruiker op Enter of klikt op een knop gelabeld CS50 Search. 

Nu aan de onderkant van de pagina, ik heb een derde en laatste div wiens unieke identifier is "bottom." Binnenkant van dat, Ik heb vermelding van auteursrecht, waaronder een HTML entiteit. Het blijkt dat © is de HTML entiteit die de auteursrechten vertegenwoordigt symbool, waarvoor waarschijnlijk u geen hebben werkelijke toets op uw toetsenbord. Na dat, ik noem dat het CS50's. 

Nu bovenste, middelste en onderste bestaan ​​dus dat ik uniek kan identificeren van de top, het midden en de onderkant van deze pagina zodat ik ze kan stileren elk een beetje anders. En ik heb al genomen de vrijheid om dat te doen. Hoger in mijn pagina, ik heb een stijl tag binnenkant waarvan sommige CSS eigenschappen. Laten we eens een kijkje nemen. 

Merk op dat boven op deze pagina, heb ik aangegeven dat wat HTML-tag zou met de unieke identificatie van de top als aangegeven door die scherpe teken vóór het, moet text-align hebben: center, als een eigenschap. Ondertussen, het midden van de pagina moet evenzo gecentreerd, maar elk ingangen in het midden van de pagina moet hebben 5 pixels witruimte om hen eenvoudig te geven dingen een beetje meer ruimte. Ondertussen, aan de onderkant van de pagina, Ik heb aangegeven dat welke tekst moet worden in een kleiner lettertype, dat het gewicht van zei lettertype moet vet zijn, dat de marge rond de onderkant van de pagina moet 20 pixels, gewoon om het eens te beetje ademruimte ook, en dat elke tekst daarin moeten worden gecentreerd. 

Wat gaat het netto-effect zijn? Nou, laten we eens een kijkje nemen in een browser. Als ik ga hier naar Chrome, voila. Nu dat is een goed uitziende zoekmachine.