DAVID Malan: Tak som sa robiť my vlastný vyhľadávač, ale ja som len rozhodla reštrukturalizovať veci pod kapotou. Poďme sa pozrieť. Tu v HTML pre túto stránku oznámenia že mám teraz na vrchole stránky, čo Zdá sa, že logo, logo.gif, a Dal som to alternatívny text CS50 Hľadať len v prípade, že niekto nie je schopný vidieť, že obraz. 

Ale všimnite si, že som sa umiestnil ten obraz vnútri div, a ja som pridelený ho Jedinečné ID citátom, koniec citátu, "hore". Pod to, že mám ďalší div, ktorého jedinečný identifikátor, som sa rozhodol, že "stredná" ale ja som mohol byť identifikácia týchto divs ako niečo by som chcel. A vo vnútri tejto "strednej" div, Všimnite si, že mám formu. Táto forma sa zrejme chystá predložiť cez HTTP dostať sa servery Google nasledujúce vstup, vstup, ktorého Typ je text, ktorého meno je q. A to sa stane, len čo užívateľ hity Enter alebo kliknutí na tlačidlo označené CS50 Search. 

Teraz v spodnej časti stránky, mám Tretí a posledný div, ktorého jedinečný identifikátor je "dole". Vnútri toho, Mám zmienku o autorskom práve, vrátane HTML entity. Ukazuje sa, že © je HTML subjekt, ktorý zastupuje autorské práva symbol, pre ktorý s najväčšou pravdepodobnosťou Nemáte- Skutočný na klávesnici. Za to, že som sa zmienil že je to CS50 je. 

Teraz hornej, strednej a dolnej existujú tak že môžem jednoznačne identifikovať na vrchol, strednej a spodnej časti tejto stránky takže môžem štylizovať im každého trochu inak. A ja som už bola prijatá sloboda robiť, že. Výš v mojej strane, mám štýl tag vnútri, z ktorých sú niektoré CSS vlastnosti. Poďme sa pozrieť. 

Všimnite si, že na vrchole tejto stránke, som uvedené, že bez ohľadu HTML tag by s jedinečným identifikátorom vrchol ako označené týmto ostrým znakom pred že by mal mať text-align: centrum, ako vlastnosť. Medzitým by uprostred stránky Podobne sa v stredu, ale každý vstupy do stredu stránky by mali má 5 bodov z bieleho priestoru okolo nich, potom sa získa veci trochu viac priestoru. Medzitým, v dolnej časti stránky, Ja som je uvedené, že každý text by mal byť v menšej veľkosti, že váha povedal, písmo by malo byť odvážny, že okraj okolo dolnej časti stránky by mala byť 20 pixelov, len aby to trochu oddychový rovnako, a že ľubovoľný text v ňom by mala byť zameraná. 

Čo to bude čistý efekt? Dobre, poďme sa pozrieť v prehliadači. Ak idem sem Chrome, voila. Tak to je dobre vyzerajúci vyhľadávač.