HTML lernen Grundlagen | Laurence Svekis | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

19 Einheiten (1 Std. 50 Min.)
    • 1. GettoknowHTML

      1:30
    • 2. 1 HTML und -Tools kennen lernen

      3:54
    • 3. 2 Erstellen und aktualisieren deiner ersten HTML-Datei

      6:35
    • 4. 3 Erstellen Sie grundlegende HTML-Struktur

      5:07
    • 5. 4 Erstellen einer Default

      6:31
    • 6. 6 Überschrift für mehr lesbare Inhalte

      6:36
    • 7. 7 Absätze und Line

      6:39
    • 8. 8 Listen in HTML erstellen

      5:39
    • 9. 10 Hyperlinks und Lesezeichen

      8:53
    • 10. 11 Arbeiten mit Bildern

      5:14
    • 11. 13 Tabellen erstellen

      4:44
    • 12. 14 CSS-Styling in HTML

      9:23
    • 13. 15 Divs und Spalten in HTML für eine bessere Struktur

      7:13
    • 14. 16 semantische HTML5-Elemente

      4:37
    • 15. 18 HTML-Formulare

      8:28
    • 16. 20 Form

      6:40
    • 17. 21 CSS-Dateien

      4:45
    • 18. 22 Was ist JavaScript

      5:06
    • 19. 23 HTML

      2:51
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

399

Teilnehmer:innen

--

Projekte

Über diesen Kurs


Schritt für Schritt Einführung in HTML Entdecke HTML-Codierung und wie du mit dem Erstellen deiner eigenen Webinhalte beginnen kannst, ist das Fundament des Internets. Das Erlernen von HTML-Code ist der Ausgangspunkt für das Erstellen eigener Webseiten und das Erstellen von HTML-formatierten Webinhalten

Einfacher und umfassender Leitfaden für Anfänger, die HTML lernen möchten und wie man es benutzt. Dieser Kurs führt dich durch alle gängigen Elemente des front-end und der Webentwicklung im Vordergrund

Dieser Kurs ist perfekt für Anfänger zur Erstellung von Webseiten geeignet. Lerne HTML-Code von Grund auf zu erstellen.

Treten Sie in den Kurs ein und du wirst feststellen, dass HTML einfach anfangen kann mit allen Ressourcen und Links, die du brauchst. Alles ist inbegriffen, damit du schnell you


Entdecke HTML-Tags heraus, was sie tun
doLearn Sie die Grundlagen von
HTMLSee Sie, wie HTML-Elemente verwendet werden können, um deine Webseite zu strukturieren und zu design
HTMLLearn wie du Tabellen, Listen, Formulare und
dein eigenes wiederverwendbares tables, kannst, was es mit
HTML5HTML5 für modernes Webdesign
HTML Bilder und Links zu deinen
Webinhalten to Kurs wird dir beibringen, wie du Webseiten erstellen und
entwickelst.

Ich stehe hier, um dir zu helfen und bereit zu stehen, alle Fragen zu beantworten, die du vielleicht hast. Wenn du bereit bist, jetzt beitreten und beginnst mit dem Lernen, deine eigenen Websites zu erstellen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Laurence Svekis

Best Selling Course Instructor

Kursleiter:in

