>> DAVID MALAN: Så jeg har arbejdet på denne søgemaskine
der ligner dette.
Jeg synes at have en titel kaldet CS50 Søg, under hvilket er en HTML-formular,
inderside der er et input, hvis type er tekst og en anden indgang
hvis type er indsende.
Lad os nu tage et kig på den underliggende kildekoden til denne side.
>> Her i search-2.html, bemærke, at jeg faktisk have en titel i form af den
hovedet samt i kroppen med en H1 tag omkring det.
Jeg har en HTML-formular, og så de to indgange.
Men bekendtgørelse især på kroppen tag, at jeg har erklæret en stil
attribut, hvis værdi er tekst-align: center; dermed at specificere, at alle
Teksten på denne side skal være linie i midten.
>> Nu er dette virker perfekt korrekt, men det er lidt sjusket.
Du kan ikke rigtig fortælle så meget fordi denne side er forholdsvis
lille i øjeblikket.
Men tænk, hvis denne side fik længere og længere, og
længere og mere komplekse.
>> Bemærk, at det mønster, jeg har vedtaget her er at blande mine æstetik
med strukturen af ​​siden ved hjælp af stil attribut.
Lang historie kort, er dette ikke den bedste design, i hvert fald som dine sider vokser
mere kompleks.
Bedre design ville være at faktor ud at stilisering og sætte det et sted
central, for eksempel ikke i en stil attribut, men i en stil, tag,
specifikt en stil-tag inde på min side hoved tag.
Lad os gøre netop dette.
>> Først lad os gå ind her og slette denne stil attribut helt.
Derefter tilbage op i min side hoved, lad os erklære en stil tag og luk det ved
samme tid, så jeg ikke glemmer at senere.
Og så lad os præcisere, at kroppen denne side skal have en CSS
egenskab af text-align er center.
Lad os nu gemme denne side, genindlæse browseren, og se, hvad effekten er.
>> Genindlæsning i min browser -
ingen effekt overhovedet.
Men ingen effekt var hensigten.
Vi er blot at forbedre denne sides design.