DAVID MALAN: Così ho fatto il mio proprio motore di ricerca, ma ho appena deciso di ristrutturare le cose sotto la cappa. Diamo uno sguardo. Qui nel codice HTML di questa pagina, avviso che ho adesso in cima alla pagina cosa sembra essere un logo, logo.gif, e Gli ho dato un testo alternativo di CS50 Ricerca, in caso qualcuno non è in grado di vedere l'immagine. 

Ma accorgo che ho messo quell'immagine all'interno di un div, e ho assegnato un ID univoco di citazione, unquote, "top". Sotto, ho un altro div il cui ID univoco ho deciso di essere "mezzo" ma potrei identificare questi div come qualsiasi cosa mi piacerebbe. E all'interno di questo div "di mezzo", notare che ho un modulo. Tale forma è apparentemente andando a presentare via HTTP arrivare ai server di Google il seguente input, un ingresso la cui tipo è il testo e il cui nome è q. E ciò avverrà non appena la risultati utente Invio o fa clic su un pulsante etichettati CS50 ricerca. 

Ora nella parte inferiore della pagina, ho una terza ed ultima div il cui unico identificatore è "bottom". All'interno di questo, Ho menzione del diritto d'autore, tra cui un'entità HTML. Si scopre che © è l'HTML entità che rappresenta la copyright simbolo, per cui probabilmente non si dispone di un chiave effettiva sulla tastiera. Dopo di che, ho parlato che è CS50 di. 

Ora alto, al centro e in basso esistono così che posso identificare in modo univoco la parte superiore, la metà, e la parte inferiore di questa pagina in modo che io possa stilizzare loro ogni una po 'diverso. E ho già preso l' libertà di farlo. Più in alto nella mia pagina, ho uno stile tag all'interno del quale sono alcuni CSS proprietà. Diamo uno sguardo. 

Si noti che in cima a questa pagina, ho specificato che qualunque tag HTML sarebbe con l'identificatore unico superiore come indicato da quel brusco segno prima essa, dovrebbe avere text-align: centro, come una proprietà. Nel frattempo, al centro della pagina dovrebbe analogamente essere centrato, ma qualsiasi ingressi al centro della pagina dovrebbe avere 5 pixel di spazio bianco intorno a loro, semplicemente per dare cose un po 'più spazio. Nel frattempo, nella parte inferiore della pagina, Ho specificato che ogni testo deve essere in un carattere più piccolo, che il peso di ha detto carattere deve essere in grassetto, che la margine intorno alla parte inferiore della pagina dovrebbe essere 20 pixel, solo per dare un po 'di respiro così, e che qualsiasi testo esso dovrebbe essere centrato. 

Che cosa sarà l'effetto netto? Bene, diamo uno sguardo in un browser. Se vado qui a Chrome, voilà. Ora che è un bello motore di ricerca.