>> DAVID MALAN: Così ho lavorato su questo motore di ricerca
che assomiglia a questo.
Mi sembra di avere un titolo chiamato CS50 Ricerca, sotto la quale è una forma HTML,
all'interno del quale è un ingresso cui tipo è testo e un altro ingresso
tipo di cui è submit.
Diamo ora uno sguardo al sottostante il codice sorgente di questa pagina.
>> Qui in ricerca-2.html, notare che io infatti avere un titolo in forma di
testa e nel corpo con un tag h1 intorno ad esso.
Ho un form HTML, e allora quei due ingressi.
Ma preavviso in particolare sul corpo tag, che ho dichiarato uno stile
attributo il cui valore è text-align: centro, specificando in tal modo che tutti
testo su questa pagina dovrebbe essere allineato al centro.
>> Ora questo funziona perfettamente corretto, ma è un po 'sciatta.
Non si può davvero dire tanto perché questa pagina è abbastanza
piccolo al momento.
Ma immaginate se questa pagina schiera più lunghi e
più lunga e complessa.
>> Si noti che il modello ho adottato qui è quello di mescolarsi mia estetica
con la struttura della pagina utilizzando l'attributo style.
Per farla breve, questo non è il migliore disegno, di certo come le pagine crescere
più complessa.
Meglio disegno sarebbe quello di scomporre che stilizzazione e metterlo da qualche parte
centrale, per esempio non in uno stile attributo ma in un tag di stile,
in particolare un tag di stile all'interno del tag head della mia pagina.
Facciamo esattamente questo.
>> Prima andiamo qui e cancellare questo stile attributo del tutto.
Poi il backup nella testa di mia pagina, LET'S dichiarare un tag di stile e chiuderlo a
allo stesso tempo, in modo da non fare dimenticate di seguito.
E poi cerchiamo di specificare che il corpo di questa pagina deve avere un CSS
proprietà di text-align è il centro.
Vediamo ora salvare questa pagina, ricaricare il del browser, e vedere che cosa l'effetto è.
>> RICARICA nel mio browser -
alcun effetto.
Ma nessun effetto è stato destinato.
Stiamo semplicemente migliorare design di questa pagina.