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