DAVID MALAN: Så jeg har jobbet på denne søkemotoren som ser ut som dette. Jeg synes å ha en tittel som heter CS50 Søk, under som er et HTML-skjema, på innsiden av hvilken er en inngang som typen er tekst og en annen inngang hvis typen er sende. La oss nå ta en titt på den underliggende Kildekoden for denne siden. 

Her i søk-2.html, legge merke til at jeg faktisk har en tittel i form av hodet, så vel som i legemet med en h1 tag rundt det. Jeg har et HTML-skjema, og Da disse to innganger. Men legg merke til spesielt på kroppen tag, at jeg har erklært en stil attributtet hvis verdi er text-align: sentrum, og dermed spesifisere at alle tekst på denne siden bør være innrettet i midten. 

Nå er dette fungerer perfekt på riktig måte, men det er litt slurvete. Du kan egentlig ikke fortelle så mye fordi denne siden er ganske lite i øyeblikket. Men tenk om dette siden fikk lengre og lengre og lengre og mer kompleks. 

Legg merke til at mønsteret jeg har adoptert her er å blander mine estetikk med strukturen i side ved hjelp av stil-attributt. Lang historie kort, dette er ikke den beste design, sikkert som sidene dine vokse mer komplisert. Bedre design ville være å faktor ut som stilisering og sette den et sted central, for eksempel ikke er i en stil attributt, men i en stil tag, spesielt en stil tag inni på siden min hode tag. La oss gjøre nettopp det. 

Først la oss gå inn her og slette denne stilen attributt helt. Deretter tilbake opp i min side hode, la oss erklære en stil tag og lukke den på Samtidig, så jeg gjør ikke glem å senere. Og så la oss presisere at kroppen på denne siden bør ha en CSS eiendom text-align er sentrum. La oss nå lagre denne side, laste leseren, og se hva effekten er. 

Omlasting i nettleseren min - ingen effekt i det hele tatt. Men ingen effekt var ment. Vi er rett og slett bedre sidens design.