>> DAVID MALAN: Also ich habe gearbeitet auf dieser Suchmaschine
das sieht aus wie diese.
Ich scheine einen Titel namens CS50 haben Search, unter dem sich ein HTML-Formular,
innerhalb dessen ein Eingang, dessen Typ Text und ein anderer Eingang
deren Typ einreichen.
Werfen wir nun einen Blick auf die zugrunde liegenden Source-Code für diese Seite.
>> Hier in search-2.html, bemerken, dass ich tatsächlich einen Titel in der Form des
Kopf als auch im Körper mit einem h1-Tag um ihn herum.
Ich habe ein HTML-Formular, und dann die beiden Eingänge.
Aber Mitteilung insbesondere auf den Körper Tag, dass ich eine Art erklärt
Attribut, dessen Wert text-align: Zentrum, und damit, dass alle Angabe
Text auf dieser Seite sollte sein in der Mitte ausgerichtet.
>> Nun, das perfekt funktioniert richtig, aber es ist ein bisschen schlampig.
Man kann nicht wirklich sagen, wie viel weil diese Seite ist ziemlich
kleine im Moment.
Aber vorstellen, wenn diese Seite bekam länger und
Je länger und komplexer.
>> Beachten Sie, dass das Muster, das ich angenommen habe hier ist es, meine Ästhetik vermischen
mit der Struktur der Seite mit Hilfe des style-Attribut.
Lange Rede kurzer Sinn, das ist nicht die beste Design, sicherlich wie Ihre Seiten wachsen
komplexer.
Besser wäre es, Design ausklammern dass Stilisierung und legte es irgendwo
zentralen, zum Beispiel nicht in einem Stil zuschreiben, aber in einem Stil-Tag,
speziell ein Stil-Tag in von meiner Seite Kopf-Tag.
Lassen Sie uns genau das zu tun.
>> Zuerst gehen wir hier und löschen dieser Stil überhaupt zuzuschreiben.
Dann sichern Sie im Kopf meiner Seite, ließen uns deklarieren Sie eine Style-Tag und schließen Sie es an
die gleiche Zeit, so dass ich nicht vergessen, später.
Und dann lassen Sie angeben, dass der Körper dieser Seite sollte eine CSS haben
Eigenschaft text-align ist Zentrum.
Lassen Sie uns nun diese Seite zu speichern, laden Sie die Browser, und sehen, was die Wirkung ist.
>> Nachladen in meinem Browser -
keine Wirkung.
Aber keine Wirkung beabsichtigt war.
Wir sind einfach zu verbessern diese Seite Design.