DAVID Malan: Nii et ma olen töötanud Otsingumootori kohta mis näeb välja selline. Mulle tundub, et on pealkiri nimega CS50 Otsi sellest allapoole, on HTML-vormi, mille sees on sisend, kelle tüüp on tekst ja teine ​​sisend mille tüüp on esitada. Oletame nüüd, kui heita pilk selle aluseks olevate lähtekoodi seda lehte. 

Siin search-2.html, teate, et ma tõepoolest pealkiri kujul pea samuti keha koos h1 tag ümber. Mul on HTML-vormi, ning siis need kaks sisendit. Aga teate, eelkõige keha tag, et ma olen kuulutanud stiil atribuut, mille väärtus on text-align: keskus, ning täpsustatakse, et kõik tekst sellel lehel peaks olema joondatud keskele. 

Nüüd see toimib suurepäraselt õigesti, aga see on natuke lohakas. Sa ei saa tõesti öelda, kui palju sest see leht on üsna väike hetkel. Aga kujutage ette, kui see leht sai enam ja enam ning pikem ja keerukam. 

Pange tähele, et muster Olen vastu siin segunevad minu esteetika koos struktuuri leht abil style atribuut. Pikk lugu lühike, see ei ole parim disain, kindlasti oma lehtedel kasvada keerulisemaks. Parem disain oleks tegurdada et stilisatsioon ja pane see kuhugi keskne, näiteks ei ole stiili atribuut, kuid stiil tag, konkreetselt stiilis tag sees minu leheküljel pea tag. Teeme just nii. 

Kõigepealt lähme siit ja kustutada Selle stiili omistada kokku. Siis varundada minu lehele pead, lähme kuulutada style tag ja sulgege see kell Samal ajal, nii et ma ei ole unusta hiljem. Ja siis olgem täpsustada, et keha Selle lehe peaks olema CSS vara text-align on keskus. Teeme nüüd selle lehe salvestada, laadida brauser, ja vaata, mis efekt on. 

Pealelaadimise minu brauser - üldse mõju. Aga mingit mõju ette nähtud. Me lihtsalt parandada Selle lehe kujunduse.