>> DAVID Malan: Dus ik heb gewerkt Op deze zoekmachine
dat ziet er zo uit.
Ik schijn een titel genaamd CS50 hebben Zoeken, waaronder een HTML-formulier,
binnenkant waarvan een ingang waarvan type is tekst en een andere ingang
waarvan het type is te dienen.
Laten we nu eens kijken naar de onderliggende broncode van deze pagina.
>> Hier in search-2.html, merk ik dat ik inderdaad een titel in de vorm van de
evenals het hoofd in het lichaam met een h1-tag omheen.
Ik heb een HTML-formulier, en dan zijn die twee ingangen.
Maar let in het bijzonder op het lichaam tag, dat ik een stijl heb verklaard
attribuut waarvan de waarde text-align: centrum,, waarin wordt vastgelegd dat alle
tekst op deze pagina moet uitgelijnd in het midden.
>> Nu werkt dit perfect correct, maar het is een beetje slordig.
Je kunt niet echt zeggen zo veel want deze pagina is vrij
klein op dit moment.
Maar stel je deze pagina hebt langer en langer en
langer en complexer.
>> Merk op dat het patroon dat ik heb geadopteerd hier is mijn esthetiek vermengen
de structuur van de pagina met het kenmerk stijl.
Lang verhaal kort, dit is niet de beste ontwerp, zeker als uw pagina's groeien
complexer.
Beter ontwerp zou zijn om factor uit dat stilering en zet het ergens
centraal, bijvoorbeeld niet in een stijl attribuut maar in een stijl tag,
specifiek een stijl-tag in van mijn pagina's hoofd tag.
Laten we het doen precies dat.
>> Laten we eerst gaan hier in en verwijder deze stijl attribuut helemaal.
Destijds in mijn pagina's hoofd, laten we verklaren een stijl tag en sluit het op
Tegelijkertijd, dus ik doe niet vergeten om later.
En dan laten we aangeven dat het lichaam van deze pagina moet een CSS hebben
eigendom van text-align is het centrum.
Laten we nu nog redden deze pagina opnieuw te laden de browser, en zien wat het effect is.
>> Herladen in mijn browser -
geen effect.
Maar geen effect was bedoeld.
We zijn gewoon te verbeteren het ontwerp van deze pagina.