HTML-Aktivitäten

September 14

Aktivitäten, die Ihnen helfen verstehen und Anwendung mit HTML Erstellen einer Vorlage, Inhalt hinzufügen, Formatieren von Inhalten, Links einfügen und Positionieren von Elementen. Jede dieser Tätigkeiten bietet viele Projekte für den Bau der Kenntnisse in HTML. Betrachten Sie zur Ergänzung Ihrer HTML-Aktivitäten mit Projekten, die Fokus-CSS-Fähigkeiten, die lassen Sie stilisieren und formatieren Sie Webseiten zu. Auch arbeiten Sie an Projekten, die JavaScript verwenden, so können Sie schreiben Programme, die Interaktion mit den Lesern Ihrer Seite.

Sie aus einer Vorlage

Eine HTML-bezogene Aktivität geeignet für neue Web-Programmierer ist eine Vorlage-Webseite zu erstellen, die Sie später zu Inhalt hinzufügen können. Um solch eine Vorlage zu erstellen, fügen Sie die HTML-Anweisungen, die nach diesem Abschnitt in ein neues WordPad oder Editor-Dokument ein, dann speichern Sie das Dokument mit beliebiger Dateiname Endung "HTML" oder "HTM".

< html >< Head >< Körper >< / body >< / html >

Hinzufügen von Inhalten

Eine Aktivität, die wesentlich zum Erlernen von HTML ist das Hinzufügen von Inhalten zu einer Webseite. Hinzufügen von Text zu der Body-Bereich eines HTML-Dokuments ist eine der einfachsten Möglichkeiten, um Inhalte hinzuzufügen. In der Tat, erfordert Ihr Browser HTML-Interpreter keine HTML-Tags im Body-Tag-Inhalte anzeigen. Geben Sie einfach einen Text irgendwo zwischen der "< Body >" und "< / Body >" Schlüsselwörter einer beliebigen Web-Seite. Beim Laden der Seite in Ihrem Web-Browser sehen Sie unformatierten Text.

Formatieren von Inhalten

Nachdem Sie lernen, die Inhalte einer Webseite hinzufügen, erfahren Sie, dass der Inhalt zu formatieren. Formatierung Aktivitäten umfassen, Fettdruck, Kursivdruck und Unterstreichung auf Text anwenden; Ändern von Schriftart und verwandte Aufgaben. Informationen Sie zum Ändern der Schriftart eines Absatzes in ein HTML-Dokument, beginnend mit die folgenden Beispiel-Anweisung in eine Webseite einfügen.

< p Style = "Schriftart-Familie: Courier" > Text </p >

Um zu sehen, wie die Seite aussieht in verschiedenen Schriftarten, ersetzen Sie den Namen der Schriftart "Helvetica" durch den Namen von anderen Schriftarten wie z.B. "Times New Roman" oder "Arial." Eine Liste der anderen Schriften zu versuchen klicken Sie auf die Windows-Schaltfläche "Start", dann "Fonts" im Befehlsfeld.

Links hinzufügen

Die meisten Webseiten ermöglichen es Benutzern, die auf andere Seiten, einschließlich Seiten auf einer anderen Website zu navigieren. Aktivieren der Navigation umfasst das Einfügen von Hyperlinks mit dem HTML-Anker-Tag. Die folgende Beispiel-Anweisung ist ein Hyperlink, die Sie ändern können, um Ihre Bedürfnisse anzupassen. Ersetzen Sie das Tag "Hier LINK-TEXT" Text mit dem Text der Link anzeigen soll. Um die Seite anzugeben, der den Link zu gelangen, geben Sie über den "SOME-URL"-Text mit einer gültigen URL.

< a Href = "http://www.SOME-URL.com & Quot; > hier LINK-TEXT </a >

Positionieren von Elementen

Nach dem Abschluss Projekte erfahren Sie die Grundlagen der HTML-Code sollten Sie für die Erstellung komplexer Seiten. Dies umfasst die Verwendung von CSS-Stil-Codes machen Ihre Webseiten genauso gewünschten Aussehen machen. Eine Aktivität, bei der CSS-Codes in HTML-Tags zu schreiben, ist ein HTML-Element auf eine Bildschirmposition Positionierung, die Sie angeben. Sie können diese Tätigkeit durch Einfügen des Beispielprogramms Bearbeitung dieses Abschnitts in ein neues HTML-Dokument, dann öffnen das Dokument in einem Browser ausführen. Diese Beispielseite verwendet den HTML-Style-Tag die horizontale und vertikale Position eines Absatzes fest. Ändern Sie die Werte für Left und Top experimentieren mit den Absatz an verschiedenen Punkten auf der Seite platzieren.