>> DAVID MALAN: Så jag har jobbat om sökmotorn
som ser ut så här.
Jag verkar ha en titel som heter CS50 Sök, under vilket är ett HTML-formulär,
inuti vilken är en ingång vars typ är text och en annan ingång
vars typ är in.
Låt oss nu ta en titt på den underliggande källkoden för den här sidan.
>> Här i jakt-2.html, märker att jag faktiskt har en titel i form av
huvudet liksom i kroppen med en H1-tagg runt den.
Jag har ett HTML-formulär, och då dessa två ingångar.
Men varsel, särskilt på kroppen tag, som jag har förklarat en stil
attribut vars värde är text-align: center, och på så sätt ange att alla
text på denna sida måste vara inriktade i mitten.
>> Nu fungerar perfekt på rätt sätt, men det är lite slarvigt.
Du kan inte riktigt säga så mycket eftersom denna sida är ganska
liten för tillfället.
Men tänk om den här sidan fick längre och längre och
längre och mer komplexa.
>> Lägg märke till att mönstret jag har antagit här är att blandas mina estetik
med strukturen på sidan med hjälp av stilattribut.
Lång historia kort, detta är inte den bästa konstruktion, säkert som dina sidor växer
mer komplex.
Bättre konstruktion skulle vara att faktorn ut som stilisering och lägga den någonstans
central, till exempel inte i en stil attribut men i en stil tagg,
speciellt en stil tagg inuti min sida huvud tag.
Låt oss göra just det.
>> Först ska vi gå in här och ta bort denna stil skriver helt och hållet.
Sedan tillbaka upp i min sida huvud, låt oss förklara en stil tagg och stänga den på
Samtidigt, så jag gör inte glömmer att senare.
Och sedan ska vi ange att kroppen på denna sida måste ha en CSS
egenskapen av text-align är centrum.
Låt oss nu spara den här sidan, ladda om browser, och se vad effekten är.
>> Omlastning i min webbläsare -
ingen effekt alls.
Men ingen effekt var avsett.
Vi är helt enkelt bättre denna sidas utformning.