Web Design and Web Development Course Author - Teaching over 1,000,000 students Globally both in person and online.    Google Developer Expert since 2020 GDE

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I create... Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. GettoknowHTML: html ist die Grundlage des Internets. Das Erstellen von HTML-Code ist der Ausgangspunkt, um eigene Webseiten zu erstellen und HTML-formatierte Webinhalte zu erstellen. Einfacher und umfassender Leitfaden Für Anfänger, die mehr über HTML lernen möchten und lernen möchten, wie man es benutzt, führt dieser Kurs Sie durch alle gemeinsamen Elemente von jedem zu schmelzen, umreißt Front-End-Webdesign und Web Entwicklung. Dieser Kurs ist perfekt für Anfänger. Möchten Sie ein wenig mehr über die Erstellung von Webseiten? Lernen Sie, HTML-Code von Grund auf neu zu erstellen. Treten Sie in den Kurs und Sie werden feststellen, dass HTML einfach zu beginnen ist. Wir stellen Ihnen alle Ressourcen und Links zur Verfügung, die Sie benötigen. Alles ist enthalten, damit Sie schnell loslegen können, HTML-Tags zu erkunden, zu sehen, wie und was sie tun können. Lernen Sie die Grundlagen der HTML-C-HTML-Elemente kennen und wie sie verwendet werden können, um Ihre Webseite zu strukturieren . Lernen Sie HTML kennen. Erfahren Sie, wie Sie Tabellen, Listen, Formulare und vieles mehr erstellen Listen, . Erstellen Sie Ihre eigene wiederverwendbare HTML-Vorlage. Erfahren Sie, was mit HTML five neu ist. Html. Five ist bereit für das moderne Website-Design. Hier erfahren Sie, wie Sie Bilder und Links innerhalb Ihrer Webinhalte hinzufügen können. In diesem Kurs erfahren Sie, wie Sie Webseiten erstellen und entwickeln. Ich bin hier, um Ihnen zu helfen, etwas über HTML zu erfahren und bereit, alle Fragen zu beantworten, die Sie haben. Also, worauf wartest du? Fang an zu lernen. Erstellen Sie Ihre eigenen Webseiten heute Join jetzt. 2. 1 HTML und -Tools kennen lernen: in dieser Lektion werde ich Ihnen einen kurzen Überblick über einige Ressourcen und Tools geben, die wir in diesem Kurs verwenden werden, um HTML-Code zu erstellen. Das Gute an HTML-Code ist also, dass er tatsächlich nur in Ihrem Browser läuft. So html CSS, die für das Styling von Webseiten in Javascript verwendet wird, die für die Erstellung dynamischer Interaktion für Webseiten verwendet wird. All dies wird gerendert und durch Ihren Browser ausgeführt, so dass Sie keine speziellen Werkzeuge benötigen , um HTML zu erstellen und zu üben. Also, das ist wirklich die gute Nachricht. Und in der Tat, solange Sie einen Chrome-Browser haben, können Sie tatsächlich ein Update Ihren HTML-Code direkt in Ihrem Browser erstellen. Also das erste, was wir tun müssen, ist tatsächlich eine HTML-Datei zu erstellen, und wir werden beginnen, indem wir Index dot html erstellen. Und das wird im Wesentlichen unsere Standarddatei sein, die der Browser wissen wird, um zu gehen und einen Inhalt auf unserer Webseite zu rendern. Eso Wir zeigen Ihnen, wie Sie Ihre eigene Indexseite in der nächsten Lektion erstellen können. Also, um über die verschiedenen Werkzeuge, die es gibt, zu beenden. Es gibt also viele verschiedene kostenlose Editoren. Sie haben wahrscheinlich bereits etwas auf Ihrem Computer, das Sie verwenden können, um HTML-Code zu rendern und zu erstellen. Wenn Sie nach einem guten Texteditor suchen, die Open Source von Adobe zur Verfügung gestellt wird, so dass keine Kosten dafür. Und es ist ein wirklich guter Editor, wenn Sie anfangen, und Sie können Ah, viele wirklich coole Dinge mit diesem Editor erstellen . So, wie Sie hier sehen können, können Sie etwas HTML schreiben. Sie können Ihre CSS-Rate auch innerhalb der Zeile aktualisieren und vieles mehr Also dies ist in Klammern Io verfügbar und ich werde Klammern verwenden. Ich schulde meine Klammer Anwendung innerhalb dieses Kurses auf Swell und eine andere wirklich gute Ressource . Etwas wird mit ist Code Pen i o. Und die wirklich coole Sache über Code Stift ist, dass es mir erlaubt, HTML-Code zu schreiben, und ich kann tatsächlich sehen, dass es eine Rate innerhalb der Seite unten oder innerhalb des Anzeigebereichs gerendert . Und wie bereits erwähnt, sind CSS und JavaScript auch alle innerhalb des Codestifts und was auch immer wir in unserem CSS eingeben . Nachdem Sie sich HTML angesehen haben und Sie die Grundlagen von HTML verstehen, könnten Sie zu CSS und in etwas Styling und dann natürlich JavaScript für eine dynamische Interaktion vorankommen natürlich . Und wie Sie hier sehen können, was? Wir konzentrieren uns in diesem Kurs auf HTML. Also habe ich ein paar grundlegende HTML da drin. Ich kann auch die Ansichten hier ändern. Also, wenn ich hier im Anzeigebereich auf der rechten Seite eine Seitenansicht haben möchte, kann ich das auch tun. Sie können auch das CSS und JavaScript minimieren und sich wirklich nur auf diesen HTML-Code konzentrieren. So wie Sie sehen, was auch immer Sie hier auf der linken Seite, dann sehen Sie hier in der rechten Seite angezeigt werden. Also alle Änderungen oder jede HTML-Syntax Und natürlich werden wir diese jeweils abdecken. Also das ist Überschrift eins eso Es gibt verschiedene Arten von Überschriften und diese Luft nur Pre-Stile für den Ausgabetext. Und wie Sie sehen können, sobald ich hier auf der rechten Seite tippe, können Sie auch hier auf Code-Stift speichern und dies gibt Ihnen die Möglichkeit, zu einem späteren Zeitpunkt zugreifen . Denken Sie daran, wenn Sie die kostenlose Version verwenden, dass dies öffentlich zugänglich ist. Also im Grunde, das sind die Ressourcen, die wir verwenden werden. Also Code Stift und Klammern io und wir werden erstellen und auch Chrome als unseren Browser und diese alten einzigen Werkzeuge, die wir brauchen, um Ihnen zu zeigen und zu demonstrieren, wie auch Sie anfangen können , Ihren eigenen HTML-Code zu schreiben. der nächsten Lektion werden wir sofort eintauchen und anfangen, HTML-Code zu erstellen indem wir unsere erste HTML-Vorlage erstellen. 3. 2 Erstellen und aktualisieren deiner ersten HTML-Datei: dieser Lektion, werde ich Ihnen zeigen, wie Sie eine HTML-Vorlage erstellen, und wir werden in die Grundlagen dessen, was HTML ist zu bekommen. Also, zunächst einmal müssen wir tatsächlich eine Datei erstellen, um unsere Inhalte in Also ich bin auf einem Windows-Rechner zu schreiben . Dies ist, wo ich meine Index-Seite meine Index-Punkt-HTML-Seite erstellen werde eso wir müssen diese Anfangsdatei erstellen, die unseren HTML-Inhalt halten wird, so dass wir über den ausgestellten Browser zu dieser Datei gehen können und tatsächlich C r HTML-Inhalt sichtbar innerhalb auf unserer Seite. So haben Sie wahrscheinlich bereits die Tools in Ihrem Computer, um eine Datei zu erstellen. Wenn Sie dies nicht tun, dann können Sie voran gehen und Klammern verwenden und einfach alles, was wir tun müssen, um zu beginnen, ist eine Marke zu erstellen, die Sie ablegen . Also werde ich nur eine brandneue Datei erstellen, und jetzt werde ich diese Datei speichern ist eine völlig leere Datei, und ich öffne sie. Stellen Sie also sicher, dass Sie den richtigen Pfad dort haben, dass Sie ihn auch speichern. Also speichere ich es, und eine gute Praxis, in die wir immer noch beginnen acht und Ihre erste Seite, auf der Sie Ihre Website abschleppen wollen, sollte Index dot html genannt werden. Vor allem, wenn Sie eine HTML-Seite machen. Hier wird der Server verstehen, dass dies die Routenseite ist, und wenn keine andere Seite als standardmäßig angegeben ist, wird dies angezeigt. Das ist also für den Fall, dass der Server läuft und nach einem Startpunkt für Ihre Domain sucht . Es wird sich diese Indexdateien ansehen, um es zu starten, einen Ausgangspunkt für Ihre Datei zu finden. Also, jetzt, da wir das erstellt haben, können wir gehen und wir können es in unserem Browser zugreifen und wie wir sehen, dass noch nicht viel passiert , weil wir noch keinen HTML-Code auf unserer Seite haben. Wie ich schon sagte, gibt es verschiedene Möglichkeiten, wie Sie mit Ihrem Code s arbeiten können, damit wir weitermachen können und wir ihren Editor schwächen Typinhalt in den Editor öffnen können, damit ich anfangen kann, einige Inhalte hier einzugeben . Ich sage, ich könnte es hier gehen, aktualisieren, und ich kann sehen, wie mein HTML-Code innerhalb der Seite ausgegeben wird und Sie sagen wahrscheinlich: Nun, Nun, warte eine Minute. Dies ist ein HTML-Code, weil alles, was Sie getan haben, ist eine Datei namens Index dot html erstellt, gegeben Erweiterung von HTML und geben Sie einfach hallo Welt. Das ist also wahr, weil die Art und Weise, wie der Browser tatsächlich funktioniert, ist, dass, wenn er diese Erweiterung HTML sieht, dann weiß er, dass es versuchen sollte, dies als HTML-Code zu rendern. Und wenn es keinen HTML-Code gibt, der diesen Code umschließt, liest es nur diesen als regulären Text, den Sie innerhalb Ihrer Webseite ausgeben möchten. Und deshalb sind wir in der Lage, die Hallo Welt zu sehen, wie ich sie eingegeben habe. Eines der Dinge, die ich Ihnen auch zeigen möchte, ist, wie Sie Ihren Code direkt in Ihrem Browser aktualisieren können . Speichern Sie diese Datei, damit Sie sehen können, was angezeigt wird. So ähnlich wie das, was wir gesehen haben Code Stift, wo wir sehen können und wir konnten einige Updates machen, und dann könnten wir es einfach aktualisieren, so dass wir nicht immer zwischen unserem Browser und unserem Editor hin und her drehen müssen. Also gehen Sie vor und öffnen Sie die Datei, die Sie Index dot html erstellt haben, so dass es völlig leer sein könnte . Öffnen Sie es in Ihrem Browser, und hoffentlich haben Sie Chrome auf Ihrem System installiert. Und wenn Sie es nicht tun, dann ist Chrome ein wirklich guter Browser, um zu installieren, weil es Ihnen eine Menge Flexibilität gibt. Eso Lassen Sie uns voran gehen und öffnen Sie diese Datei in Chrome und in Chrome. Wir haben, was man unsere tauben Werkzeuge nennt, und Sie können das wieder öffnen. Ich bin auf einem Windows-Rechner, einige Steuerverschiebe I. Aber Sie können das auch innerhalb von Max öffnen. Sie können hier in die Einstellungen gehen, und Sie könnten unter mehr Tools gehen, und Sie haben auch Entwicklertools. Also eine Reihe von verschiedenen Möglichkeiten, um auf die gleiche Konsole zuzugreifen. Und wenn Sie auf diese Entwicklertools klicken, werden Sie sehen, dass Sie dieses Entwickler-Dashboard haben, das geöffnet wird, und sie haben eine Reihe Registerkarten. Hier oben haben Sie Elemente, also sehen wir im Grunde unter Elementen all unseren Code. Also habe ich es auch größer gemacht, um, also ist es besser, es in diesem Kurs zu sehen. Aber innerhalb von Elementen unter dem Elemente-Tag können Sie sehen, dass Sie den gesamten Quellcode dort haben, also ist es automatisch wie zuvor erwähnt, also ist es automatisch wie zuvor erwähnt, obwohl ich das nicht im Quellcode habe, versucht es tatsächlich fügen Sie einige h zwei mil, und ich werde dies erklären, sowie wir Fortschritte durch den Kurs oder für wir Fortschritte durch die Lektion. Es gibt also eine Reihe von anderen wirklich wichtigen Registerkarten hier in Browser-Tools, und andere, die wir betrachten möchten, sind Quellen, also gibt Ihnen einen vollständigen Pfad, wo sich Ihre Datei befindet. So sehen wir, dass diese Datei befindet sich auf meinem KK Drive unter dem Ordner Websites unter Folder Course, und es heißt index dot html. Also gibt es mir den vollständigen Pfad, und das wirklich coole Ding an Chrome ist, dass ich meinem Arbeitsbereich einen Ordner hinzufügen kann. Also habe ich hier mit der rechten Maustaste darauf geklickt, damit Sie einfach darauf klicken und Ordner zum Arbeitsbereich hinzufügen auswählen können. Und sobald wir das tun, also keine Notwendigkeit, sicherzustellen, dass wir den Ordner angeben, den ich hinzufügen wollte. Also gehen wir den ganzen Weg runter zum Ordner und klicken Sie einfach auf OK, und es wird Sie bitten, Ihnen Zugriff darauf zu geben. Eso stellen Sie sicher, dass Sie keine unsensiblen Informationen verfügbar machen, da dies jetzt über den Browser kommuniziert werden wird. Also werde ich voran gehen und sitzen wählen erlauben. Jetzt kann ich zu den verschiedenen Ordnern gehen, die ich hier hinzugefügt habe, ich kann diese Indexdatei auswählen, damit ich diese schließen kann, weil wir jetzt von diesem arbeiten können , und ich kann voran gehen und ein Update machen. Sagen Sie das. Aktualisieren Sie es und ich habe mein Update live. Also sind wir alle eingerichtet und bereit, jetzt zu gehen, um mit der Eingabe von HTML-Code zu beginnen. Und natürlich, wenn Sie mit Ihrem Editor arbeiten möchten, können Sie auch damit arbeiten. Es spielt also keine Rolle, wo Sie Ihren HTML-Code platzieren, weil es dieselbe Datei sein wird . Dies ist also nur verschiedene Möglichkeiten, wie wir auf die Datei zugreifen und unseren HTML-Code eingeben können. Also in der nächsten Lektion werden wir in das Starten unserer Seitenvorlage springen. Dies wird also eine Standardvorlage sein, die wir immer und immer wieder verwenden können, und wir können diese verwenden, um unseren HTML-Code besser zu strukturieren. Es kommt also in der nächsten Lektion auf. 4. 3 Erstellen Sie grundlegende HTML-Struktur: In der letzten Lektion haben wir gesehen, wie wir auf unsere neu erstellte HTML-Datei zugreifen können, und wir haben gesehen, wie wir den Inhalt dieser Datei auf verschiedene Arten und innerhalb der Lektion aktualisieren können. Innerhalb der nächsten Lektionen, Ich bin eigentlich mit meinem Chrome-Browser in, um meinen HTML zu aktualisieren ,weil auf diese Weise , können wir tatsächlich sehen, was hier auf der Live-Seite s passiert. Oh, das wird ein guter Weg sein, dass. Wir müssen nicht wirklich zwischen dem Editor und was unsere HTML-Codeausgabe wird es auch hier etwas größer machen, so dass wir eine bessere Vorschau davon haben können, was hier angezeigt wird, so dass wir sehen, dass Wir haben den vollen Weg dort. Hier können Sie auch Ihren Editor verwenden. Eso Es spielt keine Rolle, weil alles, was wir tun, ist, in diese HTML-Datei zu schreiben. Also jedes gute jede Mel Datei braucht etwas HTML-Code. Lassen Sie uns also anfangen, etwas Code zu erstellen. Und wir sahen hier, wenn wir uns den Quellcode ansehen, dass die Browser dies tatsächlich rendern , es richtet dies innerhalb einer HTML-Struktur ein Also haben wir diese HTML-Öffnung HTML schließen. Wir haben diesen Kopf zu öffnen, Kopf zu schließen, Körper zu öffnen und Körper zu schließen. Und das ist, was ist Dies ist die Luft die Grundlagen dessen, was HTML ist. Wir haben einen Siris, der Tags öffnet und schließt, und es baut im Wesentlichen eine Struktur auf. Also all unsere HTML-Inhalte überall im HTML-Code gehen zwischen den beiden öffnenden und schließenden HTML-Tags, die wir haben ah, Kopf Abschnitt. Also der Kopfbereich enthält Meta-Informationen Titel Links zu einigen Styling und so weiter. Hier platzieren Sie also alle Informationen, die im Wesentlichen der Browser verwenden würde , um diesen Seiteninhalt zu rendern. Und dann würde der Seiteninhalt zwischen Körper sitzen, also zwischen dem öffnenden Körper und der schließenden Körpersteuer . So ist dies die richtige jede Tempelstruktur für diese hallo Welt zu. Also lasst uns weitermachen und unseren Code aktualisieren, um das besser zu reflektieren, und wir werden nichts anderes sehen. Alles, was wir tun werden, ist, dieses HTML als HTML-Tags zu formatieren, indem wir diese hinzufügen und eine wichtige Sache, die Sie hier mit HTML-Tags beachten müssen. Die Groß-/Kleinschreibung wird nicht beachtet, also könnte ich so etwas wie Kleinbuchstaben machen. Ich kann Großbuchstaben machen, damit das wirklich keine Rolle spielt. Aber aus guter Praxis sehen Sie es meistens als Kleinbuchstaben, weil dies der beste Weg ist, um zu formatieren. Es ist so, dass Sie nicht alle diese Großbuchstaben haben möchten. Halten Sie sich also an den Kleinbuchstaben, obwohl es ist, es spielt keine Rolle, welchen Fall Sie verwenden. Halten Sie sich an den Kleinbuchstaben, wenn Sie Ihren HTML-Code schreiben. Nur Best Practices. Auch hier werden wir meinen Körper aufstellen, also wickeln Sie ihn mit schließendem Körper ein. Also, was? Die Idee auch? Bedenkt das nur im Hinterkopf? Wenn Sie ein Tag öffnen, stellen Sie sicher, dass Sie es schließen. Also gehen wir hin. Also, jetzt haben wir im Wesentlichen, wir haben unser HTML in dem gleichen Format geschrieben, wie unser Browser erwartet, dass es aussieht woher es einige Inhalte hier in der Mitte rendert, so dass, wenn ich es aktualisiere, wir tatsächlich nichts sehen anders. Wenn ich in meinen Editor gehe, sehen wir, dass wir es angemessen gestylt haben und eines der Dinge über Redakteure eines der wirklich coolen Dinge an Editoren ist, dass sie einige zusätzliche Funktionen haben. Also Sachen, die Sie nicht in den Browser bekommen und Sie sehen, dass wir diese Öffnen und Schließen Chevron's haben , die die verschiedenen geöffneten und geschlossenen Tags öffnen und schließen können . Und das ist ein besserer Weg, um Ihnen einen schnellen Überblick über HTML zu geben. Also lassen Sie uns einfach noch einmal abdecken, was wir in dieser Lektion behandelt haben. Wir wissen, dass mit HTML-Tags, in denen wir Tags einrichten und innerhalb jener Tags, in denen wir Inhalte haben , und Sie bemerken, dass wir Tags in anderen Tags verschachtelt haben. Der HTML ist also das übergeordnete Tag, und das hilft dem Browser zu verstehen, dass er hier einige HTML-Inhalte erwartet und das erste, was auf seinen Kopf schauen wird. Es wird also durchschauen, welche Inhalte du innerhalb des Kopfbereichs platziert hast. Also, wenn du etwas hier drin hast, hast du hier deinen Kopfinhalt, und dann geht es weiter zur Leiche. Also drei wesentliche Stücke, ein mittlerer Container in wesentliche Teile zu einer HTML-Seite und zu Ihrer HTML-Struktur. In der nächsten Lektion zeigen wir Ihnen, wie Sie einige zusätzliche Meta-Informationen hinzufügen können und wie Sie einige Kopfinformationen hinzufügen können , damit der Browser tatsächlich etwas mehr zu konsumieren hat und um tatsächlich besser zu verstehen, was Typ des HTML-Dokuments und was es erwarten könnte, zu rendern. Das ist also, was in der nächsten Lektion auftaucht. 5. 4 Erstellen einer Default: in der vorherigen Lektion haben wir Ihnen HTML-Tags vorgestellt. Wir haben gesehen, dass Tags einen öffnenden und einen schließenden Inhalt haben, der zwischen diesen Tags verschachtelt ist. Also dieser Inhalt zwischen den Tags, dies wird jetzt als ein Element betrachtet, weil es Inhalt hier hat und alles darin Teil dieses Elements ist, so dass jedes Team L-Elternelement mehrere andere Tags darin verschachtelt hat. Es hat also ein paar Kinder hier drin, also hat es den Kopf, es hat den Körper, und das ist die Standardstruktur jeder HTML-Seite. Und jetzt lassen Sie uns einige weitere Besonderheiten in den Inhalt hinzufügen. Das wird also eigentlich nicht etwas sein, das vom Benutzer konsumiert wird. Aber das ist eigentlich dazu gedacht, dem Browser zu helfen, besser zu verstehen, was wir Ausgabe wollen und welche Art von Inhalt er tatsächlich erwarten kann. Also in der Regel innerhalb einer Webseite müssen Sie DOC-Typ und Doc-Typ Hilfe hinzufügen angeben, welche Art von Dokument es ist Jetzt weiß ich, dass wir Schnee, dass es ein HTML-Dokument durch diese Erweiterung ist, aber auch DOC-Typ kann angeben, welche Version von HTML der Browser sein sollte erwartet, wenn es das rendert Und wenn wir doc-Typ HTML angegeben haben, ist dies im Wesentlichen der neueste HTML-5-Dokumenttyp. Also im Grunde ist dies nur eine versteckte Nachricht an den Browser. Wenn es die Datei liest, um zu sagen, OK, ich weiß, was ich hier erwarten sollte. Ich erwarte HTML fünf Inhalte. Als nächstes werden wir in den Kopfbereich gehen, und oft werden Sie sehen, dass Sie diese Art von Baumstruktur haben, wo Sie dies in Dent haben, wo Sie verschachtelte Tags zwischen den übergeordneten Tags eingerückt sind, und so ist dies für die Lesbarkeit getan. Also, wenn wir hier eine Reihe von Inhalten haben, wo wir die Tags öffnen und schließen, wollen wir diesen Inhalt hier verschachteln und dies ist wieder für die Lesbarkeit macht viel lesbarer und leichter zu verdauen. Vor allem hat er eine Menge gealterter Akkord, so dass man schnell nachsehen und sagen kann: Okay, Okay, nun, das ist der Kopf. Hier ist das Offen. Hier ist die Nähe. Also haben wir es auf diese Art von hier zu liegen scheinen, also wissen wir, dass jeder dieser Luft sich öffnet und schließt diese Luft mit den gleichen Linien, die wir erwarten können, dass wir einen schließenden Körper erwarten können, wenn wir den offenen Körper auf dieser Linie haben. also wieder in den Kopf gehe, gibt es auch einige Meta-Informationen, die ich erwähnt habe, und Meta-Informationen helfen dem Browser, besser zu verstehen, was zu erwarten ist. Welche Art von Ausgabe zu erwarten. Wir wissen also, dass es verschiedene Zeichensätze geben kann. Also, weil jeder Tim-Off-Code universell ist, wissen wir, dass wir manchmal nicht schreiben englische Zeichen, und hier können Sie angeben, welche Art von Zeichen X sagte, die Webseite sollte auf der Ausgabe eso meta Informationen erwarten. Wir können auch Dinge wie eine Seitenbeschreibung einschließen. Wir können Schlüssel tragen Autor und so weiter, so werden Sie sehen, dass einige dieser Sachen wird häufig in Webseiten enthalten. Sehen wir uns das hier drüben an? Also haben wir unseren Meta-Zeichensatz utf acht. Es ist auch die Angabe eines View-Port, Also ist dies für mobile Geräte, um Ihre Webseite mawr flexibel und reaktionsschnell auf verschiedene Größen zu machen . Wir sehen auch, dass wir alle diese Meta-Eigenschaften haben, so dass alle diese Informationen dies sind Meta-Informationen, um mit Social Media Tracking zu helfen. Also, wenn wir die Seite teilen und Facebook oder Twitter sieht die Webseite, sie können diese Informationen den Inhalt der Seite wirklich leicht herausziehen. Deshalb ist all das Zeug enthalten. Es weiß also, dass es wie eine ganze Menge Informationen aussieht, aber es ist im Wesentlichen repetitiv, und es hilft im Wesentlichen, alle Anwendungen zu führen, die auf Ihrer Webseite aussehen könnten . Und wir sehen auch, dass wir Links zu externen Dateien, einigen Quelldateien und so weiter. Und das ist der Großteil von dem, was in den meisten Teilen des Kopfes jeder Webseite enthalten ist. Und wir sehen auch eine weitere hier, wo wir Titel haben. Und so ist Titel eine andere Sache, die wirklich wichtig ist, in jeder Website enthalten. Also bemerken Sie hier oben in der linken Ecke. Mein Tab hat nur den Dateinamen, und es tut das, weil wir tatsächlich keinen Titel gesetzt haben. Also werde ich ihm einen Titel von gelerntem HTML geben und wir werden das abschließen und das sagen. Und jetzt, wenn ich es auffrische, schau zu, was hier oben passiert. Wir sehen, dass wir jetzt haben lernen html. Obwohl ich weiß, dass ich sagte, dass der Kopf Inhalt Es wird nicht für den Benutzer sichtbar sein. Der Titel ist hier die einzige Ausnahme, da der Titel auch innerhalb der Meta-Informationen verwendet wird . Deswegen sitzt es im Kopf. Und deshalb sind wir in der Lage, es zu sehen, weil es ein Titel ist. Sie können es auch sehen, wenn Suchmaschinen Ihre Datei indizieren. Viele Male werden sie es einrichten und diesen Titel verwenden, um diese Seite darzustellen. Also für S E O Zwecke ist der Titel auch wirklich, wirklich wichtig. Diejenigen von Ihnen, die nicht mit S. E. O S CEO vertraut E. sind, sind Suchmaschinenoptimierung. Und im Wesentlichen ist dies die Praxis zu versuchen, Ihre Webseiten besser in Suchmaschinen zu rangieren. Also Titel super wichtig für S. E O. Stellen Sie sicher, dass Ihr Titel aussagekräftig ist Macht Sinn mit dem Rest des Inhalts Ihrer Webseite. Nennen Sie den Titel nicht einfach etwas generisches. Stellen Sie sicher, dass es für den Inhalt der Webseite relevant ist. Und als nächstes schauen wir uns die Leiche an. Also im Wesentlichen haben wir bereits einige Körperinhalte hier eingegeben, und wir sehen, dass wir unsere Hallo Welt s haben. Also in der nächsten Lektion werden wir in Inhalte springen, die in den Körper gerendert werden können. Dies wird also, dass sichtbare Inhalte innerhalb von vier Jahren Benutzer sein, damit diese Benutzer diese Inhalte konsumieren, wenn sie Ihre Website besuchen. Und das ist, wo die Dinge beginnen, wirklich interessant zu werden, weil wir tatsächlich ändern, was auf der Seite ausgegeben wird. Also, das kommt in der nächsten Lektion. 6. 6 Überschrift für mehr lesbare Inhalte: In dieser Lektion werden wir über Überschriften sprechen, Also jede gute Webseite, Sie werden sehen, dass, wenn Sie auf eine Website gehen, wir Seitenstruktur haben, so dass nicht der gesamte Inhalt gleich aussieht. Wir haben einige Wörter, die größer sind, einige Wörter, die fett ID sind und nur einige, die tatsächlich mehr abheben als andere Texte. So sehen Sie auf jeder Webseite, wir haben eine Vielzahl von Inhalten, und es ist auf verschiedene Arten strukturiert, um diese Inhalte besser auseinander zu brechen . Es ist also verbrauchsfähiger für jeden, der die Website besucht. Also sehen wir, selbst hier gibt es Verwendung von Bildern und so weiter, und ich werde Ihnen all das zeigen und wie man Bilder hinzufügt, während wir den Kurs durchlaufen . Aber das erste, was ich Ihnen zeigen wollte, ist, wie man Überschrift und Überschrift Tanks so Überschrift Tags in HTML macht, gibt es tatsächlich sechs verschiedene Größen von Überschriften und Überschriften werden verwendet, um wichtige Teile Ihrer Webseite und auch Überschriften eine wirklich wichtige für s Siegel und der Grund dafür ist, dass, wenn wir uns einige Inhalte hier ansehen und wir haben einige mehr Inhalte hier, direkt unten. Und dann haben wir wieder hallo Welt. Und lassen Sie uns das einfach sagen und auffrischen. Also, welche Inhalte tatsächlich springt auf Sie, wenn Sie auf die Webseite schauen, Sie sehen, dass hallo Welt springt auf Sie, Es ist tatsächlich vom Rest des Textes unterschieden, und wir wissen, dass dies wirklich wichtig ist. Dies könnte also darstellen, welche Art von Inhalt tatsächlich darunter ist. Dies kann auch den Inhalt der Webseite darstellen und so weiter. Die Idee hier ist also, dass wir wichtige Inhalte innerhalb Ihrer Webseiten hervorheben wollen und auch wieder zu S. E. O Überschriften sind super wichtig. Es für Seo-Zwecke. Und der Grund ist, dass ist CEO. Suchmaschinen werden also gehen, und sie werden all Ihre Inhalte durchlesen und sie werden sich durchlesen. Und sobald sie diese getroffen haben, werden sie wissen, dass sie sich vom Rest des Inhalts abheben. Das bedeutet also, dass der Inhalt, der hier enthalten ist, super wichtig ist. Es ist wichtiger als der Rest des Inhalts. Hier platzieren Sie also Ihre Keywords für Seo und so weiter. Wahrscheinlich sagen sie OK, , warum mache ich nicht alles aus jedem? Und der Grund dafür ist, dass es eigentlich kein bisschen aushalten würde. Und auch, für Best Practices, möchten Sie wirklich hervorheben auf Lee ein paar Schlüsselwörter, die relevant für den Inhalt der Webseite sein werden . Sie möchten also Dinge machen, die gut für die Benutzer kommen und gut für Suchmaschinen wie ihre Indizierung Ihrer Webseite sind. Also müssen Sie denken, für den wichtigsten Teil ist, dass Sie Ihre Benutzer eine gute Erfahrung haben wollen . Also lassen Sie mich Ihnen einige zusätzliche Größen für jeden Tag zeigen. Also gibt es auch Hte. Also wollte ich jedes zu tippen, und du wirst in der Lage sein, den Unterschied zwischen H eins und H Zweien zu sehen, wie wir diese gerettet haben . Also muss ich zurückgehen und es auffrischen, um zu sehen, dass die H zwei etwas kleiner ist. Es springt nicht heraus, hebt sich nicht so sehr ab wie das H, und wir können den ganzen Weg hinunter zu H drei gehen. Und die Idee hier ist, dass wir immer kleiner voranschreiten. Also fangen wir mit unseren ersten Haupt-Tags an. Unsere Hauptkategorie. Unsere Hauptinformationen werden H eins sein. Und dann, wenn wir hinuntergehen, haben wir vielleicht auch gealtert, also haben wir vielleicht eine Reihe von H Zweien. Und dann so diese Luft Unterpositionen aus der Haupt Rubrik eso auch statt sie jeder zu nennen , Wir nennen es einfach Unterposition und Unterposition und wir sehen, dass jetzt, wenn ich es speichern. Also jetzt haben wir diese Aufschlüsselung der Inhalte und es beginnt tatsächlich auseinander zu brechen . Wir sehen, was betont wird und wie die Verwendung Luft kommt beim Lesen dieses. Wir wissen, dass, wenn dieser Inhalt, was auch immer hier ist und Untertitel, wenn es in der jeder zu und dies unsere Aufmerksamkeit auf sich zieht, als wir weiter lesen, wenn wir nicht an dieser Unterüberschrift interessiert sind, wir gehen zur nächsten großen Unterüberschrift und so weiter. Und wir benutzten H drei Zehe weitere Aufschlüsselung des Inhalts. In der Regel werden Sie es auf diese Weise nicht sehen, weil wir Untertitel haben und etwas Inhalt haben und dann einige h drei. So erhöhen Sie schrittweise, dass jeder Wert, bis Sie den ganzen Weg zu sechs viele Webseiten erreichen , wissen Sie, nicht wirklich zu viele Überschriften, die vielleicht höchstens vier übergehen, weil die Idee ist, dass die -Struktur ist, dass jeder die größte Überschrift sein wird. Und dann werden die beiden H verwendet, um den Rest dieses Inhalts auseinander zu brechen. Und wenn Sie wollen, brechen Sie über diese Stücke von Inhalten unter jeden Dienstag, dann ist das, wo verwendet acht drei und so weiter. Und dann ist die A H drei, die Sie verwenden würden, auf Sie trennen Inhalt von den jeweils drei h vier und so weiter. Das wären also Unterrubriken dieses dritten Lebensjahres und den ganzen Weg nach unten. Und wie Sie sehen können, dass ich das einfach aufschlüsseln werde, werden Sie wirklich, wirklich kleineren Text, weniger betonten Text und auch, es wird viel zu hören sein. Es sei denn, Sie haben einen Tonikinhalt und eine Thana Unterüberschriften, um zu H sechs zu gelangen. Verwenden Sie also diese Überschriften, verwenden Sie die Überschriftenelemente Überschrift Tags mit Bedacht, um Ihren Inhalt auseinander zu brechen und Ihre Inhalte besser darzustellen. Und wie Sie hier sehen können, wenn Sie hier reinkommen, können Sie sehen, dass, wenn wir diesen hier inspizieren, wir sehen, dass diese Luft h zwei und diese eine Seite hat. Also das sind die H zwei, und wir könnten auch sehen, dass, wenn es ein H drei und so weiter. Also wird diese Seite mit H zwei h zwei acht drei aufgeteilt, Luft die kleineren und so weiter. Wenn Sie also auf die Seite schauen , springen diese am meisten heraus, als diese nacheinander sind, weniger wichtig. Aber sie werden immer noch als verschiedene Bereiche innerhalb der Webseite hervorgehoben. der nächsten Lektion werden wir uns die MAWR-Strukturierung mit Ihrer Webseite, Absätzen, Zeilenumbrüchen und so weiter ansehen Absätzen, . Und das ist alles, um Ihre Textinhalte besser darzustellen und für Ihre Webbesucher verdaulicher zu machen . Es kommt also in der nächsten Lektion auf. 7. 7 Absätze und Line: bisher innerhalb unseres Textes in unserem HTML-Dokument, haben wir eigentlich nicht viel Text, und deshalb machen die Überschriften nicht wirklich viel Sinn, weil wir wirklich nur auseinanderbrechen und wir halten nur ein paar Sachen aus und wir Ich habe nichts dazwischen. Also, was ich in dieser Lektion tun möchte, ist, dass in einigen Dummy-Text und Dummy-Text wirklich wichtig ist , wenn Sie Ihre Webseite entwerfen, und Sie wollten tatsächlich machen und haben es richtig aussehen und tatsächlich wie eine Riel-Webseite aussehen. Also lassen Sie uns einen großen Teil von Dummy-Text hinzufügen. Amüsant Blind Text Generator dot com Anzahl verschiedene Ressourcen online, um einige Dummy Text zu erzeugen . Laura Ipsum ist also Text, der eigentlich riel aussieht. Aber es ist eigentlich so, es ist keine englische Sprache. Es ist nur Laura Mitsu Text, also wird es im Grunde verwendet, um innerhalb des Website-Designs zu halten. Also lassen Sie uns voran, und ich werde einige von diesen Tempo all diesen Text loswerden, speichern Sie ihn und aktualisieren Sie ihn. Also gehen wir hin. Jetzt haben wir unsere Webseite. Wir haben einen großen Teil von Text und gut, es sieht nicht wirklich so toll aus. Eso jemand, der auf diese Website kommt. Ah, oft, wenn du so etwas siehst, wirst du es nicht durchlesen, weil es einfach zu viel Text und Webbesucher sind, die das nicht mögen. Sie haben unter fünf Sekunden, um tatsächlich die Aufmerksamkeit eines Benutzers auf einer Website zu erfassen, also stellen Sie immer sicher, dass es nicht zu überwältigend ist. So etwas ist überwältigend. Und hier strukturieren wir unsere Seite noch mehr, indem wir Elemente wie Absätze oder Tags wie Absatz-Tags verwenden. Also diese Luftöffnungs- und Schließschilder wieder. Und im Grunde ist es einfach, deinen Inhalt auseinander zu brechen und ihn verdaulicher zu machen. So sehen Sie hier, dass, wenn ich in Absätzen sofort hinzufügen, ich diesen ersten Satz, es sieht besser lesbar, mehr vorzeigbar. Ich werde hier reinspringen, und ich werde die Absatz-Tags hier hinzufügen, weil das sehr lang war, und ich möchte nicht den ganzen Weg über scrollen. Also werde ich das in einigen Absätzen und einigen zufälligen Stellen hier auseinandernehmen, und ich werde Ihnen zeigen, wie ich das auf magische Weise transformieren kann, um viel lesbarer zu sein. Und stellen Sie auch sicher, dass, wenn Sie Ihre auch schließen und Absätze öffnen. Ich füge keine Absätze in andere Absätze ein, also verschachteln Sie einen Absatz nicht innerhalb eines Absatzes. Manche Browser nehmen das nicht gut an. Sie werden einen Fehler werfen. Eso vergewissern Sie sich manchmal, dass Sie sie alle getrennt halten. Also jetzt nur ein wenig lesbarer In Klammern können Sie den Code verschönern, so dass er innerhalb des Codes besser lesbar ist. Also im Grunde, dass es in Absätzen und wir können sehen, dass jetzt, wenn ich auf die Webseite gehe und es aktualisieren, es ist viel verdaulicher für einen Benutzer kommen. Und dann werfen Sie ein paar Überschriften. Äh, das ist eine wirklich gute Möglichkeit, diesen Inhalt auseinander zu brechen. Und so, wenn ich diesen Inhalt hatte, war vielleicht etwas in Bezug auf diese und vielleicht hier drüben , wenn wir von Website über Haustiere hatten. Wenn wir Katzen hier öffnen, schließen, schließen, denken Sie immer daran, diese offenen und schließenden Tags zu haben, und dann könnte dieser Absatz vielleicht über Hunde und so weiter sein. Und wenn ich es auffrische und ich auf die Website komme, sieht es tatsächlich aus wie etwas, das ziemlich einfach und unkompliziert ist. Wenn ich also auf die Webseite komme, wenn ich denke, dass ich über Katzen schauen möchte, dann weiß ich, wohin ich sofort gehe. Und ich kann anfangen, das zu lesen, anstatt wie ein riesiger Block von nur normalem Text aussehen zu müssen. Ich weiß, wohin ich gehen muss, um zu finden, wonach ich suche. Also auch, wenn Sie hier bemerken, dass mit Absätzen tatsächlich diesen Inhalt auseinanderbrechen Also gibt es ein wenig Formatierung dort, wo wir den Absatz Startabsatz enden haben . Wir haben einen neuen Absatz, der eine neue Absatzende beginnt, und wir haben diesen Abstand dazwischen. Und wir sehen auch, dass wir hier drüben, während wir den Text umwickeln, keinen Abstand haben. Und Sie können dies auch in Ihrem HTML-Code tun. Also, wenn ich hier einen wirklich langen Absatz hatte und wenn ich ihn ein wenig aufteilen möchte, kann ich die Zeilenumbrüche hinzufügen. Das sind also nur br-Tags. Und wann immer ich es aktualisiere, sehen wir, dass wir diesen Zeilenumbruch haben , der sich von einem Absatz unterscheidet, weil wir keine zusätzliche Formatierung oder Styling haben, die in allem, was wir tun, hinzugefügt wird , und Rückkehr des Charakters in eine neue Rolle, und das ist alles, was es hier tut. Also keine zusätzliche Formatierung. Und dies ist eine andere Möglichkeit, Ihren Text auseinander zu brechen, ihn verbrauchsfähiger zu machen und leichter zu lesen. Und eine Sache, die wir hier mit den Zeilenumbrüchen bemerkt haben, gibt es keinen Zeilenumbruch. Und das liegt daran, dass Zeilenumbrüche ein anderer Typ jedes Teams von Tags sind, in dem sie nur einfügen und Informationen darüber einfügen, wie diese Seite gerendert wird. Es gibt also eigentlich nichts, was Sie wirklich in den Zeilenumbruch einfügen könnten, weil es keinen Inhalt in einer Zeile gibt. Brechen Sie es nur im Wesentlichen, da die Browser verdienen. Es ist ein Zeilenumbruch. Er weiß, was zu tun ist. Es bedeutet, dass dies in die nächste Zeile verschoben wurde und dasselbe tut. Es ist also im Wesentlichen mehr funktioniert, eher wie ein Befehl, und es erlaubt dem Browser Teoh, diesen Inhalt wie erwartet zu rendern. Und wie der Web-Entwickler es entworfen, um aussehen. der nächsten Lektion werden wir uns also noch mehr für Montage und Struktur ansehen. Also, wenn Sie etwas hatten, wo Sie eine Liste von Elementen in einer Liste von Inhalten haben. Sie möchten eine Liste, die Inhalte aus und haben sie alle Arten von Block zusammen. Dies ist also, wo wir eine Norden Listen und Listen in HTML verwenden können. Also, die werde ich dir in der nächsten Lektion zeigen. 8. 8 Listen in HTML erstellen: für diese Lektion. Ich möchte Ihnen zeigen und Ihnen Listen über geordnete Listen und geordnete Listen vorstellen. Und für diese Lektion werde ich Code-Pin verwenden, weil ich Ihnen Kyle zeigen möchte, wir können eine Liste von Elementen erstellen und ich möchte mich wirklich auf diese speziellen Elemente in HTML konzentrieren . geordnete Liste stellt also eine geordnete Liste dar. Ist ein altes L-Tag. Also wieder, Öffnen der schließenden geordneten Liste. Und wir haben ein paar Inhalte hier drin, also habe ich 123 und vier. Als wir das gespeichert haben, sehen wir Nun, das sieht nicht wirklich wie eine Liste aus, weil wir hier eine Reihe von Inhalten haben und es nicht einmal repräsentiert, wie wir eine Liste darstellen wollen. Dies macht im Wesentlichen nur eine Codezeile, und es ist nur aus, einige Inhalte in die Mitte zu setzen. Und das ist nicht wirklich eine Liste. Und was darin fehlt, um es tatsächlich zu einer Liste zu machen, müssen Sie in der Lage sein, jedes dieser Elemente hier auseinander zu brechen, und wir müssen einen Ausgangspunkt und einen Endpunkt haben, damit der Browser weiß, was der Inhalt des Liste ist so all die verschiedenen Elemente in der Liste und hier kommen Listenelemente und das Tag ist L I für ein Listenelement, und diese wieder öffnen und schließen. Also stellen Sie sicher, dass, wenn Sie hoffen, dass Sie es schließen und wir sehen, dass schauen, was hier passiert. Das kriegen wir schon für die Montage. Es fängt bereits an, wie eine Liste zu sehen und die Browser, die diesen hier automatisch einwerfen , und es stellt unseren ersten Listeneintrag dar. Also lassen Sie uns sehen, was passiert, wenn wir den Rest von diesen in Listenelemente verwandeln. So sehen wir, dass es darstellt, dass schneidet eine Nummer zwei dort. Und jetzt lasst uns hier noch einen machen. Und was denkst du, wird passieren, wenn ich diesen Listeneintrag abschließe? Wir haben Nummer drei und Listennummer vier, und wir sehen, dass dies eine weitere Woche ist, in der wir Inhalte herausziehen und sie auf unseren Webseiten für Webbesucher aussagekräftiger machen können . Also erstellen Sie eine Liste wirklich einfach, unkompliziert, und Sie fragen sich wahrscheinlich, OK, OK, na ja, was ist, wenn meine Liste Was, wenn ich diese Zahlen hier nicht wollte? Was wäre, wenn ich etwas anderes wollte, wenn ich zum Beispiel Briefe wollte . Manchmal sehen Sie Listen mit Buchstaben, und wir können das fast leicht ändern. Die Buchstaben, indem Sie Typ acht und das ist alles mit HTML s eingebaut. Oh, das ist nur etwas, das der Browser versteht, dass eine neue geordnete Listen die Fähigkeit haben verschiedene Listentypen zu ändern, und was wir haben eingeführt jetzt ist ein Attribut. Also gehen über und wie wir einen Typ angeben gleich A. Dies sind zusätzliche Informationen, die in der geordneten Liste enthalten sind. Also sind wir nicht, wo wir nicht mehr erwarten, dass Standard-geordnete Listen, die das System Eric Value ist, die tatsächlich angeben, welche Art von Liste erwartet wurden . Und es gibt eine Reihe von verschiedenen Arten von Listen, so dass ich Großbuchstaben machen kann. Ich kann römische Ziffern machen. Eso lässt die Luft sich ändern, und wir sehen, dass diese Luft hier aktualisiert wird. Ich kann sogar Großbuchstaben I für die römischen Ziffern machen. Je nachdem, wie Sie wollen, dass diese Liste aussehen, können Sie es auf verschiedene Arten tun und Sie fragen sich wahrscheinlich, OK, na ja, was, wenn ich nicht mit einer beginnen möchte? Was ist, wenn meine Liste zum Beispiel bei fünf beginnt . Dies ist also ein weiteres Attribut, und wir könnten wirklich genau sein, wo wir wollen, dass diese Zahlen beginnen. Beachten Sie, dass römische Zahl 5678 Und hier können wir angeben, wie unsere Liste beginnt. Wir können auch zu den Briefen zurückkehren. Wir können sie bei E beginnen, das ist der fünfte Buchstabe F g h, und so weiter. Beachten Sie also, dass dies uns eine Menge Flexibilität in unserem Output gibt. Es gibt also auch eine andere Art von Liste, so dass Sie manchmal keine Bestellung wollen. Deine Liste. Sie möchten eine Liste erstellen und Sie sind sich nicht sicher, wie viele Elemente Aaron die Liste und so weiter. Vielleicht ist Aufzählungspunkte etwas, das gut genug ist, um hier anstelle dieser Zahlen auszugeben , und das sind, was als nicht geordnete Listen bekannt ist. Also Sie l für eine bestellte Liste, und wir brauchen auch noch diese Listenelemente da drin. Also alles, was wir tun müssen, um eine geordnete Liste zu erstellen und es zu aktualisieren, um es eine nordeste ändern die alte zu au und da gehen wir. Also haben wir das in eine bekannte Wortliste verwandelt. Wir müssen diese Attribute nicht angeben, da wir bereits unsere Aufzählungspunkte haben und dies ist ein Standardwert für eine neue geordnete Liste. Wenn Sie also eine 900 Listen erstellen, werden Sie nur die Aufzählungspunkte verwenden. Also in der nächsten Lektion werden wir uns MAWR über Attribute ansehen, weil dies eine interessante Drehung auf unseren typischen öffnenden und schließenden Tags war , weil wir jetzt in der Lage waren, genauer zu werden und zusätzliche Informationen darüber hinzuzufügen wie wir möchten, dass dieser Inhalt ausgegeben wird. Und das ist der Zweck von Attributen ist es, innerhalb dieser HTML-Steuer spezifischer zu sein. Wenn wir also Todd's in Spezifika brauchen, machen wir sie nach Attributen und wir werden uns die Attribute in der kommenden Lektion genauer ansehen. 9. 10 Hyperlinks und Lesezeichen: in dieser Lektion werden wir uns wesentliche Teile dessen ansehen, was tatsächlich das Internet, das Internet macht , und was wird verwendet, um alle diese Seiten miteinander zu verbinden? Also jede Webseite, die Sie gehen, sehen Sie, dass Sie anklickbare Links und Links sind im Wesentlichen, wie Web-Browser und wie Web-Benutzer können von einer Seite zur anderen navigieren. Wenn Sie also auf diese Seite gehen, hat sie nicht das, was Sie suchen. Sie suchen nach Links zu klicken und auf die nächste Seite zu bewegen ist sogar Suchmaschinen nur eine Sammlung von Links, und das ist, wie wir tatsächlich durchkriechen und wir bewegen navigieren durch das Web. So sind Links super wichtig, wenn es um Webseiten geht. Also lassen Sie uns unseren Browser hier öffnen. Wir haben die Indexdatei, an der wir gearbeitet haben, und ich werde Ihnen zeigen, wie Sie im Wesentlichen verschiedene Arten von Links machen können, damit Sie tatsächlich innerhalb einer Seite verlinken können. Also, wenn ich eine Menge Inhalt habe und ich tatsächlich einige Mawr-Inhalte hier auskopieren werde, und ich hatte ein paar Absätze hier, und ich habe eine ganze Reihe von Inhalten hier. und ich tatsächlich einige Mawr-Inhalte hier auskopieren werde, und ich hatte ein paar Absätze hier, Jetzt, da ich meine Webseite hinzufügen kann, die in meine Webseite geht, werde ich das hinzufügen. Ich werde es schön aussehen lassen. Verschönern. Und ich weiß, ich habe gerade ein paar Inhalte hier drin. Also, was ich jetzt innerhalb dieser Seite tun möchte, ist, dass ich in einigen Blinken hinzufügen möchte. Also werde ich das vorerst schließen. Und schauen wir uns unsere Webseite an. Also habe ich eine Menge Worte hier und wir müssen nach unten scrollen, um zusätzliche Informationen zu finden und so weiter, einige machen es tatsächlich größer. So zoomen sie hinein. Wir sehen also, dass wir ziemlich viel scrollen müssen, um nach unten zu kommen. Eso kann unten sein. Wir könnten etwas auf dieser Webseite haben und wir könnten Bereich auf Vögeln haben. Und was wir wollen, ist, dass der Benutzer in der Lage ist, zu dem Teil der Webseite zu navigieren , nach dem sie suchen. Und wir können dies über Links erreichen und lassen Sie uns diese Links einrichten. Gehen wir also zurück in unsere Webseite und im Idealfall wollen wir die Links an der Spitze, also sind Links nur eine Öffnung. Schließe A und lass uns einfach diese Katzen machen und wir machen noch einen Hund. Aber das sollte keine Hunde sein, aber das sollte eine Verbindung zu Hunden sein. Nicht diese Hundemarke, sondern ein Link zu Hunden. Und schließlich, lasst uns eins für die Vögel machen. Und vielleicht wollen wir auch das, was wir in der letzten Lektion gelernt haben, integrieren, wo wir auf einer nordischen Liste stehen und ich werde alle diese Zehenlistenelemente ändern, so dass sie schön und ordentlich in meine Webseite dargestellt werden. Und so mache ich nur einen Polizisten, der schnell kopiert und eingefügt wird. Sie wickeln die Listengegenstände um die herum, und es wird das verschönern. Speichern Sie das. Und jetzt gehen wir auf unsere Webseite und sehen, was wir haben. Also haben wir Katzen, Hunde, Vögel und schön gelistet. Eso Es ist im Einklang mit dem, was in unserer Webseite ist und beachten Sie, dass ich darauf klicken kann, und eigentlich nichts passiert, weil ich wieder zur letzten Lektion zurückgehe. Was brauchen wir in diesem Ankertext? Wir benötigen zusätzliche Informationen, also müssen wir Attribute in diesen Attributen innerhalb von Hyperlinks hinzufügen. Das ist es, was tatsächlich einen Hyperlink macht. Ah, Hyperlink. Stellen Sie also sicher, dass Sie hier oben sitzen Ihr Hyperlink und das Attribut, das wir verwenden ist H rau. Und das wird uns erlauben zu spezifizieren, auf welche Webseite wir gehen wollen. Also, wenn ich auf eine Seite verlinken wollte oder wenn ich eine Seite namens Cats hatte und ich darauf verlinken möchte , gehen wir zurück und aktualisieren Sie sie. Wir sehen sofort, dass wir das zugrunde liegen und dies ist der Standard in HTML für Hyperlinks , die wir auf unterstrichenen, unterstrichenen Inhalten haben . Und jetzt, in einem Klick, gehen wir zu dieser Webseite Katzen. Und natürlich haben wir das noch nicht. Das ist also, was ins Nirgendwo geht. Aber im Wesentlichen haben wir diesen Hyperlink dort erstellt. Eine andere Art von Hyperlink könnte also sein, dass ich innerhalb der Seite verlinke, oder wir könnten Verknüpfung zu einer externen Quelle herstellen. Also hatten wir so etwas wie http und wir hatten so etwas wie, Also verlinken wir auf Google Dot com und vielleicht hatten wir einen Link zu einer Hundewebsite oder etwas s Oh, das wird auf diese Seite verlinken. Dieser verlinkt, um Katzen starten html. Dies wird auf eine externe Webseite verlinken und nochmals daran erinnern, dass wir eine Reihe von Websites durch diese externen Links miteinander verbinden . Und eine andere Sache im Auge zu behalten, mit externen Links und immer eine gute Praxis, denn die Idee einer Website ist, zu versuchen, Menschen auf Ihrer Website so viel wie möglich zu halten . Also, wenn ich in Google dot com hinzufügen, kommt jemand zu meiner Website Klicks, Hunde ghosted google dot com Nun, ich habe gerade meinen Webbesucher verloren, und das ist, wo wir in einem anderen Attribut hinzufügen, um das aufzunehmen und wir verwenden die Ziel. Und das ist, was das Ziel-Browserfenster sein wird, wenn der Benutzer auf diesen Hyperlink klickt . Schauen wir uns das an. Jetzt gehe ich auf meine Seite, ich habe meine Katzen Seite dort und ich habe meine Hunde. Also klicke ich auf Hunde. Wir öffnen uns in Google, also öffnet es eine brandneue Registerkarte in meinem Browser, und ich sehe, dass ich wirklich in der Regel wieder dorthin gehen kann, wo ich von Ah angefangen habe, und auch mit Katzen. Sie können immer so gut wie Sie den Zurück-Button dort in Ihrem Browser erhalten. Schließlich gibt es tatsächlich eine andere Möglichkeit, Hyperlinks in Ihren Web-Inhalten zu verwenden. Und ich verspreche dir, ich habe diesen Dummy-Text nicht hinzugefügt, nur um zu verwirren, wovon wir reden. Eso der Zweck davon Waas, dass, wenn Sie in eine Website kommen, vielleicht möchte ich nach unten auf die Vögel Abschnitt meiner Seite gehen. Vielleicht interessiert ich mich also nicht für Katzen. Vielleicht bin ich nicht an Hunden interessiert und ich will direkt runter zu Vögeln. Und ich will etwas hier oben auf meiner Website. So kann der Benutzer wirklich leicht zu diesem Inhalt gehen, so dass sie nicht alles durchlesen müssen und sie einfach klicken können, weil sie immer Erinnern Sie sich an die Web-Benutzer sie suchen, um etwas zu tun. Sie suchen Teoh, erfüllen ihre Bedürfnisse auf Ihrer Website so schnell wie möglich. Die beste Idee, wenn Sie Websites entwerfen, ist es, etwas darzustellen und dem Benutzer zu helfen, das zu finden, wonach sie suchen. Und das ist eine gute Möglichkeit, das auch zu tun. Also öffnet es unseren Redakteur und seltsame Vögel. So wie wir es tun wollen, wollen wir tatsächlich einen Link zu diesem bestimmten Teil von Inhalten innerhalb unserer Website. Und wie machen wir das? Wir wissen also, dass wir auf einem Treff hinzufügen müssen. Also müssen wir hinzufügen, wo wir wollen, dass der Benutzer toe landet, und das ist, was wir h Refs verwenden. Aber welche Art von Informationen setzen wir hier ein, um anzuzeigen, dass wir sie an diesen speziellen Abschnitt senden möchten . Und hier müssen wir ein weiteres Attribut hinzufügen So können Attribute zu jedem dieser Elemente hinzugefügt werden . Jedes dieser Tags haben wir die Möglichkeit, einen von ihnen hinzuzufügen und Attribute hinzuzufügen. Und eines der Attribute, die wir verwenden können und ihr seht, dass es ziemlich oft verwendet wird, ist das i. D. So ermöglicht es uns, dieses bestimmte Element tatsächlich auf dem Hörer zu identifizieren. Also geben wir ihm ein I. D. von Vögeln, etwas, das Sinn macht, hier oben zu gehen. Jetzt werden wir jeden Referenzen und wir werden uns mit Vögeln verbinden. Also mit dem Hash, um anzuzeigen, dass dies aktiviert ist, hatte ich Element innerhalb unserer Webseite identifiziert, und wir haben Vögel dort. Jetzt gehen wir zurück auf unsere Webseite, sehen, was passiert. Es sieht also aus wie alle anderen beiden Hyperlinks, und wenn ich darauf klicke, schau, was passiert. Wir werden zwei Vögel heruntergebracht, und das ist großartig für den Benutzer kommen. Sie können darauf klicken und sie können sehen Nun, jetzt bin ich im Vogelbereich meiner Webseite, und das ist ein großartiges Werkzeug, wenn Sie viele Inhalte in Ihrer Website haben, und Sie möchten, dass Benutzer in der Lage sein, schnell durch diesen Inhalt zu navigieren . So ist die nächste Lektion, wie ich erwähnt, die Verwendung von Bildern, wie ich erwähnt, die Verwendung von Bildern,überall. Es ist eine wirklich gute Möglichkeit, Ihre Benutzer zu engagieren und zu befriedigen, wenn sie auf Ihre Webseite kommen , und sie werden nicht nur mit einem Haufen Text dargestellt. Niemand mag das. Fügen Sie diese Bilder in hinzu, und ich werde Ihnen zeigen, wie Sie das in der nächsten Lektion tun 10. 11 Arbeiten mit Bildern: Bisher haben wir an einer ziemlich langweiligen Webseite gearbeitet, haben wir hinzugefügt und Hyperlinks, die in etwas zu unserer Website hinzugefügt. Aber wenn man auf dieser Website kommt, gibt es nur eine Menge von Text- und Webbesuchern. Sie wollen unterhalten werden, sie wollen verlobt sein. Sie wollen etwas bekommen, das ihre Aufmerksamkeit einfängt, und Sie sehen das überall . Jede Website gibt es immer Verwendung von Bildern und max gemischt mit dem Text Texas formatiert auf verschiedenen Größen und so weiter. Und diese Lektion werde ich zeigen, dass Sie Bilder in Ihrer Website hinzufügen können. Lassen Sie uns voran gehen und fügen Sie ein Bild hinzu. Also vielleicht vor allem wollen wir für Katzen hinzufügen, die in Bild von vielleicht einigen Tieren oder so etwas hinzufügen möchten. Also lassen Sie uns hier eine brandneue Linie erstellen und das Tag Toe Hinzufügen von Bildern ist I m G Also in der Regel, was Sie mit dem Öffnen und Schließen von Tags erwarten könnten, ist, dass Sie vielleicht I m g haben und dann das Bild dort setzen und dann schließen Sie es. Aber wirklich, das macht nicht viel Sinn, weil das Bild typischerweise als Attribut dargestellt werden würde oder sollte, genau wie es innerhalb der Hyperlinks ist, denn bei einem Bild ist es genau wie die Zeilenumbrüche, die wir früher gesehen haben, dass dies ein selbstschließendes Tag ist. Wir brauchen keine anderen Inhalte. Wir müssen nur wissen, wo sich das Bild befindet. Lassen Sie uns also eine Quelle für dieses Bild einrichten und die Quelle gleich ausgleichen. Genau wie das, was wir mit den Hyperlinks gemacht haben, müssen wir angeben, wo sich dieses Bild befindet. Wenn sich das Bild in unserem Stammordner befindet, könnte es so etwas wie cat dot jp sein. Aber für diese Lektion habe ich keinen Inhalt. Eigentlich, Bilder eingerichtet und bereit zu gehen. Also, wo werde ich mich an das Internet wenden, genau wie ich es mit dem Blindtext-Generator getan habe? Es gibt tatsächlich eine Lösung für Dummy-Bilder, und zum Glück für uns haben wir eine für Katzen, also kann ich weitermachen und ich könnte ein Farbbild einer Katze bekommen. Ich kriege so etwas und ich kann einen Weg zu dieser Katze bekommen. Eso Alles, was wir hier machen, ist, dass ich den Weg zur Katze kopieren werde, die hier rüber geht und anstatt dass die Quelle Katze J. Peg ist, öffnen wir uns und erschaffen. Stellen Sie einfach sicher, dass ich eine richtig so Katzen angebe und gehen Sie zurück in meinen Code hier. Speichern Sie das und lassen Sie uns wieder auf unsere Webseite gehen und aktualisieren Sie sie. Und da gehen wir hin. Also haben wir ein paar Katzen da, und wir können auch einige andere Tiere hinzufügen. Also nicht sicher, ob ich Hunde kriege, aber vielleicht für den nächsten Absatz. Da die Katzen möchte ich in einigen Hunden hinzufügen. Wir haben keine Hunde, aber wir können Tiere machen. Vielleicht besorgen wir uns vielleicht ein paar Hunde. Dasselbe für Vögel. Lasst uns so etwas auch machen und dort ein paar Tiere machen. Jetzt zitieren wir, aktualisieren Sie unsere Seite und sehen, was passiert. So zum Glück für uns, wir landeten mit dem Hund dort, interagieren mit dem Hund in die Vögel. Aber das ist in Ordnung, weil wir nie wissen, was wir erwarten, wenn wir in diesem automatisch generierten Inhalt Platzhalter-Inhalt auf unserer Website. Also da gehen wir Katzen, Hunde und so weiter. Eine andere Sache mit Bildern ist, dass oft jemand hierher kommt und vielleicht das Bild nicht geladen wird . Oder wenn sie ein Bildschirmlesegerät verwenden, sie nicht in der Lage sein, zu sagen, was in diesem Bild enthalten ist. So gute Praxis. Best Practice mit Bildern haben immer diese alle Tags hinzugefügt. Alle Tags sind also im Grunde eine Möglichkeit, die Sie für Bildschirmlesegeräte angeben können oder falls Ihr Bild keine zusätzlichen Informationen darüber lädt, was der Benutzer war, was in diesem Raum sein soll. Also könnte das sein, oh, Katze und dieser hier wäre Hundespick. Und das sind nur die alle Tags und nochmals angeben Bird, vielleicht so, nicht sicher, was hier eigentlich kommt, aber vielleicht bekommen wir einen Vogel dort. Also, wenn ich es aktualisiere, habe ich eine Katze, die eine Giraffe hat, und ich habe eine Möglichkeit, anzugeben, ob das Bild nicht angezeigt wird. Eso Lasst uns einfach diesen Weg hier verwechseln, ihn auffrischen. Also, jetzt wird das zweite Bild nicht auftauchen, aber wir bekommen etwas, das Hundepick sagt. Und das ist, was von den Altar-Tags kommt, als auch wenn Sie kommen mit einem Bildschirmlesegerät , es wird statt wieder statt nur versuchen, Ihnen ein Bild zu zeigen. Es wird tatsächlich auslesen, was der Inhalt dieses Bildes sein soll. der nächsten Lektion werden wir uns weitere Möglichkeiten ansehen, wie wir einige dieser Inhalte auseinanderbrechen können . Vielleicht wollen wir also eine Tabelle einrichten und wir wollen eine Reihe von Informationen haben, die ich für den Web-Benutzer setzen würde . Und ich werde dir zeigen, wie du in den kommenden Lektionen einen Tisch aufstellst. 11. 13 Tabellen erstellen: In einer der vorherigen Lektionen haben wir uns eine neue geordnete Listen und geordnete Listen angesehen, und wir sahen schwächen Liste einige Inhalte. Nun, was passiert, wenn Sie mehrere Spalten mit Inhalt, mehrere Zeilen haben und Sie diesen Inhalt schön und ordentlich für Ihre Webbesucher auflisten? Und um dies zu tun, haben wir Tabellen so ähnlich wie die Listenelemente, die wir haben es öffnen und schließen Tabelle. Also das Öffnen und Schließen von Tabellen-Tags Und jetzt müssen wir einige Inhalte innerhalb der Tabelle hinzufügen und eine Tabelle wird tatsächlich mehr als nur diese eine Dimension haben. Also in Listeneinträgen hatten wir hier eine Reihe von Gegenständen. Wir haben sie alle aufgelistet. Aber wir müssen auch bedenken, dass wir Zeilen und Spalten haben, also wird es hier zwei Dimensionen geben, also müssen wir dies innerhalb unserer Webseite und für Tabellen erstellen. Also geben wir an, dass wir für jede Straße die Aufschlüsselung angeben. Also werden wir eine Reihe von Zeilen haben, damit wir diese Zeilen-Tags einfach öffnen und schließen können . Und jetzt haben wir alle unsere Rose hier eingerichtet, und keine Notwendigkeit, diesen Inhalt hinzuzufügen. Also für Tabellen können wir t d tun. Also ich glaube, das ist Tabelle hat uns getan. Also haben wir eine Nahaufnahme von diesem Tedy. Und wenn wir mehr als eine Spalte hätten, also müssten wir und würden vielleicht drei hier drüben haben und so weiter. Jetzt können Sie sehen, dass wir bereits beginnen, eine Struktur für unsere Tabellen aufzubauen. Eso für Tabellenüberschriften. Es gibt tatsächlich zusätzliche anstelle von TD, wir verwenden T h, so dass auf diese Weise, die Browse versteht, dass diese Lufttabelle Überschriften. Das war also, wenn ja, wenn wir ein paar Leute Namen sammeln würden. Also der Vorname schließen Sie den Tabellenkopf als nächstes, Überschrift in unsere Tabelle. Siehst du, es wird automatisch fett. Wenn wir den Namen verloren hätten, schließen Sie den Tischkopf ab und nehmen wir an, wir sammeln ein paar Telefonnummern. Also, wenn Gott den Tischkopf öffnet und schließt, haben wir im Wesentlichen Spalten aufgelistet werden und so weiter. Also wird alles ausgegeben und dargestellt. Und jetzt, anstatt dass wir John würde es einfach tun. John Smith dort und wird sich eine Art von voller Zahl hier bilden. Nicht existierende Telefonnummer. Kopiere das vorbei. Also kopieren Sie, dass dieses Format und die nächste Person in unserer Liste jemand namens Mike sein könnte. Geben Sie ihm einfach einen Namen. Mike Jones. Und dann hat er eine etwas andere Telefonnummer. Und was also? Auf diese Weise können wir beginnen, eine Out Putting Ihre Inhalte in eine sinnvollere Weise für unsere Web-Besucher. Also, gut aus, es sieht ziemlich gut aus, aber der Tisch ist irgendwie ein bisschen eng hier. Der Nachname des Vornamens. Es ist vollgestopft mit der Telefonnummer, und es ist nicht wirklich offensichtlich, dass, obwohl es wie ein Tisch aussieht, es nicht wirklich so aussieht, wie wir wollen, dass unsere Tischspitze aussehen würde. Und das ist, wo wir Attribute hinzufügen. So haben wir zusätzliches Styling in unsere Tabellen und auch alle anderen Attribute, die wir hinzufügen könnten um unsere Webseiten aussehen ah viel besser oder Web Khan im Alter von ihm einen Inhalt sehen viel besser. Also mit dem Hinzufügen in Styling in unsere Webseiten, können wir es in der Linie Riad tun, in den Stilattributen hier, also werde ich nur angeben, dass dies 100% ist und ihm Eigenschaft von mit geben. So sehen Sie, dass es sofort die Art und Weise, wie das Aussehen und das Gefühl unserer Inhalte verändert. Wir können auch in Styling in einer CSS-Datei als auch hinzufügen, wo wir in Style-Tags oben auf der Seite hinzugefügt hatten . Es ist eine Reihe von verschiedenen Möglichkeiten, in Styling innerhalb der Webseiten s hinzuzufügen, so dass dies eine Möglichkeit ist , es als Attribut hinzuzufügen. In der nächsten Lektion werde ich Ihnen zeigen, wie Sie Styling hinzufügen und das Aussehen Ihrer HTML-Elemente aktualisieren können, die in der nächsten Lektion erscheinen. 12. 14 CSS-Styling in HTML: die letzte Lektion, die wir uns angesehen haben, wie wir einen Tisch bauen können, und wir haben vorgestellt, wie wir etwas Styling hinzufügen können. Eigentlich die Art und Weise anpassen, wie HTML-Inhalt innerhalb der Webseite ausgegeben wird. Also müssen nicht alle Tabellen auf die gleiche Weise aussehen, wenn wir Attribute hinzufügen. Und das ist ein spannender Teil des Webdesigns, denn dies ermöglicht es Ihnen, Attribute zu verwenden, um Ihren eigenen Spin, Look and Feel zum Inhalt Ihrer Ausgabe auf Ihrer Webseite hinzuzufügen . So haben wir gesehen, dass wir in einer Breite von 100% hinzufügen können. Wir können auch Dinge tun, damit wir diese Stile zusammen durch den Semikolon hier ändern können. Und ich könnte so etwas wie eine Grenze machen. Also eine Pick Bordüre auf machen den Porter massiv schwarz. Das ist also alles innerhalb derselben Eigenschaft, und wir sehen, dass wir sofort diese Grenze da haben, so dass es ein bisschen mehr Sinn macht . Da. Wir können sagen, dass dies der Inhalt dieser Tabelle ist. Wir können auch in Styling und das Gute hinzufügen. Das coole an Attributen ist, dass Sie sie jedem Ihrer Elemente hinzufügen können, also wenn ich es hier hinzufügen wollte. Ich kann das gleiche Styling innerhalb der Rolle hier hinzufügen, und wir tun es nicht wirklich. Also, wenn ich diese so speichern wollte, um zu illustrieren, wie das aussehen wird, also sehe ich tatsächlich keine Änderung dort. Und das liegt daran, dass die Rolle selbst, die Sie nicht 100% für die Rolle festlegen können, keinen Sinn ergibt. Und Rand eines Pick massiv schwarz wieder. Die Rolle ist diese ganze Sache hier drüben. Es macht also nicht wirklich viel Sinn, es zu 100% zu tun. Also musst du das zurückschneiden und nur Styling anwenden, das wirklich Sinn macht. Und in der Regel für so etwas dieses würden Sie für so etwas diesesStyling auf der tatsächlich aktiven Zelle anwenden. So sehen wir hier, dass der Vorname bekommt, dass wir sehen, dass der Nachname gesetzt wird und so weiter, und jetzt sehen wir, dass wir in der Lage, individuelle Styling für diese einzelnen Elemente hinzuzufügen. Wir können das aktualisieren und das Erscheinungsbild ändern. Aber der Nachteil dessen, was wir tun, ist, dass wir hier eine ganze Tonne Code hinzufügen und wirklich schlechte Übung diese Stilattribute hinzufügen, obwohl es gut ist, Styling auszuprobieren und all diese verschiedenen Werte hier auszuprobieren und einige Updates, wie Sie vielleicht dickere Ränder wollen. Sie können wirklich leicht damit herumspielen und einige Updates machen und sehen, wie sie sich ergeben und wie sie aussehen und so weiter, so dass Sie sehen können, dass es eine Reihe von Updates gibt. Schwächen tun hier machen so etwas wie eso solide. Es gibt also viele verschiedene Möglichkeiten. Aber der Nachteil ist, dass wir das immer und immer wieder wiederholen müssen, wenn wir es für jedes einzelne Element anwenden, was nur sehr zeitaufwendig, sehr verwirrend ist . Und wenn Sie ein Update vornehmen möchten, haben Sie eine Menge Code und viele Attribute zu aktualisieren. Also, wenn ich diese Tabellenkopfzeilen aktualisieren möchte, mag ich Schwarz nicht. Ich will blau werden. Es wird wirklich schwierig, weil ich jeden einzelnen durchmachen muss. Und das ist, warum Styling für die Seite auf der Seite Styling sowie CSS in diesem Fall super hilfreich ist . Es ist also wieder auf unsere Webseite gesprungen. Und schauen wir uns an, wie wir jedes dieser Elemente hier stylen können. Gehen wir oben auf der Seite, und wir werden eine Marke erstellen, die Sie Tag Stil genannt. Öffnen und schließen Sie diesen Stiltyp. Dies ist also CSS Cascading Stylesheets, und im Wesentlichen gibt uns dies die Möglichkeit, in eines unserer Elemente oder eine ganze Gruppe von Elementen zu patchen und tatsächlich einige Änderungen an diesen Elementen vorzunehmen. Und mit Styling haben wir eine Reihe von Möglichkeiten, wie Teoh diese Elemente von unserer Webseite auswählt. Wir sehen also, dass wir hier nur eine ganze Reihe von Inhalten haben, die wir zuvor gesehen haben, wie wir sie Stilattribute zu jedem einzelnen dieser Elemente hinzufügen können , aber nicht wirklich effizient. Schauen wir uns also unsere Überschrift an und lassen Sie uns eine Auswahl aller unserer Rubriken zwei treffen. Also H zwei geschweifte Klammer und jetzt wollen wir alle tun, ist die Eigenschaften angeben, die wir wollen, ein Ort, den wir jeder halten wollen und wie wir aussehen wollen. Also haben wir gesehen, dass wir vorher Grenze benutzt haben, also lasst uns das noch mal benutzen. Also ein Pick solide rot. Speichern Sie das. Gehen Sie zurück auf unsere Webseite. Aktualisieren Sie es. Und jetzt sehen wir, dass alle unsere H zwei jetzt die gleiche Eigenschaft haben. Also im Grunde, was wir getan haben, ist, dass wir unseren HTML-Code genommen haben. Wir haben einen Weg gefunden, die verschiedenen Elemente auszusuchen, als sie dargestellt haben und etwas auf diese anwenden können . Also schauen Sie sich das wahrscheinlich an und sagen OK, na ja, was ist, wenn einige dieser h zwei, die ich nicht wollen, diese Grenze zu haben, ich will nicht diese Farbe haben ich nicht wollen, um diese Eigenschaften zu haben. Und hier gibt uns Styling ein paar andere zusätzliche Optionen. Eines der Dinge, die wir früher gesehen haben, ist, dass wir verschiedene Elemente können. Und mit i DS können wir nicht mehrere Elemente mit dem gleichen Ich d keine gute Idee haben. Also, aber mit Ideen waren wirklich in der Lage, dass für Vögel angeben, Vielleicht möchte ich eine Art spezifische Hintergrundfarbe für nur dieses ein bestimmtes Element innerhalb der Webseite. Also wählen wir Vögel genauso aus wie wir unseren Hyperlink gemacht haben. Also der Hash dort, der Name oder das I d aus dem Element, und jetzt sind wir ausgewählte Vögel. Lassen Sie uns eine Hintergrundfarbe machen, damit wir Hintergrundfarbe machen können und wählen wir eine Farbe für den Hintergrund. Speichern Sie das. Gehen Sie zurück auf die Seite, aktualisieren Sie sie, und da gehen wir. Also dieses hier, wir konnten es aus allen anderen Elementen mit dem I. D aussuchen und etwas Styling darauf anwenden. Und auf diese Weise hätten wir genauso leicht hier rüber gehen können und Stil haben können. Azan Attribute und fügte die Hintergrundfarbe hinzu, so dass dies auf die gleiche Weise funktionieren würde. In der Regel ist es jedoch empfehlenswert, all Ihr Styling und einen Bereich in Ihrem HTML-Code beizubehalten , damit Sie ihn lesbarer haben können, wann immer Sie Aktualisierungen vornehmen müssen usw. So viel, viel, viel bessere Möglichkeit, ihr Styling Ihrer Seite darzustellen und zu aktualisieren. So haben wir gesehen, wie wir verschiedene Elemente auswählen können. Wir können sogar etwas tun, wo wir die Listenelemente tun können und wirklich leicht aktualisieren, diese gehen wieder hier oben. Wir sehen, dass alle unsere Listenelemente jetzt den roten Rand haben und so weiter. Alles, was wir tun müssen, ist wie der Tag-Name und wir können Styling anwenden und es aus unseren Inhalten auswählen . Also eines der Probleme, die Sie wahrscheinlich denken, Nun, wissen Sie, Sie können wählen Sie die Tags. Wir können ungefähr ein einzelnes Element innerhalb unserer Seite auswählen. Aber was passiert, wenn ich ein paar Absätze habe, in denen ich Inhalte vom Styling hinzufügen möchte und vielleicht, äh, H zwei hier haben äh, möchte? Ich werde das Dampf-Styling nicht anwenden. Wie wähle ich diese aus? Ich möchte, dass es mehrmals innerhalb der Webseite passiert ist. Vielleicht ein hervorgehobener oder so etwas. Und ich kann es nicht finden. Ich kann es nicht zwischen den Tags und zwischen dem i DS aussuchen. Und es gibt eine andere Möglichkeit, eine ungerade Darstellung für die Elemente auszuwählen. Und das sind Klassen. Also haben wir ein anderes Attribut hinzugefügt, und wir tun Klasse. Also würde vielleicht etwas wie Highlight tun. Versuchen Sie also immer, Ihre Namen aussagekräftig zu halten. Eso, wenn ich das hervorheben möchte und ich möchte meine Hunde hier und dann nur hier hervorheben . Ich möchte auch einige Inhalte hervorheben, die ich Ihnen zeige, wie das geht. Ein Schwung. Aber für jetzt, lassen Sie uns einfach mehrere verschiedene Tags markieren. Und mit Highlights, die wir für den Unterricht tun. Es ist ein Punkt, um diese Klassen darzustellen, und wir werden dasselbe tun. Eine hier ist, wir haben eine Hintergrundfarbe und dieses Mal war tun Hintergrundfarbe, gelbe Schule, zurück aus. Aktualisieren Sie es und wir können sehen, dass wir alles mit dem Attribut hervorheben, die Klasse der Hervorhebung und es hervorhebt. Aber was ist, wenn wir vielleicht ein paar Wörter hervorheben wollen, aber wir wollen nicht die Art und Weise ändern, wie unsere Ausgabe über HTML dargestellt wird. Also wollen wir nur in der Linie etwas. Markieren Sie ein paar Worte hier, da, und wir wollen nicht Oh, markieren Sie das ganze Element. Wir wollen keinen Absatzrock um ihn herum erstellen und so lange. Dafür gibt es also eine Lösung. In HTML werde ich Ihnen zeigen, wie Sie das in der kommenden Lektion tun. 13. 15 Divs und Spalten in HTML für eine bessere Struktur: in dieser Lektion. Ich möchte Ihnen Lätzchen und Spannweiten vorstellen, und was Gibson-Spannweiten tun, ist, dass sie uns erlauben, unsere HTML-Inhalte tatsächlich zu brechen, ohne zusätzliche Formatierungen hinzuzufügen. Nehmen wir an, zum Beispiel möchte ich dieses Wort hervorheben, das ich in einer Spanne im Wesentlichen hinzufügen könnte, ist ein HTML-Element wird nicht ändern, wie mein Inhalt ausgegeben wird, so dass ich sie überall platzieren kann . Und wenn ich auf die Webseite gehe, wird es eigentlich nicht anders sein. Ich werde meine Hervorhebung hier loswerden, weil ich will, dass dieser ganze Absatz nicht hervorgehoben wird. Ich erfrischen sie, und wir wissen eigentlich nicht, wo sich unsere Spannweiten befinden. Aber die coole Sache über Spannweiten ist, dass wir jetzt Attribute hinzufügen können, so dass wir in dieser Klasse von Highlight in diese Spanne hinzufügen können , wenn wir in diese Spanne oder vielleicht in diese Spanne gehen wollen , und vielleicht wird dieser nur so halten, wie es ISS können wir aktualisieren. Wir können die Spannweiten wie alle anderen Tags auswählen. Ich möchte dort eine Grenze hinzufügen. Und ich kann auch hinzufügen, äh, für die Klasse, das Highlight von Gelb. Werfen wir einen Blick und sehen, wie das jetzt aussieht. Wir sehen also, dass alle Spannweiten die Grenze um sie herum bekommen, weil es nur das Styling für diese bestimmte Klasse auswählt . Aber das Interessante hier ist, dass wir in der Lage sind, verschiedene Inhalte auf unterschiedliche Weise hervorzuheben , und wir können diese Inhalte wirklich auseinanderbrechen. Es gibt also einen weiteren, im Wesentlichen einen Container, den wir verwenden können, um unseren HTML-Code wirklich zu strukturieren . Viele Male haben Sie vielleicht gesehen, dass es verwendet wurde, vielleicht um die gesamte Seite zu wickeln. Also, anstatt nur unseren Körper zu benutzen, können wir so etwas tun wie ich Rapper oder so etwas? Schließen Sie das ab und wir könnten eine ganze Reihe von Inhalten einpacken. Sie können auch sehen, dass es für verwendet wird und Sie können verrotten. Sie können dies innerhalb von eso dibs in anderen Dips platzieren und so weiter, damit ich ein anderes div haben kann. Und vielleicht ist dies vielleicht dieser Bereich hier repräsentiert meine Kopfzeile. Also habe ich jeden hier und so weiter. Also habe ich hier einige Kopfinhalte, und ich werde hier nur einige zusätzliche Inhalte hinzufügen, diesen abschließen und speichern. Lass es schön aussehen. Verschönern. Und jetzt lasst uns aktualisieren und wir können sehen, dass die Dibs, sie nehmen tatsächlich die volle mit Block, aber treffen sich vor allem, sie erlauben uns, auseinander zu brechen und unsere Inhalte zu betrachten, als wäre es in Stücke. Genau wie das, was wir mit HTML Kopf und Körper angeschaut haben, erlauben uns die Dips, diesen Inhalt wirklich in aussagekräftigere Abschnitte unserer Webseite zu zerlegen. Also habe ich ein div, das dieses umschließt. Und jetzt wollen wir vielleicht ein anderes div hier haben. Gegeben ihnen, ich d von gemeinem. Das wäre also alles über den Hauptinhalt hier. Und wir gehen einfach zu vielleicht, dass all das Zeug in Maine ist, und ich möchte ein anderes div hier haben und eine I D Fußzeile geben und nur um einige Inhalte hier hinzuzufügen , machen Sie es wieder schön aussehen. Gehen Sie zurück zu unserer Seite. Schauen Sie es sich an und wir sehen, dass wir im Grunde für Inhalte mit diesen dibs Dibs Dibs automatisch neue Zeilen gestartet haben auseinander brechen . Also, wenn ich dieses in ein div wickeln und dieses div nicht auf I d eso geben würde, müssen Sie diese Attribute nicht angeben. Die Attribute Luft nicht zwingend innerhalb von Dips. Und wir sehen, dass, was hier passiert, wenn dieses DIV bricht, es automatisch eine neue Zeile beginnt weil das div tatsächlich diesen gesamten Codeblock aufnimmt. Es tut mir wirklich leid, das hier. Das ist der Diff. Sie sehen, dass das div genau wie die beiden. Sie haben also die gleichen Eigenschaften wie die jeweiligen Zustandseigenschaften, Absätze nehmen diesen ganzen Block von Kälte ein. Also, wenn ich eigentlich anstelle von dort angeben sollte, ob ich Div tun wollte, damit wir sehen können wie das DIV aussieht, anstatt so schnell zu spannen. Das ist immer noch die Spanne. Wir sehen, dass die Spanne Onley diesen bestimmten Abschnitt enthält, so dass er in der Linie nichts bricht . Es sieht nicht anders aus, bis wir etwas Styling darauf anwenden. Sehen Sie sich an, was mit den Dibs passiert, wenn wir ihn auffrischen. Wir sehen, dass die Devs den ganzen Weg bis zum Ende bewegen. Sie nehmen die vollständige verfügbare Codezeile auf. Also, dieser Dave hier nimmt die ganze Linie auf. Die Fußzeile nimmt die vollständige Zeile ein. Wir haben den Rapper, der die ganze Linie einnimmt, der Header nimmt die volle Linie auf und so weiter. Also dibs und Spannweiten im Wesentlichen verwendet, um diese Struktur innerhalb Ihrer Webseiten zu erstellen und um einen intelligenteren Bruch und Struktur in Ihrem Inhalt Ihrer Webseite zu erstellen. Eso baut Ihre Website auf und baut Ihre Struktur aus. Betrachten Sie es als verschiedene Abschnitte, verschiedene Stücke verwenden diese Dibs. Diese Spannweiten wurden verwendet, um diese auseinander zu brechen und diesen Inhalt besser darzustellen. Und vor allem, wenn Sie denken, Anwendung Styling, stellen Sie sicher, dass Sie diese dibs schön angelegt und bereit, in der Lage sein, Styling aufnehmen wie Sie in der Webseite hinzugefügt. Also, jetzt eine der Dinge hier ist es, die wir wahrscheinlich betrachten und dass wir in Betracht ziehen sollten , ist, dass wir als ein HTML fünf Seiten eso mit dibs und mit Spannen arbeiten wollten, besonders gibt s Oh, das ist eine ältere Art des Denkens. Ursprünglich wir beim Entwerfen unserer Webseiten keine zusätzlichen Optionen, also würden wir Kreative ihnen Ideen von Fußzeilen geben. Aber als HTML fünf kam, erkennen sie, dass Webentwickler üblicherweise das Gleiche taten. Wir geben diese Ideen für die Dibs, und sie suchten nach einem semantischeren, aussagekräftigeren, sinnvolleren Worten, um deinen Inhalt auseinanderzubrechen. Und das alles wurde mit HTML fünf eingebracht. Mit HTML five haben wir also eine ganze Reihe neuer Tags bekommen, die wir verwenden können, um unsere Webseiten besser zu strukturieren und all diese neuen semantischen zu verwenden. Eine Menge von ihnen. Sie funktionieren auf die gleiche Weise wie Dibs, aber sie erlauben uns, mehr Bedeutung zu haben, wenn Sie diesen HTML-Code durchlesen. Also werde ich es Ihnen zeigen und Ihnen die in der kommenden Lektion vorstellen. 14. 16 semantische HTML5-Elemente: haben wir in der vorherigen Lektion gesehen, wie wir auf unserer Website erstellt haben. Und als wir uns unseren HTML-Code ansehen, fingen wir an, Dibs Ah zu verwenden, ganze Menge. Und mit jedem zu Mel fünf. Jetzt haben wir einige weitere Optionen und einen besseren Benennungsmechanismus innerhalb unserer HTML-Steuer. Werfen wir einen Blick auf das, was mit HTML five eingeführt wurde, und es ist immer eine gute Idee, diese neuen Elemente zu berücksichtigen. Wir sehen, dass wir eine ganze Menge von ihnen hier haben. Wir haben Artikel draußen und wir haben Footer, Header, und wir haben Abschnitt hier. Wir haben hier ein paar von ihnen, die tatsächlich dasselbe repräsentieren, was wir ursprünglich in den Dips tun . Also im Grunde, von Artikel außerhalb und mit einem von diesen, können wir tatsächlich unsere H zwei Männer restrukturieren, anstatt Header hier und Div als Header haben ,wir können das aktualisieren und ich werde es einfach besser nennen. , Und so wird das mehr Sinn machen, wenn Sie Ihre Webseite lesen und Sie sehen können Okay, na ja, na ja, das ist offensichtlich ein Header von meiner Website und manchmal Webentwickler, sie könnten nur den Header für die Kopfabschnitt ein anderes. Andere Male, die sie hier haben, könnten sie einen Header haben. Dies könnte also ein Header für diesen bestimmten Abschnitt sein. Und deshalb müssen Sie diese Idee immer noch darin behalten, weil Sie sicherstellen möchten, dass diese Kopfzeile auch verschiedene Abschnitte innerhalb Ihres Inhalts darstellt. Seien Sie sich also immer bewusst, dass, wenn Sie diese semantischeren HTML-Elemente verwenden, sie tatsächlich wiederverwendbar sind. Und wenn Sie risi sie irgendwo anders auf Ihrer Seite verwenden, stellen Sie sicher, dass Sie diese Ideen behalten, wenn Sie in der Lage sein wollen, sie zu unterscheiden. So sahen wir das früher, dass wir, als wir jemals gesammelt wurden, unserem Styling verbinden. Wir müssen in der Lage sein, diese Elemente auszusuchen und sie zu isolieren. Also, wenn wir einige spezifische Attribute wollen, einige spezifische Styling, die an sie angebracht sind, sicher, dass wir eine Möglichkeit haben, sie zu identifizieren. So wird ein anderer, der verwendet wird, ziemlich oft verwendet. ISS-Fußzeile. So viele Male sehen Sie vielleicht etwas wie, Sie haben Kopfzeile. Wenn wir eine Webseite haben, haben wir mehrere Spalten. Hier ist, damit wir vielleicht etwas haben, wo wir Abschnitt hier haben. Dies könnte also ein Abschnitt sein und dann ein anderer s o für eine Seitenmenüs. Wir könnten etwas beiseite rufen, und dann würde unser Seitenmenü-Inhalt hingehen. Also vielleicht würde das Draußen dort hingehen. Das wäre ein weiterer Abschnitt, und ich werde diesen umwickeln müssen, also manchmal wirst du sehen, dass Artikel verwendet wird. Und so jetzt hat dieser Artikel zwei Abschnitte darin, auf die wir beiseite haben. Also, Sie so vielleicht hier drin haben Sie auf eine keine geordnete Liste und Sie haben eine Reihe von Listeneinträgen . Also jetzt, lassen Sie uns Tatum neue Produkte und so weiter. Lassen Sie uns also einen Blick auf unsere Webseite werfen. Jetzt werden wir sehen, wie es aussieht. Also haben wir Blut zerbrochen, klüger, sexueller sieht nicht ganz anders aus. Aber jetzt haben wir die Struktur eingerichtet und wir sind bereit, unser Styling anzuwenden, um ihre Website aussehen und fühlen zu lassen , wie wir beabsichtigen, sie aussehen und fühlen. Das ist also die Hauptsache hier mit den neuen semantischen Elementen, um zu bedenken, dass dies ein besserer Weg ist , dass wir unseren Code darstellen und es viel einfacher machen, wenn wir über ihren Code nachdenken , wie wir aussehen wollen und wie wir nicht alle diese verschiedenen Codeblöcke anwenden, wenn wir etwas Styling anwenden, wie wir aussehen wollen. Also die nächste Lektion. Wir werden einen tieferen Blick auf CSS werfen, und wir haben auch Formulare kommen. Es gibt also eine ganze Menge Informationen, die in den kommenden Lektionen darüber kommen, wie man HTM ausnutzt . nächste Lektion, wir betrachten Formulare. 15. 18 HTML-Formulare: in dieser Lektion. Ich möchte Ihnen zeigen, wie Sie Formulare zu Ihren Webseiten hinzufügen können. Formulare sind also ein wesentlicher Bestandteil jeder Website. Wenn Sie möchten, dass Ihre Benutzer Ihnen einige Informationen senden mit Ihnen kommunizieren können, müssen Sie ein Formular hinzufügen. Also werde ich in diesem Projekt, ich werde in einem Formular direkt am unteren Rand mit in meiner Fußzeile hinzufügen und ich werde nur ein wirklich grundlegendes Formular hier und wieder einrichten . Es beginnt mit dem Öffnen und Schließen von Formular-Tags. Das Öffnen, Schließen und der Inhalt hier ist das, was wir für das Formular verwenden werden. Also vielleicht, wenn Sie etwas wirklich Einfaches tun wollen, wie ein Newsletter anmelden oder so etwas. Sie müssen also etwas wie den Vornamen des Benutzers erhalten. Und in der Regel tun wir normalerweise für Formulare, dass wir in Form hinzufügen. Also haben wir eine Reihe von verschiedenen Formularoptionen eso Eingang. So dass Eingabetyp und es gibt mehrere verschiedene Eingabetypen. Wie Sie hier sehen können, geben Klammern mir tatsächlich eine ganze Reihe von Anregungen. Hätten Sie das Kontrollkästchen „Schaltfläche“. Wir haben einige neue mit html fünf, so dass wir Farbe, Datum und so weiter tun können . Das hier ist also nur ein wirklich typischer Text. Also öffnen Sie einfach in der Nähe. Und wir müssen auch einige zusätzliche Attribute hier hinzufügen. Also haben wir eines der Attribute angegeben, dass es sich um ein Texteingabefeld handelt. Wir müssen auch einen Namen dafür angeben. Und der Grund, warum wir einen Namen angeben müssen, ist, weil wir eine Möglichkeit brauchen , diese Informationen tatsächlich aufzunehmen und sie dort zu identifizieren, wo sie eingereicht werden. Sie können auch i. D.verwenden D. also I d ist eine Möglichkeit, Styling darauf anzuwenden und so weiter. Wenn Sie einige JavaScript-Ideen verwendet haben, eine gute Möglichkeit, diese Verbindung zwischen dem Inhalt des Formulars herzustellen . Wir haben auch einige zusätzliche Optionen. Also habe ich das gerade gespeichert, und wir werden einen Blick auf unsere Webseite werfen und sehen, wie es aussieht, und wir konnten dort sehen. Wir haben unser Formelement. Also lassen Sie uns wirklich Kaffee all dieses Pop über zu Code Pen und legte unser Formular dort. Und der Grund, warum ich es in Code-Stift bringen möchte, ist, weil ich hier eine Reihe verschiedener Eingabetypen anwenden möchte, und ich möchte Ihnen sofort zeigen können, wie sie aussehen, eso ich werde hier einen Zeilenumbruch machen , und Sie möchten vielleicht auch etwas wie die E-Mail. Sie möchten also die E-Mail-Adresse der Benutzer abholen? Also werden wir Text anstelle von Text machen, damit wir Text machen können. Es sah gleich aus. Aber lassen Sie uns eine andere hier machen, die E-Mail genannt wird. Also gib ihm einen Namen und eine E-Mail. Also nochmal, du musst nicht wirklich so spezifisch damit sein und diese loswerden, weil ich nicht irgendein Styling hinzufügen werde. Dies dient nur zu Demonstrationszwecken. Also jetzt haben wir eine E-Mail genannt und wir sehen, dass wir einen Text eingeben können und was auf diesem Formular fehlt . Also geben wir einige hier besteuert, aber wir haben tatsächlich keine Schaltfläche, um dieses Formular zu senden. Also muss ich diese Schaltfläche hinzufügen und lass uns weitermachen und einen anderen Typ erstellen. Also haben wir mehrere Möglichkeiten, wie wir Eingaben machen können. Wir können Typ machen. Und Sie sahen, dass wir eine Option für die Schaltfläche hatten, so dass wir einen Eingabetyp-Schaltflächensatz von Wert für senden oder so etwas tun können und das schließen, so dass es uns eine Schaltfläche gibt, um es zu senden. Aber es funktioniert eigentlich nicht, weil es nur der Typ ist nur ein Knopf. Und es ist nicht wirklich spezifisch, dass dies unser Submit-Button eso ist. Wir müssen in der Lage sein, das zu spezifizieren, was unsere Schaltfläche tun soll. Wir wollen es einreichen lassen. Es gibt also eine Reihe von verschiedenen Möglichkeiten, dies zu erreichen, wo wir Konsens statt eines Knopfes. Was wir wollen, ist tatsächlich senden unser Formular so standardmäßig, ändert es zu senden Button. Selbst wenn ich den Wert hier loswerden sollte, sehen wir standardmäßig, der Browser weiß, dass dies eine Submit-Button ist, so dass es senden. Wenn ich auf die Schaltfläche klicke, versucht es, den Inhalt hier tatsächlich einzureichen. Eso hier, lassen Sie uns die E-Mail aktualisieren, und das ist, wo es wirklich interessant wird, weil ich dies als E-Mail angegeben habe und ich versuche, es einzureichen. Wir erhalten diese Nachricht, die besagt, dass bitte die at in der E-Mail-Adresse einschließen und dies ist neu mit HTML fünf, weil dies uns Stabilität im Wesentlichen gibt, um zu sehen, welche Art von Eingabe wir erwarten. So überprüft es eine ISI ist, bevor wir es einreichen, dass sicherzustellen, dass die Benutzer tatsächlich senden E-Mail-Informationen in gibt wir auch zusätzliche Felder. Also werde ich hier einfach einen Standard machen, und wir haben diejenigen, in denen wir die Typen angeben können, die wir so etwas wie Nummer machen könnten, und ich werde loswerden. Das ist also haben wir hier eine Nummer. Also, wenn ich versuche, Text hier einzugeben, es mich nicht dafür sorgen lassen, dass ich immer eine Nummer drin habe. Ich kann diese Farbe auch aktualisieren. Also bekommen wir den Farbwähler auftauchen und diese Luft alle brandneu mit html fünf. Wir sehen, wir haben eine ganze Reihe von wirklich netten, netten, verschiedenen Arten, die wir wirklich nutzen können. Wir haben auch diejenigen, die zuvor mit HTML fünf, Also hatten wir eins. Also werde ich das loswerden. Und wir hatten Radioknöpfe. Also diese Luft die Optionsfelder und in der Regel mit Optionsfeld sollte, auch, und eine andere Sache mit Optionsfeldern ist, stellen Sie sicher, dass es so ist Wenn Sie Radio-Buttons haben , stellen Sie sicher, dass der Name der gleiche ist und das gibt uns die Fähigkeit, diese Art von Effekt haben, wo wir auf eine es Kantate Gle zwischen ihnen klicken . Es stellt immer sicher, dass wir mindestens ein Optionsfeld haben. Wenn wir Optionsfelder verwenden, stellen Sie sicher, dass Sie ein paar davon haben. Halten Sie den Namen gleich, um zwischen ihnen wechseln zu können. Wir haben einen anderen Typ hier, wo wir angeben können, dass, wenn wir ein Kontrollkästchen benötigen, gibt es einen anderen Typ hier so ähnlich wie die Optionsfelder schwächt. Ändern Sie dies in ein Kontrollkästchen, wenn wir wollten, also haben wir eine Reihe von verschiedenen. Einige der wirklich netten hier mit jedem Team von fünf. Wir haben ein Date. Also haben wir diesen Standardkalender, der erscheint, und wir können das Datum angeben, und das füllt es automatisch. Wir haben gesehen, dass wir eine E-Mail-Textnummer machen können, die wir haben, Sie sind L. Also das ist eine andere nützliche, denn wenn ich Teoh versuche ist es etwas hier drin, also ist das keine UR L und wenn ich es einreiche, wir erhalten die gleiche Fehlermeldung, die wir mit der E-Mail eso bekommen haben, um sicherzustellen, dass unsere Textente , die wir erwarten, ist tatsächlich das, was der Benutzer in s eine Reihe von anderen, die Sie sehen könnten, so dass wir möglicherweise Text sehen. Es gibt einen Textbereich, und dieser wird anders sein als die typischen. Wir haben hier einen Textbereich, und der Inhalt sitzt eigentlich dazwischen und tut alles, nur mit Attributen. Wir haben hier Inhalte, die wir in der Mitte haben, und wir sehen, dass die Ausgabe dort ausgegeben wird . Und dann können wir hier die Namen angeben. Wir haben einen Textbereich oder wie auch immer wir es nennen wollen, und wir sehen, dass die Ausgabe in der Mitte sitzt. Dies ist also eine andere Art von Eingabe, bei der wir angeben können, dass wir eine ganze Reihe von Inhalten haben, die wir einziehen möchten, und so weiter. , Zusammen mit einer ganzen Reihe von diesen verschiedenen Tags,die wir in diesen Attributen verwenden können, haben wir auch die Möglichkeit, einige spezifischere Attribute innerhalb unserer HTML-Formulare hinzuzufügen. Also werde ich dir mehr dazu in der kommenden Lektion zeigen 16. 20 Form: in der vorherigen Lektion sahen wir all die wirklich coolen Dinge, die wir mit dem Alter tun können, um Formen zu mull. Also diese Lektion möchte ich genauer auf die verschiedenen Attribute, die uns zur Verfügung stehen, wenn wir unsere Formulare erstellen. Mit Formularen gibt es also eine ganze Menge, die man mit ihnen machen kann. Und eines der Dinge, die Sie tun können, ist, dass Sie einige Standardwerte festlegen können. Also, wenn wir wollen, dass Teoh einen Wert für den Vornamen setzt, damit jeder reinkommt automatisch diesen Vornamen von Mike sehen würde, können wir gehen. Wert ist gleich Mike. Es ist das Gleiche, was wir hier mit dem Eingabetaste gemacht haben. Wenn wir also nicht submit eingeben wollen, dann würden wir Wert tun, dieses oder was auch immer Sie es nennen wollen, und wir sehen, dass sich das ändert. So werden die Wert-Attribute verwendet, um den Wert der Eingabe zu ändern, denn Wir können auch Dinge tun, wo wir dies vielleicht deaktivieren wollen. Wir könnten deaktiviert, und das gibt uns die Möglichkeit, dem Benutzer nicht geben, nicht geben ihnen die Möglichkeit, tatsächlich den Inhalt dort zu aktualisieren. Wir können auch Dinge angeben, wo wir wollen angeben, erforderlich als auch. Also diese E-Mail, vielleicht wollen wir tun erforderlich. Also das ist HTML fünf eso Wenn ich darauf klicke, wir haben dieses Pop-up hier, das besagt, bitte füllen Sie dieses Formular aus. Dies eine andere wirklich nützliche in h 205, wo wir setzen, dass erforderlich. Eine andere Sache hier, um im Auge zu behalten, ist das, was wir tatsächlich mit der Form selbst machen. Also wissen wir es nicht wirklich. Wir haben nicht angegeben, wo wir dieses Formular tatsächlich senden, wo, wie wir dieses Formular senden oder so etwas. Und hier müssen Sie einige Attribute innerhalb des Formulars selbst hinzufügen. Die Aktion wird also angeben, wo wir tatsächlich senden das Formular angedockt zu senden. Und normalerweise wirst du etwas tun, wo du es auf dem Server einreichst und eso , das diese Daten tatsächlich aufnehmen und nutzen könnte. Also, wenn wir einreichen und jetzt klicken wir darauf und ich sollte das tatsächlich abnehmen erforderlich, weil sonst werde ich ständig darauf klicken müssen. Also, wenn ich klicke, war dies, um diese schnell zu speichern, wir klicken darauf und wir sehen, dass wir nicht haben, dass Sie sonst sind. Wir müssen dorthin zurück, und das ist eines der Dinge hier innerhalb des Formulars, dass, wenn wir angeben, wohin wir gehen, es tatsächlich vorgibt und diese Seite dorthin sendet. Es gibt eine andere Sache, die in Formularen wirklich wichtig ist, und das ist, die Methode zu spezifizieren. Also mit Formularen haben wir eine Option zu senden, Methode zu erhalten und tatsächlich innerhalb hier waren nicht in der Lage zu sehen. Also werde ich einen brandneuen Seitenplatz erstellen, diesen Vorarbeiter hier und wir sagen, dass als mein Unterarm dot html Und jetzt kann ich hier rüber gehen und gehen wir zu meiner Form HTML. Jetzt sehen wir, dass wir dieses Formular hier haben und ich klicke darauf und wir sehen, so dass es versucht, es zu senden um dot com zu senden. Aber schauen Sie in der U. R Ich höre, wo wir tatsächlich Informationen angegeben haben, die wir in das Formular eingegeben haben. Dies ist, was ich gemeint mit dem, was wir innerhalb des Formulars erhalten und wenn wir es verwenden, tatsächlich platziert diesen Inhalt aus dem Formular in unsere u R l hier, wo wir die Daten senden . Wenn wir Post benutzen, was passieren wird. Also jetzt, wenn ich das aktualisiere und jetzt erinnere, ist das nicht mehr zu bekommen. Das ist jetzt Post. Wenn ich darauf klicke, sehen wir, dass wir keine dieser Informationen erhalten, die innerhalb der Sie haben Recht, und im Grunde der Unterschied zwischen get und the Post Post ist, wo Sie Ihre sicheren Informationen senden . Wenn Sie also Passwörter haben oder eine Reihe von Daten haben, die Sie nicht innerhalb der URL befinden möchten , die sicherstellen, dass Sie den Beitrag einreichen, anstatt zu bekommen, weil der Gast nicht sicher ist und nicht, ist es nicht. Der beste Weg, Daten zu senden, ist, weil sie innerhalb der U. R I lesbar sind. Und wenn Sie davon abholen, Sie oder ich, wenn jemand das bekommt, Sie oder ich, Sie oder ich, wenn jemand das bekommt, Sie oder ich, dann könnte das tatsächlich gesendet und an den Server gesendet. Also, wenn der Server diese Informationen aufnimmt, verwenden Sie Post für die sichere Kommunikation noch, wenn Sie möchten, dass diese Daten innerhalb der URL sitzen, und wenn Sie nicht die Seite angeben, die Sie senden eine an einige gehen hier zurück auf der Aktualisierung es und ich traf. Es ist so dass wir nur Standard zurück auf die Standardseite. Oder ich sollte sagen, die aktuelle Seite, die die Benutzer auf, so dass wir nicht wirklich auf eine neue Seite gehen. Wir gehen einfach auf die gleiche Seite zurück, von der wir gerade gesendet haben. Und ein wichtiger Teil dieser Lektion ist, warum wir mit Namen angeben, weil wir es auf diese Weise innerhalb des Servers aufnehmen. Wenn wir diese Namen nicht angeben würden, hätten wir eigentlich keine Möglichkeit, den Inhalt hier abholen zu können. Also sehen Sie, in dem Sie l dort sind, wo Sie einige Inhalte eingeben können und natürlich muss es ein Jahr sein, Earl. Also lasst uns hier einen Euro schaffen. Und wenn wir es treffen, wir eigentlich gar nichts weiter. Und das liegt daran, dass wir den Namen nicht angegeben haben. Aber wenn ich das ändere und wenn ich ihrem zweiten einen Namen Teoh hinzufüge, nenne ich es einfach Earl. Geh wieder raus. Aktualisieren Sie diese Seite. Jetzt machst du das Band. Du bist wieder ich. Und jetzt habe ich zu viele Tees. Also jetzt sehen wir, dass es jetzt tatsächlich innerhalb der u R l hier oben übergeben wird. Stellen Sie also immer sicher, dass Sie den Namen darauf angeben, wie Sie diese Daten am anderen Ende abrufen können , wenn Sie das aufheben, also arbeiten Sie mit Formularen in HTML. der nächsten Lektion, die wir den Kurs abschließen werden, werden wir schnell darüber gehen, wie wir Styling hinzufügen können, wie wir in JavaScript nicht können und wie wir unsere Webseite wirklich aktualisieren können, um sie effektiver und dynamischer zu machen , mit CSS, so dass es besser aussieht und dann Javascript in der Reihenfolge, um ungerade dynamische Interaktionen, die in der nächsten Lektion erscheinen . 17. 21 CSS-Dateien: in dieser Lektion. Ich möchte Ihnen Mawr zeigen, wie wir mit CSS arbeiten können, wie wir nicht CSS auf unsere Webseiten und viel mehr, so zuvor haben wir uns vorher angesehen, was wir mit Formularen machen können, und wir haben gesehen, dass wir ziemlich viele wirklich nette Dinge mit Formularen machen können. Also gehe ich einfach zurück und öffne hier unsere ursprüngliche Indexseite. Das ist also die ursprüngliche Webseite, mit der wir gearbeitet haben, und wir werden einen genaueren Blick darauf werfen, was wir mit Styling gearbeitet haben. Also ging über Code Pen , den wir auch im Laufe des Kurses betrachtet hatten, sahen wir, dass Code-Stift unseren Code in HTML, CSS und JavaScript auseinanderbricht in HTML, . Und wir sahen auch, dass, wenn ich wollte, ich Form verbinden konnte. Ich könnte so etwas wie Hintergrundfarbe tun, und ich könnte hier Farbe angeben und sehen, dass es automatische Tate wirksam wird. Also, was passiert hier? Und auch, wenn ich ein Java-Skript, Aiken, einfügen möchte , würde etwas schnelles JavaScript tun, es würde sehen, dass wir dieses Pop-up-Fenster kommen, und wie es die Seite rendert, dass wir unser Javascript abfeuern. Wir bekommen unser CSS und die Art und Weise, wie dies mit CSS funktioniert. Wir haben gesehen, dass wir es innerhalb derselben Seite aufnehmen können. Aber wir sahen auch weit zurück nach innen, wenn wir uns den ursprünglichen Quellcode ansehen. Wir sehen, dass wir eine Menge Links zu CSS-Seiten haben und wir können es tun. Und das ist eigentlich der intelligentere Weg, CSS in Ihre Webprojekte zu bringen, da dies Ihnen die Möglichkeit gibt , tatsächlich eine Website aufzubauen und eine ganze Reihe von Seiten zu verknüpfen. Und wenn Sie diese CSS-Datei aktualisieren, aktualisiert es alle Ihre Webseiten gleichzeitig, weil sie nur eine Verbindung herstellen und sie ihre CSS oder ihre Styling-Werte von dieser CSS-Seite erhalten. Also lassen Sie uns Ihnen zeigen, wie das funktioniert. Also gehen wir zurück in unseren Quellcode, lassen Sie uns entfernen sind auf Seite Styling. Speichern Sie das, öffnen Sie eine neue Datei, fügen Sie diese ein und beachten Sie, dass ich keine HTML-Dateien hinzufüge. Ich öffne und schließe nicht oder HTML-Tags öffnen und schließen, weil dies ein anderer Dateityp sein wird . Es ist eine CSS-Datei, also lasst uns voran gehen und diese speichern. Ich werde es Stil nennen. CSS gegebene Erweiterung von CSS. Und jetzt ist dies eine eigentliche CSS-Datei. Lassen Sie uns die Seitenleiste zeigen. Und jetzt, wenn wir unsere Indexseite speichern, gehen wir zurück hierher und gehen zurück zu dieser Indexseite. Aktualisieren Sie es. Also ist unser ganzes Styling weg. Wir haben unser Styling auf ihrer Seite verloren, und das bedeutet, dass wir uns anschließen und mit diesem CSS-Pfirsich verbinden müssen. Und wieder, der wirklich nette Teil über die Verknüpfung Oh, um Bewertungen von Seiten zu sehen und warum es auf der Anzahl von Webseiten gemacht wird , ist, dass jetzt , wenn ich Index habe , wenn ich mein Forum habe, alle von ihnen verlinken diese CSS-Datei. Wenn ich die CSS-Datei aktualisiere, aktualisiert sie alle diese Seiten. Wie wäre es mit der Ausgabe der Seiten? So könnte man, auf jeden Fall beinhaltet auch Styling so auf Seite Styling. Wenn Sie also ein bestimmtes Styling für diese bestimmte Seite haben, könnten Sie das in hinzufügen, so als ob Sie für jedes einzelne Element Styling hätten, könnten Sie es auch als Attribute hinzufügen. Und hier kommt die Reihenfolge, in der Sie den Inhalt darstellen, den es bedeutet, ins Spiel, denn wenn wir ein einfaches Zeug auf ihrer Webseite haben wollen, nachdem das Styling in gebracht hat, haben wir diesen Stil, nachdem wir auf das Stylesheet verlinkt haben. Wenn wir es vorher tun wollen, was normalerweise nicht getan wird, dann würden wir es vorher tun. Also lassen Sie uns dieses CSS setzen und dies ist ein selbstschließendes Tag, und wir spezifizieren alle diese Attribute auf die gleiche Art und Weise, wie sie verlinkt wurden. Wir verwenden H ref, um es mit einem Stylesheet zu verknüpfen. Wir tun R E l, um anzugeben, dass dieser Link ein Stylesheet ist. Das erwarten wir. Gehen Sie zurück auf die Seite, aktualisieren Sie sie, und unser Styling ist zurück. Und jetzt, wann immer ich das geöffnet habe, kann ich das Styling aktualisieren. Ich kann die Farben aktualisieren und wir können sehen, dass, wenn ich die Seite aktualisiere, sie tatsächlich aktualisiert wird und über alle Seiten reflektiert wird, die darauf verlinken. Die nächste Lektion werden wir Ihnen zeigen und wir werden kurz darüber reden, was JavaScript ist und wie es in Ihrer HTML-Seite hinzugefügt werden könnte, die in der nächsten Lektion erscheint. 18. 22 Was ist JavaScript: so sehr, wie wir externe CSS-Inhalte in unsere Webseiten bringen könnten, kann JavaScript und die gleiche Art und Weise, wie wir es getan haben, bringen . JavaScript schwächen tun CSS. Öffnen wir unseren Redakteur und lassen Sie mich es Ihnen zeigen. Also im Grunde, mit CSS, haben wir mit einem Stylesheet verlinkt Gut gesagt Option, um unsere aktuelle zu verwenden. Unser aktuelles Seitenstyling ist das Gleiche mit JavaScript. Wenn ich also eine Verknüpfung zu einer JavaScript-Datei herstellen möchte, könnte ich ein Skript machen und ich könnte einfach Schmerzen nehmen. Die Skript-Quelle. Also funktioniert diese, interessanterweise , wie Bilder die Quelle spezifizieren, im Gegensatz zu dem Styling, das wie die Hyperlinks funktioniert. Eso geben Sie die Quelldatei an und lassen Sie uns eine Quelldatei erstellen, so dass wir es einfach Skript nennen. JavaScript-Dateien sind also Js-Dateien, und was JavaScript tut, ist, dass es Ihnen die Möglichkeit gibt, dynamische Interaktion innerhalb Ihres Webinhalts zu erstellen . Wenn Sie sich also Ihre Webseite ansehen, haben Sie drei grundlegende Gründersprachen, die jede einzelne Webseite ausmachen und dass die Browser diesen Inhalt von So haben Sie Ihren HTML, das ist Ihre Gesamtstruktur und Ihren Inhalt der Webseite. Also alles, was visuell ist und alles, alles, was der Benutzer in der Lage ist, innerhalb der Webseite zu konsumieren. Dann haben wir Styling, dem wir das Aussehen unserer Webseite anpassen können. Und dann haben wir JavaScript, die es uns ermöglicht, dynamische interaktive Inhalte zu erstellen, mit ihren HTML-Elementen zu interagieren und eine ganze Menge mehr, so dass wir ah, Skriptdatei in und Sie werden auch online sehen. Es gibt eine Reihe von Bibliotheken, und dies gibt Ihnen die Möglichkeit, diese Bibliotheken in Ihre Projekte zu integrieren und JavaScript zu verwenden . Nun, wenn Sie JavaScript in Ihrer Seite verwenden möchten, Sie nicht immer eine Verknüpfung zu Skriptdatei ähnlich wie das, was wir mit CSS-Wochen gemacht haben, und erstellen Sie das Tags-Skript und dann innerhalb hier können wir dies tun. Dies ist nur eine einfache Warnung innerhalb des Java-Skripts, die diese kleine Pop-up-Sache macht. Ich werde nicht zu viel in JavaScript bekommen. Ich möchte Ihnen nur zeigen, wie Sie Javascript in Ihre Seiten bringen. Und wie Sie sich mit HTML vertraut machen, dann bewegen Sie sich zu CSS, wie Sie sich wohl fühlen, CSS und HTML bewegen sich dann zu JavaScript, so dass es unsere Webseite öffnet und ich werde Ihnen zeigen, wie wir JavaScript abfeuern. Und ich kann auch eine brandneue Javascript-Datei erstellen. Also, wenn ich hier rüber gehe, kann ich diesen Skript-Inhalt auf diese Seite kopieren. Und noch einmal, denken Sie daran, ich gebe nicht an, dass HTML-Tags geöffnet werden, weil dies an sich eine JavaScript-Datei sein wird . Also werden wir ihm eine JavaScript-Erweiterung Js geben. Und jetzt, da wir mit ihm verknüpft haben, wie wir es mit dem Stylesheet getan haben, lassen Sie es uns aktualisieren. Und wir sehen, dass unser JavaScript immer noch abbrennt, als ob es auf der Seite wäre. Funktioniert auf die gleiche Weise, genau wie das CSS. Also, was? Sie können es ausführen und es so funktionieren lassen, als ob es auf der Seite wäre. Und wieder, der Vorteil der Verlinkung auf diese externe Datei ist, dass Sie wirklich einfach diese Funktionalität auf Ihre Reifenwebsite bringen können. Eso spielt keine Rolle, wie viele Seiten Sie haben. Wenn Sie auf das Job-Skript-Gefühl zum CSS verlinken, können Sie es innerhalb Ihrer Webseite verwenden. Jetzt, natürlich, mit HTML mit Javascript mit CSS, braucht es Übung. Also ermutige ich Sie, einen Blick durch den Quellcode zu werfen. Werfen Sie einen Blick durch die verschiedenen Lektionen und öffnen Sie sich entweder. Holen Sie sich Ihren eigenen Redakteur. Probieren Sie es auf Ihrem Computer aus. Probieren Sie diese HTML-Dateien in Ihrem Browser aus, oder Sie könnten zu Ressourcen wie Code Pen gehen und verschiedene HTML CSS und JavaScript ausprobieren und sehen, was Sie mit diesen Sprachen geschehen können und immer ein großartiger Ort zum Starten ist , um Ihre erste HTML-Vorlage zu entwickeln. Beginnen Sie noch einmal mit nur dieser Grundstruktur. Sie haben Ihren HTML-Code öffnen und schließen. Steuern Sie Ihren Kopf öffnen, schließen Sie Körper und öffnen und schließen, und versuchen Sie dann, Inhalte hinzuzufügen und fügen Sie mehr und mehr Strukturierung hinzu, bis Sie Ihre Website so entwickeln , wie Sie erwarten, dass sie aussehen wird und fügen Sie dann dieses Styling hinzu, um wirklich zu erhalten and Feel und das angepasste, angepasste Anzeige Ihrer Website-Inhalte und dann, nachdem Sie mit HTML und CSS vertraut sind, dann könnten Sie in JavaScript und JavaScript suchen ist eine ausgezeichnete Möglichkeit, zusätzliche Funktionalität für Webbenutzer 19. 23 HTML: Willkommen zu unserem Einführungskurs zum Thema HTML. Mein Name ist Lawrence und ich werde Dozent für diesen Kurs sein. Ich komme zu Ihnen mit über 18 Jahren Erfahrung in der Webentwicklung, und ich freue mich, die Möglichkeit zu haben, mein Wissen mit Ihnen zu teilen. In diesem Kurs werde ich Sie durch die grundlegenden Kernkonzepte der Entwicklung einer Website führen. Und das ist HTML. Ich habe Ihnen gezeigt, wie Sie HTML-Webseiten wirklich einfach und schnell erstellen können. Wir beginnen mit der Einführung in die Grundlagen von HTML. Und ich werde Ihnen zeigen, wie Sie Ihre eigene HTML-Vorlage erstellen können, um Ihre einzelnen Mel Cord zu strukturieren . Und wir werden auch in den Aufbau Ihrer eigenen HTML-Fünf-Vorlage gehen, Maura über HTML fünf diskutieren. Was es ist, wie Sie es verwendet haben und wie Sie Inhalte intelligenter entwickeln können. Betrachten Sie auch die grundlegende Strukturierung Ihrer Inhalte, so dass Sie nicht nur einen großen Blob von Inhalten haben . Sie können es mit Überschriften mit Absätzen mit Zeilenumbrüchen usw. auseinandersetzen. Wir werden auch untersuchen, wie wir Listen verwenden können, um Inhalte aufzulisten, so dass sie für Webbenutzer verbrauchsfähiger sind. Auch die grundlegenden Grundlagen von Websites und wie wir Hyperlinks verwenden können, die auf externe Seiten die Seiten innerhalb meiner Website verlinken und auch Inhalte oder Bereiche meiner aktuellen Webprojekte als Lesezeichen markieren . Auch wenn man Bilder betrachtet, sind Bilder von grundlegender Bedeutung für jede Website. Die Benutzer lieben Bilder. Ich werde Ihnen zeigen, wie Sie diese Bilder auf Ihre Webseiten bringen können. Betrachtet man auch dibs und spannt, wie wir Inhalte besser strukturieren können, wie es in Styling CSS in unsere Web-Projekte bringen könnte, um ein besseres Aussehen zu erhalten und zu fühlen wie HTML fünf weitere semantische Elemente und HTML fünf wie Kopfzeilen, Fußzeilen und so weiter. Außerdem bildet HTML alle verschiedenen grundlegenden Typen aus. HTML bildet, wie wir Attribute anwenden können, um sogar Mawr Macht außerhalb der Reichweite zu männlichen Elementen zu bekommen und dann auch, wie wir unsere gesamte Webseite aufbauen und wie wir Chur unsere Webseite und unsere Website-Inhalte konstruieren können . All dies und noch viel mehr ist in diesem Kurs enthalten. Außerdem der Quellcode und die Ressourcen in diesem Kurs auch verwendet werden so dass Sie alles haben, was Sie brauchen, um mit der Erstellung von HTML-Code zu beginnen . Also, wenn Sie bereit sind, beginnen wir mit der Erstellung von HTML-Code und arbeiten durch die Lektionen. auch Probieren Sie esauchselbst aus und sehen Sie, was Sie mit HTML erreichen können.