Hallo, ich bin Dr. Brown. Und in diesem Kapitel Wir werden einen Blick auf die Grundlagen von HTML werfen, oder Hypertext-Auszeichnungssprache, CSS, Cascading Style Sheets, und eine Einführung in die Java-Programmierung. Beginnen wir mit einem Blick auf die Hypertext-Auszeichnungssprache, das ist die Grundlage aller heute erstellten Websites. HTML ist eine Textauszeichnungssprache das aus einer Reihe definierter Tags besteht. Diese Tags werden verwendet, um den Inhalt einer Webseite zu strukturieren. Wir werden den hier gezeigten Notepad++-Editor verwenden um unsere allererste Webseite zu erstellen. HTML-Seiten haben eine definierte Struktur das eine Reihe von offenen und geschlossenen Tags verwendet die zum Markieren von Text verwendet werden auf unserer Website anzuzeigen. Wir werden mit der Feststellung beginnen welche Art von Dokument wir erstellen mit dem DocType-HTML-Tag. Wir haben also den DocTyped-Bezeichner als HTML-Dokument eingegeben. Alle Tags sind in ein offenes und geschlossenes Caret-Symbol eingeschlossen. Als nächstes geben wir das nächste Tag ein, das ist das HTML-Tag, die den Körper unserer Webseite enthält. Wie bereits erwähnt, haben alle öffnenden Tags ein schließendes Tag. Allen schließenden Tags wird der Schrägstrich vorangestellt, also die Inhalte der restlichen Website wird in dieses offene und geschlossene HTML-Tag eingeschlossen. Als nächstes werden wir spezifizieren, dass wir einen Körper zu dieser Webseite haben durch die Verwendung des Body-Tags. Denken Sie daran, alle Inhalts-Tags muss ein öffnendes und ein schließendes Tag haben. Da wir die Inhalte unserer Webseite aufbauen, Alle diese Inhalte werden im Körper eingeschlossen. Als Nächstes möchten wir die Hintergrundfarbe unserer Webseite ändern von weiß bis taubenblau. Also legen wir die Hintergrundfarbe des Stilattributs fest innerhalb des Body-Tags zu Puderblau. Was wir also getan haben, ist innerhalb des Body-Tags, Wir haben die Hintergrundfarbe des Stilattributs eingestellt zu taubenblau. Jetzt können wir damit beginnen, Text auf unserer Webseite zu platzieren. Also geben wir den Text ein, das ist meine erste Webseite, aber wir werden es als Kopfzeile der Ebene 1 eingeben mit einem Header-Tag der Ebene 1. Und wir werden diesen Text auch auf unserer Seite zentrieren indem Sie das Center-Tag verwenden. In Ordnung, wir sehen also hier, wir haben das H1, Header 1-Tag, das schließende H1-Header-Tag. Wir haben das Center-Tag, wodurch dieser Text auf unserer Seite zentriert wird, und das schließende Center-Tag. Ich kann Tags in einer einzelnen Zeile stapeln. Wir müssen uns nur daran erinnern, dass unsere schließenden Tags wird in umgekehrter Reihenfolge sein. Wir wollen nun eine weitere Textzeile eingeben als Level-2-Header mit dem Level-2-Header-Tag. Auch das wollen wir zentrieren. Dieser Text wird sagen, oh die offene Straße. Wie wir hier sehen, haben wir einen Level-2-Header, der zentriert ist. Der Text wird sagen, oh die offene Straße. Wir haben unser Closing-Center-Tag gefolgt von unserem schließenden Header 2-Tag. Schließlich wollen wir ein Bild auf unserer Website einfügen denn keine Website ist komplett ohne ein Bild. Wir werden also das Straßen-JPEG-Bild verwenden in den Kursunterlagen enthalten, und wir werden dies auch auf der Seite zentrieren. Wir werden das Bildquellenattribut setzen sowie der alternative Text, die Breite, und die Höhe des Bildes. Das Bild muss sich im selben Ordner befinden B. wo die Webseite gespeichert wird, damit sie gefunden werden kann. In Ordnung, wir werden sehen, dass wir das Zentrum haben, erneut, um das Bildattribut zu zentrieren. Quelle ist auf Straße eingestellt, also JPEG. Der alternative Text lautet Straße. Die Breite beträgt 500 und die Höhe 600. Und diese sind in Pixeln. Jetzt können wir unsere neue Webseite speichern und ausführen. Wir müssen sicherstellen, dass wir die Webseite speichern als HTML-Dokument. Also ändern wir unseren Speichern unter-Typ in HTML. Und wir werden dies Meine erste Webseite nennen. Und wir können die Datei speichern. Eine Sache, die Notepad++ tut hebt es einige Ihrer Keywords hervor, wie style, source, alt, width und height, lässt Sie wissen, dass Sie dies richtig formatiert haben. Also werden wir jetzt unsere erste Webseite betreiben. Wir müssen die Datei finden, die wir gespeichert haben, und wir müssen den Dateityp in Alle Dateien ändern damit es unsere HTML-Datei findet. Und wir wählen MyFirstWebPage.html. Und wir können sehen, dass wir unsere allererste Webseite erstellt haben. Wir haben den Kopfzeilentext der Ebene 1 die besagt, dass dies meine erste Webseite ist. Wir haben den Kopfzeilentext der Ebene 2, Oh The Open Road, und wir haben unser Bild auf unserer Seite zentriert. Danke fürs Beitreten. Als nächstes werden wir in Cascading Style Sheets eingeführt und deren Verwendung in unserer Webentwicklung.