HTML und CSS für Anfänger:innen

1. EINFÜHRUNG: Hallo und willkommen zu einer neuen Klasse. Dies ist HTML und CSS. Und im Grunde steht HTML für Hypertext-Markup-Sprache. Und dies ist eine sehr einfache Sprache, um die Struktur einer Webseite zu beschreiben. Und wenn ich Programmieren oder Programmieren lernen möchte, beginne ich mit HTML, da es die einfachste und unkomplizierteste Sprache ist. Jetzt habe ich Eunice und ich werde dein Lehrer für diesen Kurs sein. Beginnen wir also mit dem Umriss. Also, was sollen wir abdecken? Die Themen für diese Klasse sind also einige Grundlagen über die Zelle und einige vordefinierte Tags usw. Wir haben auch Attribute. Und dann werden wir über Styling und Formatierung sprechen. Dann gehen wir auf Länge Bilder weniger und Tabellen. Und dann werden wir endlich lernen, wie wir unsere CSS-Datei in unser HTML lassen. Und schließlich werden wir unsere Klasse damit enden, über Eingabetypen zu sprechen. Das ist es also. Und ich hoffe, Sie haben diesen Kurs genossen. Wir sehen uns das nächste Video. 2. Überschriften: Und jetzt ist das unser Visual Studio-Code. Gehen wir voran und klicken Sie auf Datei. Wir können hier sehen wir haben die Erweiterungen und begann einige Erweiterungen hinzuzufügen. Zum Beispiel können wir HTML. Ich habe bereits einige von ihnen installiert, aber dies ist HTML-CSS-Unterstützung könnte nützlich sein. Wir haben auch diesen hier. Und schließlich werde ich herunterladen und, und Browser, nur um unseren HTML-Code und unseren Browser zu sehen und installieren. Nun lassen Sie uns diese Erweiterung schließen und mit unserem Code hier beginnen. Lassen Sie mich zum Beispiel einfach eine neue Datei erstellen. Und dieser Dateiname zuerst, der HTML. Und wir sind gut jetzt, ich öffne das, siehe ersten HTML hier. Und wie kann ich meinen ersten HTML-Code schreiben? Ich kann einfach STM n schreiben und zu HTML fünf Restaurant gehen, und das ist unser erster HTML-Code. Nehmen wir an, ich möchte diesen Code anzeigen. Ich kann einfach mit der rechten Maustaste hier klicken und im Standardbrowser anhängen. Und dann ist das unsere erste Seite. Es ist eine leere Seite, da wir bis jetzt nichts hinzugefügt haben. Lassen Sie mich voran und erklären Sie einfach ein wenig über die Struktur dieses HTML-Codes. Das erste, was wir bemerken werden, ist dieser DOCTYPE, HTML, und dies zeigt den Dokumenttyp an. Und weil wir in HTML schreiben, werden wir es auf HTML setzen. Jetzt ist das zweite, was HTML ist. Wir öffnen das öffnende Tag. Das ist also unser HTML-Code innerhalb des öffnenden und endlichen Tags. Und dann haben wir unsere Sprache. Wir können diese Sprache einfach hinzufügen, und in diesem Fall verwenden wir Englisch. Also EN gibt Englisch an. Jetzt, wann immer wir an unserem Tag anhängen, können wir einfach HTML schreiben. Und das ist unser Eröffnungs-Tag. Nun, wenn Sie unser Endtag schreiben möchten, ist das gleiche wie unsere Öffnung, aber wir werden diesen Schrägstrich hinzufügen. Und wie wir sehen können, ist die Struktur unseres HTML-Codes ziemlich einfach und einfach. In unserem HTML haben wir also zwei Hauptaufgaben. Also der erste ist der Kopf. Und in unserem Kopf haben wir unseren Titel, dann haben wir unseren Körper. Und hier werden wir unseren Code schreiben. Und zum Beispiel kann ich eine Lope schreiben. Und wenn ich dies einfach im Standardbrowser öffne, kann ich hier in Richtung niedrig gedruckt sehen. Lassen Sie mich hier zurück. Und so ist das im Grunde unser Körper. Und hier werden wir alles schreiben, was wir wollen. Und nehmen wir an, ich schreibe dieses Hallo und einen üblichen Text oder eine kleine Größe. Wenn ich es beispielsweise wie einen Titel einschreibe , kann ich einfach die Überschrift verwenden. Und das wird eins sein. Und wenn ich die Eingabetaste drücke, bekomme ich eins. Und in diesem Fall, wenn ich Hallo schreibe, führen Sie das aus. Ich werde dieses große Hallo bekommen. Nun, eigentlich haben wir so viele Überschriften. Zum Beispiel wird X2 kleiner sein. Und natürlich wird h3 auch kleiner sein. Und lassen Sie mich es hier überprüfen. Also oben und in verschiedenen Browser und wir bekommen diesen, das ist H2, und das ist Rand drei. Und eigentlich haben wir nur sechs Überschriften. Also, wenn ich x schreibe, verstehe ich das richtig. Hallo und hartnäckig und drücken Sie die Eingabetaste, nichts wird passieren. Wir haben keine reservierte Kante sieben Welt. Also, wenn ich nur, und so werden wir dieses kleine Hallo zu bekommen. Und das ist, es folgt im Grunde den Überschriften, wie wir sehen können, wie wir höher gehen und Zahlen, die Größe unseres Titels oder unsere Überschrift wäre kleiner und kleiner. Und das ist im Grunde, also ist dies unser erster HTML-Code, ist sehr einfach. Es wird jedoch viel komplizierter. Und unsere nächsten Videos. Bleiben Sie also konzentriert und sehen Sie sich. 3. HTML-Grundlagen: Nun, nachdem wir unsere Überschriften geschrieben haben, können wir mit einer Bandlücke beginnen. Also nehmen wir an, ich möchte hier schreiben, ich kann einfach b schreiben also ist dies ein Absatz und ich werde schreiben, mein Name ist Eunice. Und wenn ich das aufmache, kriegen wir Hallo. Mein Name ist gehabt Einheiten. Nun lassen Sie mich einfach einen weiteren Absatz schreiben, und ich kann hier einfach schreiben, dies ist ein weiterer Absatz darauf. Wie wir sehen können, werden wir zwei verschiedene Absätze bekommen. Wenn ich jedoch einfach hier schreibe und anhänge, werden wir sie bekommen, alle in der gleichen Zeile. Also, wenn ich einen neuen Absatz beginnen möchte, werde ich einfach den ersten schließen und oben. Und wie Sie hier sehen können, so ist dies, weil in der Zeit des ersten, und das ist das öffnende Tag des zweiten. Lassen Sie mich diese einfach löschen und beenden Sie das einfach. Und jetzt gehen wir zu einer anderen Sache über. Und das ist der Link. Wie können wir einen Link zu unserem HTML-Code hinzufügen? Also das erste, was wir schreiben werden, ist ein und drücken Sie dann die Eingabetaste. Wir werden das kriegen. Und wenn du es nicht verstehst, kannst du es einfach schreiben. Also eine h Referenz, und das ist die Abkürzung von Referenz und gleich. Und wie Sie sehen können, haben wir diese hier und wir sollten unseren Link unter diesen Bedingungen schreiben. Also lassen Sie mich einfach zu Google gehen und greifen Sie diesen Link, zum Beispiel, und Basen hier. Und wenn ich einfach, kann ich einfach hier schreiben, das ist ein Google-Link. Und öffne es. Wir werden Hallo bekommen. Mein Name ist Kopfeinheiten und das ist ein Google-Bein. Also, wenn ich auf diesen Link drücken und es wird automatisch diesen Link oder Google Fotos öffnen, wie Sie hier sehen können. Und so können wir erstellen, wie Sie sehen können, gehen Sie einfach zurück, und so können wir unseren Link in HTML erstellen. Nun gehen wir zu einem anderen Grundkonzept über und das ist, ein Bild hinzuzufügen. Wie Sie sehen können, wenn ich ein Bild erstellen möchte, kann ich IMG unterteilen und drehen. Und das ist unser öffnendes Tag innerhalb des Objekt-Tags. Wie zuvor müssen wir unsere Quelle zwei hinzufügen, dies ist die Quelle unseres Bildes. Und nehmen wir an, ich möchte zurück hierher und Google Fotos. Das ist also ein Bild. Ich kann diesen Link einfach kopieren. Und Long, aber wir werden es klären. Das ist also unser Link. Wenn ich das jetzt öffne, können wir sehen, dass wir dieses Bild bekommen werden. Und wir lernen später, wie man die Größe oder die Länge und Breite dieses Bildes anpasst. Aber vorerst, so können wir einfach dieses Bild und unseren HTML-Code hinzufügen. Jetzt gehen wir zurück. Nehmen wir an, ich möchte eine Schaltfläche erstellen. Und in diesem Fall kann ich einfach schreiben Button und, und so ist das unsere Schaltfläche und ich kann einfach schreiben, zum Beispiel, klicken Sie mich in diesem. Und wir können hier sehen, haben wir einen Knopf, der Click Me sagt. Nun, es tut nichts mit Now, da wir nichts hinzugefügt haben, wenn ich diesen Knopf drücke, wird nichts passieren. Wird einfach sehen, dass es ein wenig ändert , aber geht wieder normal und nichts wird auf dem Bildschirm erscheinen. Und weil wir keinen Code zu dieser Schaltfläche hinzugefügt haben, gehen wir zurück zu unserem HTML-Code und fangen wir an, über weniger zu sprechen. Also ein HTML haben wir zwei Arten von Listen. Wir haben die ungeordnete Liste und eine geordnete Liste. Beginnen wir also mit der Erstellung einer ungeordneten Liste. Lassen Sie mich das also löschen und beginnen Sie mit einer Rubrik Nummer zwei. Und das ist eine ungeordnete Liste. Und wie können wir eine ungeordnete Liste erstellen? Wir können einfach die Initialen Sie verwenden und, und das ist unsere Liste. Nun, wie können wir Elemente erstellen und entscheiden, Slash Slash? Wann immer wir erstellen, wann immer wir, wann immer wir u l schreiben, ist dies unsere leere weniger als jetzt haben wir keinen Artikel hinzugefügt. Also, wann immer wir ein Element hinzufügen möchten, können wir einfach Listenelement schreiben. Und es öffnet sich ein bisschen. Und innerhalb dieser zwei Male können wir unseren Artikel erstellen. Nehmen wir an, ich ging auf das rechte Telefon. Und der zweite wird Laptop sein. Und diese dritte wird eine Uhr sein. Und jetzt, wenn ich das einfach öffne, können wir sehen, dass dies eine ungeordnete Liste ist. Und wir haben drei Gegenstände, Telefon, Laptop und Uhr. Jetzt lass mich hier zurück und lass uns eine weitere Liste erstellen. Dies ist, dies wird eine geordnete Liste sein. Und in diesem Fall, lassen Sie mich einfach hier schreiben Etch, tun Sie auch. Und innerhalb dieser Kante zu L, gehen, um dies als eine geordnete Liste zu schreiben. Und wie können wir es schaffen? Also, oh, und wie immer, und wir können einfach unsere Elemente hier hinzufügen. Also das erste Element Listenelement wie üblich, und lassen Sie mich die gleichen Elemente wie zuvor schreiben. Also haben wir gefunden, wir haben Laptop und wir haben Watch. Nun, lass mich das noch ein Mal öffnen. Und das ist eine geordnete Liste. Wir haben drei, eigentlich drei Artikel und sie sind von eins bis drei nummeriert. Nun, eine andere Sache hier, wenn ich zum Beispiel Verbündete hatte und mir nur eine Flasche lassen würde. Und dieser Fall müssen wir das nicht jedes Mal öffnen. Wir können einfach hier zurückgehen und einfach nur aktualisieren, und Sie können es hier sehen. Aber ich denke, es ist einfacher. Ich habe mich gerade aufgemacht. Aber wenn du all das öffnest, wird das hier so chaotisch sein. Also nur aktualisiert, indem Sie die Seite von oben aktualisieren. Dies ist also im Grunde für die ungeordnete und geordnete Liste und HTML. So können wir sie erstellen und Elemente in jedem einzelnen von ihnen erstellen. Das ist also das Ende dieses Videos, und das nächste Video werden wir HTML-Attribute besprechen und sehen uns dann. 4. Attribute: Nun gehen wir zu Attributen, und wir haben einige Attribute in HTML gesehen. Also zum Beispiel, als wir A geschrieben und drücken die Eingabetaste, haben wir diese HREF. Dies ist eine Hyperlink-Hyperverweis. Und wenn wir schreiben, zum Beispiel, versuchen wir HTTP und, und google.com. Und wenn ich das wie zuvor öffne , dann schreibe einfach etwas hinein. Sagen Sie zum Beispiel, klicken Sie hier. Und lass mich einfach zurück zu Google gehen und das hier ausführen. Wir werden Glick hierher bringen. Und wenn ich hier klicke, wird es mich automatisch zu Google bringen. Ich kann hier nach allem suchen, was ich will. Lassen Sie mich das einfach löschen und das ist unsere Seite. Und lass mich einfach zurückgehen. Das ist also ein Attribut. Nun könnte ein anderes Attribut das title-Attribut sein. Also, wenn wir zum Beispiel eine Überschrift schreiben, lassen Sie mich das einfach löschen. Und jetzt haben wir etwas Platz. Also nehmen wir an, ich möchte Hallo Welt und Hallo Welt in der einen schreiben. Ich kann das öffnende Tag hier hinzufügen. Ein Titel gleich. Dies ist zum Beispiel ein Header. Und beachte, wenn ich das einfach öffne, wird nichts passieren. Ich erhalte einfach hallo Welt. Diesen Titel können wir jedoch später verwenden, wenn wir zum Beispiel diesen Header aufrufen oder ihn an einem anderen Ort verwenden möchten . Das ist also ein weiteres Attribut. Nun haben wir zum Beispiel auch die width und height Attribute. Wenn wir also ein Bild zu unserem HTML-Code hinzufügen, können wir dieses Bild einfach anpassen. Zum Beispiel, lassen Sie mich einfach hier zurückgehen und bemerken, dass wir dieses Bild haben. Hallo, lassen Sie uns diesen Link kopieren und mich hierher zurückgehen. Bild. Die Quelle wird also diese sein. Und natürlich kann ich eine Alternative hinzufügen, ich werde es später tun. Aber jetzt lassen Sie mich einfach die Breite und Höhe hinzufügen, damit ich einfach tippen kann. Lassen Sie mich das zuerst ausführen, um zu sehen, wie dieses Bild aussieht. Es sieht also so aus. Es ist sehr groß. Also, wenn ich das einfach anpassen möchte, kann ich das einfach schreiben. Ich möchte, dass die Höhe davon 600 und die Breite in diesem Fall gleich 400 ist. Und lass mich einfach zurückgehen, erfrischen. Das ist jetzt unser Bild. Und Sie können feststellen, dass es kleiner wird. So können wir die Breite und Höhe so einstellen, wie wir wollen. Also lassen Sie mich zum Beispiel einfach dreihundertdreihundert quadratisch machen. Geh zurück. Lauf noch mal. Und das ist jetzt unser Bild. Also das ist es für die Alternative für, tut mir leid, für die Attribute Höhe und Breite. Nichtsdestotrotz werden wir uns zum Beispiel damit beschäftigen, nehme ich an, ich habe diesen und wir haben einen Titel. Zum Beispiel, wenn ich nur ein Wort schreiben möchte, kann ich einfach hier hinzufügen, hallo. Und das hat einen Titel, es wird richtig funktionieren. Nichts wird passieren. Wenn ich das vormache, wird nichts passieren. Also haben wir nur Hallo Welt. Wenn ich jedoch einen zwei Buchstaben oder zwei Wörter zum Titel habe, zum Beispiel hallo Welt, kann ich dies nicht zu einem einzelnen Titel ohne Zitate hinzufügen. Wie Sie hier sehen können, ist dies eine Orange und das ist das Himmelblau. So ist es sicherlich nicht ein Titel. Um damit umzugehen, kann ich einfach Mutationen hinzufügen, wie wir es vorher getan haben. Wenn ich jedoch nur ein Wort habe, kann ich einfach hinzugefügt werden, ohne Bedingungen hinzuzufügen. Und das Letzte, was ich in diesem Video diskutieren werde, ist das kühne. Und in diesem Fall, nehmen wir an, ich habe einen Absatz. Ich, ich bin der Uranus und ich wollte ein Boot sein. Ich kann einfach das Be hier hinzufügen. Entschuldigung. Lassen Sie mich es einfach wie gewohnt hinzufügen. Und ich werde das kriegen. Aber ich bin hier geendet. Also und da oben, so wie wir hier sehen können, hatte Chaim Einheiten. Das ist in beiden. Nehmen wir an, ich möchte nur, dass mein Name fett ist. Ich will keine hohe IM und du willst, dass sie normal sind. Ich kann zurückgehen und einfach das öffnen, auf Anzeigenblöcke sein und es nach diesem und diesem noch einmal schließen. - Hat getrunken. Wie wir sehen können, bekommen wir Kopfeinheiten und Bolzen. Dies ist also nützlich, zum Beispiel, wenn wir einige spezifische Wörter haben, die wir hervorheben müssen, können wir einfach den Bolzen hinzufügen oder Tags öffnen und schließen. Und das wird den Job erledigen, wie wir hier sehen können. Und das ist es für die Attribute. Und damit das gesagt wird, ist dies das Ende dieses Videos. Wir sehen uns im nächsten. 5. Absatz: Konzentrieren wir uns nun ein wenig auf den Absatz. Aber zunächst einmal, nehmen wir an, wir haben einige Überschriften und gefolgt von einem Absatz und dem Körper. Nehmen wir zum Beispiel an, ich habe die Überschrift eins. Und in dieser Überschrift haben wir diese Überschrift. Danach versuchen wir es. Wörter sind im Absatz Abschnitt und ich kann einfach schreiben, dies ist der erste Absatz. Danach kann ich das als Hinzufügen von zwei schreiben. Dann noch ein Absatz, dies als der zweite Absatz. Und schließlich füge ich drei hinzu. Es tut mir Leid. Lassen Sie mich das einfach anpassen. Also Überschrift drei. Das sind drei. Und schließlich ist dies der dritte. Mittlerweile haben wir das mitgebracht. Öffnen wir es einfach. Und wie wir hier sehen können, haben wir dies als Überschrift eins. Dies ist der erste Absatz, Überschrift zu Absatz 2 und Überschrift 3, dritter Absatz. Jetzt lass mich einfach wieder hierher gehen. Und wie Sie sehen können, gibt es nicht getrennt. Die sie sind nur einander gefolgt, sie folgen einander. Wenn ich sie jedoch nur durch eine Linie trennen möchte, kann ich einfach die EHR verwenden, und das ist eine horizontale Linie. Also, wenn ich HR zwischen Absatz 1, Absatz zwei, Absatz drei verwende , dann führen Sie das aus. Ich werde es auffrischen. Ich sehe, dass sie jetzt durch diese horizontale Linie getrennt sind. Und gehen wir zurück zu unserem Code und arbeiten mit etwas anderem. Und das ist die Struktur eines Absatzes. Nehmen wir an, ich habe einen Absatz und in diesem Absatz habe ich dies die erste Zeile des Absatzes. Und dann noch ein Absatz. Und in diesem haben wir dies als die zweite Zeile des Absatzes. Lasst uns einfach auffrischen. Und wir haben zwei Zeilen. Das ist also die erste, zweite und alles funktioniert normal. Nehmen wir jedoch an, ich habe darin drin. Lassen Sie mich jetzt, lassen Sie mich das einfach bekommen und hier einfügen, wie wir sehen können. Also haben wir zwei Zeilen in unserem HTML-Code. Dies ist die erste Zeile und das ist die zweite Zeile. Wenn ich jedoch zu unserem Browser zurückgehe und dies ausführe, können wir sehen, dass sie sich in der gleichen Zeile befinden. Dies ist also die erste Zeile des Absatzes. Das ist die zweite Zeile. Sie befinden sich jedoch auf der gleichen Linie. Beachten Sie hier, dass, wenn wir einen Absatz haben, alles, was wir schreiben, auch wenn wir nur einige Zeilen hinzufügen, sie in der gleichen Zeile in unserem Browser sein werden. So können wir sehen, dass sie hier auf der gleichen Linie sind. Und tatsächlich hängt die Anzahl der Zeilen in einem Absatz von der Größe des Browserfensters ab. Also zum Beispiel, wenn wir unser Browserfenster hier ändern, lassen Sie mich einfach ein wenig nach links. Und wir können sehen, dass wir jetzt zwei Zeilen haben. Und das ist das Maximum, das wir bekommen werden. Also haben wir zwei Zeilen. Wenn wir nur die Größe unseres Fensters ändern. Nun, wenn wir wollen, dass sie in separaten Zeilen sind, können wir entweder mit verschiedenen Absätzen arbeiten, wie wir zuvor geschrieben haben. So haben wir zum Beispiel diesen Absatz und den anderen Absatz. Und lasst uns einfach auffrischen. Wir werden zwei verschiedene Absätze bekommen. Wir haben jedoch eine andere Methode, die wir hier verwenden werden, und das ist die BR. Und lassen Sie mich zum Beispiel schreiben, wenn ich möchte, dass dies in einer separaten Zeile ist, kann ich einfach BER schreiben und dann hier schließen. Und wie wir sehen können, lass mich einfach rennen. Und wir werden als zweite Zeile des Absatzes bekommen. Und das ist in einer separaten Zeile. Also hier haben wir das verpasst. Und lassen Sie mich das einfach löschen, nur um es einfacher zu machen. Und der dieser Absatz von hier zu aktualisieren. Und Sie können es jetzt sehen, dass wir dies die erste Zeile haben, und dies ist die zweite Zeile auf verschiedenen oder separaten Kunden. Das Letzte, was wir tun werden, ist, mit den Bri zu arbeiten. Und diese Erhaltung bewahrt sowohl Leerzeichen als auch Linien. Also hier zum Beispiel, wenn ich hier einige Leerzeichen hinzufüge und zurückgehe, wird nichts passieren. So bleiben die Leerzeichen nicht erhalten, wenn wir DBR verwenden. Wenn ich das Pre zum Beispiel benutze, nehmen wir an, ich habe Bree hier. Und im Inneren des Obersten. Lassen Sie mich einfach etwas schreiben. Zum Beispiel habe ich diese Zeile hier, also ist dies die erste Zeile, und dann ist dies die zweite Zeile. Allerdings ist es in der dritten Zeile tatsächlich. Also haben wir hier eine leere Zeile. Und lassen Sie mich einfach ein paar Leerzeichen hinzufügen. Und dann lassen Sie mich hier schreiben. Das ist die letzte Zeile. Nun, lassen Sie mich einfach zu unserem Browser zurückkehren. Aktualisieren. Und wie wir sehen können, so haben wir einige Räume hier, hier und hier. Und wie wir sehen können, haben wir eine leere Zeile. Also, wenn wir hier eine leere Zeile hinzufügen, wird es in unserem Browser sein. Diese Pre wird also einfach alle unsere Leerzeichen und Zeilen erhalten , wenn wir etwas darin schreiben. Also das ist es für den Absatz. Dies sind einige allgemeine Informationen und wir können immer tiefer in sie eingraben. Dies ist jedoch nur die Einführung, wie wir Absatz verwenden können und wie wir unseren Absatz so anpassen, wie wir wollen. Damit ist dies das Ende dieses Videos. Wir sehen uns im nächsten. 6. Stil: Jetzt reden wir ein wenig über Stil. Und für jede Komponente, für jedes Tag können wir seinen eigenen Stil schreiben. Jetzt werden wir tiefer graben und beginnen, wann immer wir unser CSS schreiben. Moment können wir einfach einige einfache Stile schreiben. Also nehmen wir an, lassen Sie mich das alles löschen. Und nehmen wir an, ich habe eine Überschrift und einen Absatz. Also nehmen wir an, ich habe H eins und das hier ist eine Überschrift. Und dann werden drei Absätze folgen. Der erste Absatz ist also blau, der zweite ist rot und der letzte ist schwarz, zum Beispiel. So schwarz. Nun, wenn ich dies öffnen und wie üblich, so ist dies eine Überschrift und blau, rot, schwarz, Jedoch sind sie alle in normaler Farbe und die Standardfarbe, die schwarz ist. Und nehmen wir an, ich möchte, dass dieser Buchstabe dieses Wortes blau ist und dieses Wort, das zu B gelesen wird, tatsächlich in rot und angezeigt wird, wird normal sein. Also lassen Sie mich hier zurück. Das erste, was wir tun werden, ist zu spezifizieren, dass wir einen Stift brauchen. Also innerhalb des Absatzes, innerhalb des öffnenden Tags des Absatzes, kann ich Stil schreiben. Und es wird gleich sein, die Zitate zu öffnen. Und ich will die Farbe. So einfach ist es. So wird die Farbe blau sein. Und wie Sie hier sehen können, ist dies eine Box oder ein Quadrat, das anzeigt, dass die Farbe blau ist. Wenn wir etwas ändern wollen, kann ich einfach hier drücken und wir können uns ändern. Nehmen wir an, ich will, ich wollte etwas dunkler sein, also kann ich hier zurück oder ein bisschen leichter hier und so weiter. Schließlich, um die Farbe zu ändern, kann ich es auch von hier aus ändern. Also hier haben wir unsere Farben. Und wie Sie sehen können, haben wir für jede Schicht einen bestimmten Code. Und jetzt bleiben wir bei dem Blau. So kann ich einfach schreiben Farbe wird gleich blau und es tut mir leid, er ist nicht gleich ist die Spalte. Und für das Rot wird das Gleiche tun. So wird Rot gleich der Farbe Rot sein. Und wir sind gut. Nun, wenn ich gehe zurück und aktualisieren Sie dies durch Erfrischung, wird blau und rot, n verschiedene Farben. Und schwarz, das in der normalen Farbe und schwarz ist. Nehmen wir an, ich möchte die Größe ändern. Ich kann einfach schreiben, lassen Sie mich nur Beck schreiben. Und diese Kachel, die wir wählen werden, ist gleich, um die Mutationen zu öffnen. Und wir haben hier Schriftgröße, wie Sie hier sehen können, geben Sie ein. So definierte Größe wird a sein. Angenommen, ich wollte, dass es 50 Pixel sein. Aktualisieren. Wir werden große und 50 Pixel anstelle der normalen bekommen. Und wie Sie hier sehen können, wenn ich das schwarze will auch, kann ich einfach auch, richtig? Wir brauchen also den Stil, der der Schriftgröße entspricht, gleich 50 Pixel. Und erfrischen. Wir werden schwarz und groß und je 50 Pixel bekommen. Nehmen wir an, ich will nicht den Kanon dieses Browsers bankrotten, um ein weißer zu sein. Nehmen wir an, ich wollte, dass es ein Himmelblau oder Puderblau ist. Ich kann einfach in den Körper schreiben. Ich kann Stil hinzufügen. Und innerhalb dieses Typs können wir die Hintergrundfarbe hinzufügen. Wie Sie sehen können, haben wir den Hintergrund und die Farbe. Es tut mir leid, wir müssen es hier hinzufügen, so wird es gleich sein, wie Sie sehen können, wir haben blau gepudert, wir haben pilotiert war, und wir brauchen das Pulver blau. Und lass mich einfach zurückgehen, erfrischen. So können wir sehen, dass der Hintergrundstrom jetzt puderblau statt weiß ist, was die Standardeinstellung ist. Wir können auch die Schriftfamilie ändern, oder zum Beispiel wollen wir nicht, dass sie normal ist. Und wenn ich dieses Blau will, möchte ich diese Schriftfamilie ändern, um zum Beispiel zu belasten. Also im Stil, lassen Sie mich einfach, lassen Sie es mich zum Beispiel mit dem schwarzen versuchen. Also im Inneren des Steckers kann ich Stil hinzufügen. Und innerhalb des Stils möchte ich die Schriftfamilie ändern. Und wir haben eine Liste aller Familien, aus denen wir wählen können. Also haben wir einen Bereich für Daniel. Nehmen wir an, wir brauchen das. Und wenn ich hierher zurückgehe, dann können wir sehen, dass diese Schrift anders ist als diese. Und lassen Sie uns einen anderen wählen. Zum Beispiel für die Überschrift und Formatvorlage. Und so haben wir diesmal Font-Familie. Und wir werden das versuchen. Und Korea zum Beispiel. Also haben wir und neue und gehen zurück, aktualisieren. Und das ist eine Überschrift und es ist in Korea geschrieben. Schriftart. Jetzt kann sogar die Schriftgröße ändern. Anstatt 50 Pixel zu schreiben, kann ich es mit Prozent ändern. So kann ich zum Beispiel zu 100% hinzufügen, gehen Sie zurück. Wir können sehen, dass dies ein bisschen kleiner ist als zuvor. Wenn ich jedoch nur hinzufügen, zum Beispiel hier, 100% zurück gehen, können wir sehen, dass dies viel schneller wird. Wir haben also auch zwei Methoden. Unsere Schriftgröße, entweder durch Angabe der Pixel oder durch Angabe des Prozentsatzes der Erhöhung der Schriftgröße. Nun, beachten Sie, dass, wenn wir etwas schreiben, jetzt ist es tatsächlich ML-Code hier. Es wird automatisch linksseitig sein. So wie wir hier sehen können. Das ist also das Hinzufügen. Angenommen, wir wollen die Position dieses zu ändern ist diese Überschrift zum Beispiel decenter. Eine Möglichkeit, dies zu tun, besteht darin, dies von einem zu ändern. Also lassen Sie mich das einfach löschen. Und wir müssen, anstatt es auf der linken Seite zu schreiben, kann ich im Stil hinzufügen, der Text ausgerichtet ist. Text, der BY ausgerichtet wurde, musste also in der Mitte sein. Geh zurück, erfrischen Sie sich. Sie werden das als Überschrift bekommen und es ist in der Mitte der Linie. Jetzt können wir genau das gleiche tun für jede Kopfzeile sind jeder Absatz. Wenn wir jedoch möchten, dass unser gesamter Code zentriert wird, können wir einfach ND-Stil hinzufügen. Hier. Wir können Text ausrichten, es tut mir leid, in der Studie, im Stil des Körpers und des Zentrums hinzufügen. Gehen Sie zurück und wir werden alle unsere Komponenten oder Oliver Absätze und Überschriften in der Mitte jeder Zeile in unserem Browser zentriert . Also das ist es für die Stile. Es ist eine kleine oder eine bestimmte Idee. Und wir werden es in den nächsten Videos weiter diskutieren , wenn wir über CSS sprechen und wie wir unseren CSS-Code schreiben. Aber vorerst nehmen wir das nur als Einleitung. Und damit das gesagt wird, ist dies das Ende dieses Videos. Wir sehen uns im nächsten. 7. Text: Gehen wir nun zur Textformatierung über. Und wir haben bereits über das B oder beides gesprochen. Und das wird nur diskret machen, machen Sie einfach unseren Absatz oder Überschrift und Bolzen. Also nehmen wir an, ich habe n meinen Körper. Lassen Sie mich einfach diese und den Stil löschen und wollte standardmäßig sein. Und nehmen wir an, ich habe den Absatz. Das ist ein Bolt, Bolt. Und in diesem Fall, wenn ich wollte, dass es fett ist, kann ich einfach das b -Tag hier hinzufügen. Lassen Sie mich das einfach kopieren und am Ende unseres Tags hinzufügen und dies öffnen. Wir können sehen, dass wir diesen Bolzen und Bolzen haben. Jetzt gehen wir zurück. Und wir haben auch ein weiteres Eröffnungs-Tag und das ist stark. Und sie sind beide tatsächlich gleich. So stark. Und drinnen aufgereiht dies so stark, wie stark tut oder einfach nur von hier aus auffrischen. Wir werden dieses Brett bekommen und das ist stark. Und wie Sie sehen können, sind sie die gleichen. Und wir können einen von ihnen benutzen und sie machen ihre Arbeit. Nun, nehmen wir an, ich möchte einen Absatz schreiben und Alec, ich kann einfach mit dem Öffnen des Tags I beginnen. Also haben wir den Absatz I. Dies steht für metallisch und das ist kursiv. Jetzt gehen wir zurück, aktualisieren und wir werden bekommen, das ist kursiv und wie Sie sehen können, es ändert sich. Jetzt haben wir auch eine andere Sache, die einem Dialekt ähnlich ist, und es ist die EM und steht für betonen. Und dieser Text, als M Größe. Geh zurück, erfrischen Sie sich. Und wir werden diese Steuer zu bekommen ist betonen. Dies ist also eine sehr ähnliche Struktur wie der Delegierte. Und wie wir sehen können, haben wir beides und stark. Sie sind beide ähnlich. Sie sind metallisch und betont, und sie sind auch ähnlich. Jetzt haben wir auch kleine. Dies bedeutet, dass wir wollen, dass ein Absatz klein ist. Und nehmen wir an, ich möchte es mit kleinen schreiben. Also schreibe ich einfach klein und öffne das Tag. Innerhalb dieses Tags können wir dies als Modelltext schreiben. Gehen Sie zurück, aktualisieren Sie, und wir werden diesen kleinen Text bekommen. Wenn ich es jedoch mit einem normalen Tag vergleiche, ist dies ein normaler Text. Geh zurück, erfrischen Sie sich. Wir werden feststellen, dass es einen Unterschied zwischen diesen beiden Texten gibt. Das ist also das Normale und das ist das kleinere. Und natürlich, wenn ich etwas hervorheben möchte, nehmen wir an, ich möchte dieses Normale hervorheben. Ich kann einfach die Marke verwenden. Also möchte ich Normal in unserem Absatz hervorheben. Ich kann Mark hinzufügen. Und dann innerhalb dieser Markierung kann ich normal als Refresh hinzufügen, wir werden normal durch Gelb hervorgehoben werden. Die Farbe Gelb ist also standardmäßig. Und wir haben auch die d und das, und in diesem Fall, nehmen wir an, ich habe meine Lieblingsfarbe. Also in Wissenschaftler Absatz habe ich meine Lieblings. Der andere ist blau. Und nehmen wir an, ich habe meine Meinung geändert und ich möchte das löschen und es rot ausprobieren. Und wenn ich zurückgehe und das renne, können wir sehen, dass wir meine Lieblingsfarbe haben ist blau, rot. Und nehme an, ich möchte das löschen, also füge ich hier einfach eine Statuslinie hinzu, horizontale Linie auf dem blauen. Ich kann einfach das Schlüsselwort del verwenden. Und in diesem Fall dann. Und in diesem Delta können wir das Blau hinzufügen. Geh zurück, erfrischen Sie sich, und wir werden blau. Und wie wir sehen können, das, wäre es gelöscht und wir ändern es in Rot. Jetzt gehen wir zu einer anderen Sache über. Und das ist, wenn wir etwas unterstreichen wollen. So können wir die Ins verwenden und dies stellt eingefügten oder hinzugefügten Text dar. Wenn ich zum Beispiel den Favoriten hier unterstreichen möchte, nehme ich an, ich möchte die Farbe unterstreichen. Lets gehen zurück zu unserem Code und untergraben zugrunde liegende verfärbt durch die Verwendung der Ins, Ins. Und darin können wir unsere Farbe hinzufügen, zurückgehen, aktualisieren. Und wie Sie sehen können, haben wir Farbe unterstrichen, indem Sie das Ion als Tag verwenden. Und wir haben auch den subskripten Typ und sub ist die Abkürzung des Stapels. Also, wenn wir es verwenden wollen, lassen Sie sich annehmen, ich möchte ändern, oder lassen Sie mich einfach einen anderen Absatz erstellen. Und in diesem Absatz haben wir dies ist subskribierter Text. Ich kann hier sub und in diesem Sub-Skript hinzufügen. Und dann gefolgt von Text. Nein zurück. Und natürlich stürzen Sie ab. Wir werden dies als subskripte Tags erhalten und dieses Wort ist tatsächlich subskribiert. Wir haben auch das Super-Skript. Und in diesem Fall nehmen wir an, dass wir etwas haben, das wir wollen. Zum Beispiel, zehn auf die Macht von drei. Also unwissenschaftlicher Absatz, anstatt zehn auf die Macht von drei auf diese Weise zu schreiben, gehen Sie zurück, gehen wir zurück und führen das. Wir werden zehn auf die Macht von drei Stunden bringen. Ich kann U-Boot und Intel drei hier benutzen. Lassen Sie mich das einfach anpassen. Geh zurück. Und wir werden zehn an die Macht dieses Weges bringen. Und wir können auch die subskripte verwenden, Zum Beispiel, wenn wir mit dem gleichen arbeiten, zum Beispiel, Masse für verschiedene Objekte. Und nehmen wir an, wir nannten sie m1, m2, m3. Anstatt sie auf diese Weise zu schreiben, in diesem Absatz, haben wir, ähm, einen. Anstatt dies zu schreiben, auf diese Weise und M-one wie dicht zu bekommen, können wir das Sub verwenden und hier einen hinzufügen. Und außerhalb des Südens haben wir unsere Masse M und lassen Sie uns das einfach laufen. Und wie wir sehen können, werden wir m1 Display bekommen und sieht schöner aus. Und wir können es besser verstehen, wenn wir etwas fahren, das angepasst werden muss. Dies ist also eine allgemeine Idee zur Textformatierung. Wir haben viele Formate und wir können sie verwenden, wann immer wir wollen. Dies sind jedoch die wichtigsten. Und damit das gesagt wird, ist dies das Ende dieses Videos. Wir sehen uns im nächsten. 8. Zitate und Zitaten: Lassen Sie uns nun einige Bedingungen und Zitate besprechen. Also zuerst, wenn wir nur einen Text in einige Zitate schreiben wollen, lassen Sie mich das einfach löschen. Zuallererst. Und nehmen wir an, wir haben unseren Absatz und in diesem Absatz Essay, den Brian gesetzt hat. Und wir wollen sagen, was Brian in Zitaten gesagt hat. Also können wir einfach schreiben, nehmen wir an, wir wollen schreiben, das ist die Nummer eins. Und um ein Angebot zu erstellen, können wir einfach das Queue-Schlüsselwort verwenden. Und in diesem Würfel können wir hinzufügen, was wir wollen. Nehmen wir an, wir wollen, dass das die Nummer eins ist. Und geh zurück. Lauf. Brand sagte, das ist die Nummer eins. Und wie wir sehen können, sind dies hinzugefügte Zitate. Nehmen wir an, wir wollen etwas codieren und wir können Blockcode im Inneren verwenden. In diesem Fall kann ich zum Beispiel einen Blockcode verwenden. Und in diesem Blockcode können wir hinzufügen. Zum Beispiel. Sie können sehen, dass dies nicht der einzige Weg ist. Und wir verwenden diesen Blockcode. Wenn ich vorgehe und mich erfrischen, können wir sehen, dass es ein bisschen auf der rechten Seite ist. Wir haben hier etwas Platz, und das deutet darauf hin, dass wir etwas programmieren. Das sind also nicht unsere Worte. Das ist die Welt einer anderen Person. Nehmen wir nun an, wir wollen das Zitat hinzufügen. Wir können es hier hinzufügen. Also innerhalb des Blockcodes können wir Website hinzufügen, und innerhalb der Website können wir die URL zum Code hinzufügen. Also HTTP, etwas, ich weiß nicht. Und ich denke, dass die USA, die für eine URL verwendet wird. Das ist es also für den Blockcode. Gehen wir zu einer anderen Sache, die die Adresse ist. Jetzt, wenn wir eine Adresse schreiben wollen, können wir den Adress-Stack verwenden. Also Adresse und innerhalb dieser Adresse können wir einige Informationen schreiben. Das erste, was wir tun werden, ist, unseren Namen zu schreiben. Also, wie die USA, und dann, wenn wir wollen nur springen ausgerichtet, können wir DBR verwenden, um zu springen. Und in der zweiten Zeile werden wir die schreiben, lassen Sie die E-Mail annehmen. Also Hadi Yunus an und denken, oh, dass Unterstützung Outlook.com. Und danach wollen wir zum Beispiel unsere Adresse schreiben . Also Adresse hier. Und schließlich, danach, müssen wir unseren Standort hinzufügen. Nehmen wir an, die USA und wir sind, jetzt sind wir fertig. Wir können hiervon zurückgehen, und wie Sie sehen können, ist dies unsere Adresse. Es ist kursiv. Zuerst haben wir unseren Namen, E-Mail-Adresse und unseren Standort. Und das ist es für die Agoras. Gehen wir zu einer anderen Sache, die die Abkürzung ist. Wenn wir zum Beispiel über die Weltgesundheitsorganisation h2 sprechen wollen, können wir sie so verwenden. In diesem Absatz können wir also sagen, dass die WHO 1948 gegründet wurde. Nun, wenn ich das nur ausführe, aktualisieren Sie unseren Browser, ich bekomme dies ohne irgendetwas anzeigt, was die WHO ist. Wenn wir nun darauf hinweisen wollen, dass die EU die Weltgesundheitsorganisation ist, kann ich eine BBR hinzufügen, und das ist die Abkürzung. Und der Titel wird Weltgesundheitsorganisation, Vermittlung sein. Und in diesem können wir hinzufügen, OK. Jetzt gehen wir zurück und führen das aus. Und wie Sie sehen können, haben wir diese Rho und wir haben etwas Stärke unten unterstrichen. Und das deutet darauf hin, dass dies eine Abkürzung für etwas anderes ist. Und das ist eigentlich die Weltgesundheitsorganisation. Nun, in Bezug auf das Bild, gehen wir zurück und nehmen Sie diese URL. Also haben wir eine URL eines Bildes, das hallo sagt. Und in diesem Bild können wir hier IMG erstellen. Das erste, was wir tun werden, ist , die Quelle dieses Bildes zu schreiben und wir haben unsere Quelle. Und danach, lassen Sie uns einfach anpassen. So können wir schreiben, dass die Breite gleich 200 und die Höhe gleich 250 sein wird. Und in diesem Fall lassen Sie mich einfach zurückgehen, bevor Sie etwas tun, aktualisieren Sie das Dokument und wir werden Hallo so dargestellt. Lassen Sie uns nun etwas Zitat dazu hinzufügen. Also lassen Sie uns hinzufügen, das ist hallo. Und in unserem Code können Bilder im Anschluss einen Absatz schreiben. Und innerhalb dieses Absatzes, Wir müssen Website. Also werden wir Website hinzufügen. Im Inneren der Seite. Wir können die hinzufügen, worum es bei diesem Bild geht. Also in diesem Fall werden wir einfach Hallo hinzufügen. Und der Schöpfer oder Schöpfer dieses Bildes ist unbekannt. Also, jetzt gehen wir Hunderte zurück. Und wie Sie sehen können, zitierten wir, dass der Titel, oder was ist dieses Bild über? Und in diesem Fall ist es, hallo. Jetzt können wir hier auch eine Alternative hinzufügen. Wie wir sehen können, haben wir über das, was es ist und t. Also in diesem Fall, nehmen wir an. Wenn etwas aufgetreten ist oder ein Erwachsener aus dieser URL generiert wurde, werden wir es einfach durch dieses Wort Hallo ersetzen. Oh, lassen Sie mich einfach ein Bild hinzufügen, das Hallo sagt. Und in diesem Fall, lassen Sie mich einfach etwas hier schreiben, nur um diese URL ungültig zu machen. Also mag ich die Extrabriefe. Gehen Sie zurück und führen Sie das aus. Und wie wir sehen können, erzeugt dieses Bild oder diese URL einen Adder. Und wir werden die Alternative nutzen. Und in diesem Fall ist es ein Bild, das hallo sagt. Und wie wir sehen können, werden wir ein Bild bekommen , das Hallo sagt und das Bild selbst aufstellen. Lassen Sie mich das einfach anpassen. Und jetzt können wir wieder rennen. Wir werden die Bilder bekommen, da jetzt die URL gültig ist. Wir haben auch einen Angriff, der Repressen abdeckt ausgerichtet. Und in diesem Fall, wenn wir wollen, und nehmen wir an, wir wollen diese Linie umkehren. Also haben wir einen Absatz und eine Spirale, es tut mir leid, lassen Sie mich aufschreiben. Und wir haben den Absatz. Innerhalb dieses Absatzes möchten wir das Zeichen umkehren. Das ist also eine Linie. Und von rechts nach links geschrieben zu werden, anstatt es von links nach rechts zu schreiben. Also, jetzt gehen wir zurück. Erfrischt, wird nichts passieren. Wir werden eine einfache Linie bekommen, und das ist eine normale Struktur in der Linie. Jetzt gehen wir zurück. Wenn wir es von links nach rechts bekommen wollten, werden wir das Video benutzen. Und in diesem Fall BD. Und die Richtung ist d, l, also von rechts nach links. Und wenn ich das kopiere, füge es hier ein und lauf, werden wir bemerken, dass dies die gleiche Zeile ist, aber umgekehrt geschrieben. Also, wenn wir es lesen wollen, so ist DES eine Zeile und es würde von rechts nach links geschrieben werden. Nun, dies könnte nützlich sein, wenn einige Strings schreiben oder einige ganze Zahlen schreiben, und wir wollen die Umkehrung von ihnen. Anstatt also eine for-Schleife vom Endpunkt bis zum Startpunkt schreiben zu müssen , können wir einfach eine umgekehrte Zeit invertieren und damit beginnen, auf diese Weise mit ihnen zu arbeiten. In diesem Video stellen wir den Blockcode, die Adresse, Abkürzung AB, IRR und natürlich die Website und das Video vor. Und damit das gesagt wird, ist dies das Ende dieses Videos. Und die nächste. 9. LINKS: Lassen Sie uns nun den Längenmodus diskutieren. Also zuerst, lass es mich einfach noch ein Mal schreiben. Wie können wir auf einen Link zugreifen oder wie können wir einen Link zu unserem HTML-Code hinzufügen? Also in unserem Absatz, können wir einfach einen Link hinzufügen, indem Sie die h Referenz verwenden, es tut mir leid, in unserem a. Also hier haben wir den Link. Nehmen wir also an, ich möchte zu Google gehen, so dass sie EBP HTTP ist, die Spalte Schrägstrich zweimal, werden wir bekommen. Und wenn ich hier Google hinzufüge, lass mich das einfach öffnen. Und wie wir sehen können, haben wir Google. Wenn ich auf dieses Wort drücke, gehen wir automatisch zu google.com. Und hier drinnen können wir nach dem suchen, was wir wollen. Jetzt gehen wir zurück und zu unserem Code und beginnen diskutieren, wie wir diese Länge ändern können oder was mit dem Slave zu tun ist. Das erste, was wir diskutieren werden, sind die absoluten versus relativen URLs. Wenn wir also HTTP schreiben, zeigt dies an, dass dies eine absolute URL ist. Dies ist also eine vollständige Webadresse, und wir fügen sie dem Hyperreferenzattribut hinzu. Nun, manchmal haben wir einige relative URLs, und diese URLs sind im Grunde ein Link zu einer Seite innerhalb derselben Website. Also zum Beispiel, wenn wir haben, nehmen wir an, wir haben Google.com und innerhalb von Google.com haben wir Bilder. So können wir einfach eine URL schreiben, die uns von Google zu Google-Bildern führt , ohne das HTTP zu schreiben. Dies können wir einfach Google.com Bilder schreiben und es wird gut funktionieren. Nun, eine andere Sache, über die man nachdenken muss, ist die Farbe des Links. Nun, wie Sie hier sehen können, ist die Farbe des Links eigentlich vor allem blau. Und dann lass es mich einfach ändern, nur um den Unterschied zu sehen. Und drinnen, lassen Sie mich es Google mit dem Kleinbuchstaben g nennen, nur um es zu ändern, aktualisieren. Und wie Sie sehen können, ist dies ein Google. Nun, wenn ich den Gelehrten wechseln will, kann ich hierher zurückgehen und hier einen Stundenstil hinzufügen. So haben wir Stil und die Farbe, zum Beispiel können wir die Farbe in Blau ändern und wir werden dieses Blau bekommen. Nehmen wir an, ich wollte, dass es rot ist. Ich kann einfach rot hinzufügen, zurückgehen, aktualisieren. Und das ist unser Link jetzt und lesen. Es ist also im Grunde das Gleiche wie ein Absatz. Selbst wenn wir es mit einem Link zu tun haben, werden wir genau dasselbe tun wie zuvor. Beachten Sie hier, dass wir, wenn wir einen Link schreiben, einen Link erstellen. Wir haben diese Linie hier. Eine Möglichkeit, dies zu entfernen, ist einfach. Richtig und Stil. Wir brauchen Textdekoration. Also haben wir Textdekoration und wir mussten neun sein. Und jetzt gehen wir zurück und führen das aus. Und wie Sie sehen können, haben wir keine Linie und wir haben die Farbe hier bereits entfernt. Also werden wir die Standardfarbe haben, die ein bisschen wie lila ist. Und wenn ich drücke, vorherzusage mich wie zuvor, nichts wird sich ändern, aber diese Linie wird verschwinden. Nun, wenn ich hier noch einmal drücke, nicht nur das, wir gehen zu oben und google.com im selben Fenster oder in der gleichen Registerkarte und dem Fenster. So wollte ich zum Beispiel dieses Dokument in einem neuen Fenster oder einer neuen Registerkarte öffnen. Ich sollte es spezifizieren. Hier kommt also die Wichtigkeit eines Ziels. Anstatt dies zu schreiben, schreiben Sie einfach den Link und schreiben Sie einfach Google Wochenende das Ziel hier. So Ziel wird gleich sein, wir haben 44 Beispiele, also haben wir das Selbst, und dies öffnet das Dokument im gleichen Fenster oder Tab, wie es gereinigt wurde. Dies ist also die Standardeinstellung, und wir haben auch das leere und dies öffnet das Dokument in einem neuen Fenster oder einer neuen Registerkarte. Wir haben auch das Elternteil eines Dopants, das Dokument im übergeordneten Rahmen. Und schließlich haben wir die Spitze und es öffnet das Dokument im ganzen Körper des Fensters. Nehmen wir an, wir wollten ein neues Fenster öffnen. In diesem Fall kann ich den Rohling verwenden, also werde ich leer verwenden. Geh zurück, aktualisiere, drücke. Und wie Sie hier sehen können, öffne ich immer einen neuen Tab oder ein neues Fenster, anstatt es und dasselbe Fenster zu öffnen. Mit diesem können wir immer noch unsere Hauptseite haben. Wir haben jedoch auch den Link, auf den wir verweisen, in einem anderen Fenster oder Tab. Und gehen wir zurück. Nehmen wir an, wir wollten ein Bild hinzufügen, und wenn wir auf dieses Bild klicken, wird es uns an einen anderen Ort bringen. Also haben wir hier schon ein Bild. Also, das ist hallo. Lassen Sie uns den Link kopieren und damit arbeiten. Und wann immer wir auf dieses Bild drücken, wird es uns automatisch bringen, bringen Sie uns zu Google.com. Und in diesem Fall ist eine Möglichkeit, das zu tun, wie üblich, so ist dies die eine Hyperreferenz. Und in dieser Referenz werden wir google.com schreiben. Anstatt Google hinzuzufügen oder Google zu schreiben, werden wir in diesem Fall ein Bild hinzufügen. Also IMG, wie immer. Und in der Quelle werde ich einfach und dieses Bild. Also lass mich wieder hierher gehen und bald ertrinken. Beachten Sie, dass wir jetzt ein Bild haben und wann immer wir darauf drücken, wird es uns zu google.com bringen. Also lassen Sie uns das einfach so anpassen, dass die Höhe sein wird. Gleich 40, zum Beispiel, und Breite gleich 30. Ich denke, es ist in Ordnung. Du bist zurück R1. Und wie Sie hier sehen können, haben wir eine niedrige. Wann immer wir drauf drücken, resonieren, es dauert, nimmt, bringt uns zu google.com. Jetzt gehen wir zurück und lassen Sie uns jetzt sehen, wie Sie einen Link in unserem HTML verwenden können, sind unser Hauptbrowser. Nehmen wir an, wir haben einige Beispiele, Beispiel 123456. Also hier, nehme ich an, ich habe eine, es tut mir leid, h eins. Und das ist Beispiel eins. Dann haben wir ein Beispiel in Biograph. Nehmen wir an, dieses Beispiel ist etwas. Dann haben wir 111 Zeit. Dies ist Beispiel zwei. Und in diesem Fall haben wir auch einen Absatz und dieses Beispiel wie üblich. Dann haben wir auch für weitere Beispiele, also werde ich sie einfach an dieser Stelle kopieren. Also schreibe ich das einfach und kopiere dann den anderen. Also, dieses Beispiel ist, und wir haben jetzt einige Informationen, lassen Sie mich einfach kopieren, lesen Sie mehr Male. Also haben wir 123. Jetzt lass mich M ändern , also haben wir hier 456. Wenn ich nun voran gehe und diese Datei in unserem Browser öffne, können wir sehen, dass wir haben, dies ist Beispiel eins. Dieses Beispiel ist das Beispiel 23456. Nehmen wir jedoch an, dass ich sofort zum Beispiel 56 springen muss. Anstatt sie einfach so zu schreiben, kann ich hier einige Links hinzufügen. Das erste, was wäre in einem Absatz. Also wird a die ID unseres Absatzes oder unseres Beispiels sein, zu dem wir springen müssen. Also müssen wir dafür eine ID-Folate angeben. So zum Beispiel, bei einem innerhalb des Satzes S1, Wir werden angeben, dass dies e fünf ist. Und natürlich hier haben wir eine Idee und die beiden V gleich E6 anzeigt, dass dies ein Beispiel ist, Beispiele x. Nun, wenn wir hier zurück gehen, so h Referenz wird auf Hashtag und die ID sein, die fünf in diesem Fall ist. Jetzt kann ich hier schreiben. Gehen Sie zu Beispiel fünf. Lassen Sie mich das einfach aufmachen. Und wie wir hier sehen können, haben wir zu Beispiel fünf gehen, aber es ist noch nicht hinzugefügt. So. Weil wir es hier geschrieben haben, anstatt es innerhalb des a -Tags zu schreiben. Jetzt geh wieder rum. Und wie Sie sehen können, haben wir zu Beispiel fünf gehen. Wenn ich Präzedenzfall habe, bringe ich sofort zum Beispiel fünf. Und das wird funktionieren, wenn wir so viele Beispiele haben. Also lassen Sie mich das einfach kopieren und zum Beispiel zehnmal drucken . Ich weiß es nicht. Und jetzt, wenn ich zurückgehe, und so werden wir viele Beispiele haben. Allerdings, wenn ich auf Dichte drücken wird mich sofort zu Beispiel fünf, was auch immer es ist. Und das Gleiche gilt natürlich auch für die Beispielschaltungen. Also haben wir E6 anzeigt, dass dies ein Beispiel sechs Unterabsatz a und Hashtag E6 ist, und gehen Sie zu Beispiel sechs. Wenn ich das jetzt mache, geh zurück und aktualisiere dich. Ich kann sehen, dass wir aber zum Beispiel sechs haben. Und wenn ich darauf klicke, bringe ich sofort zum Beispiel sechs. Nun gibt es ein ET erscheint hier am Ende des Browsers, weil wir keine Daten haben. Im Anschluss an diese beiden Beispiele zeigen, dass ich hier einige Daten habe. Also haben wir Überschriften oben und unten. Und wenn ich zurückgehe, dann können wir sehen, dass wir Bier trinken. Also, wenn ich zu Beispiel fünf gehe, kann ich Beispiel fünf oben auf der Seite Synthese. Wenn ich zu Beispiel sechs gehe, kann ich auch sehen, dass dies Beispiel sechs oben auf der Seite ist. Nun, das letzte, was wir besprechen werden, ist, eine E-Mail an jemanden zu schreiben. Und in diesem Fall, lassen Sie mich hier zurück. Und anstatt nur eine Hyperreferenz oder eine glückliche Länge zu schaffen , die uns zum Bild führt. Wir können einfach das Bild selbst hier hinzufügen. Also lassen Sie mich einfach voran und löschen Sie das. Jetzt, wann immer wir eine E-Mail schreiben wollen. Also lassen Sie mich einfach anfangen, dies ist ein E-Mail-Link. Und dann danach werde ich ein schreiben und innerhalb der HRF, Ich werde die Mail verwenden, um so an jemanden geschickt, zum Beispiel, nicht. Und wenn ich das Thema hinzufügen möchte, kann ich einfach den Delegationspunkt hinzufügen und dann das Thema folgen. Das Thema wäre, zum Beispiel, hallo Welt. Also hallo. Und wann immer wir ein Leerzeichen innerhalb dieses H ref schreiben wollen, sollte ich den Prozentsatz 20 hinzufügen. Also Prozentsatz 20 wird darauf hinweisen, dass ich es bin, ich brauche hier einen Platz. Also hallo nochmal und senden Sie eine E-Mail von hier. Jetzt. Also, wann immer. Jetzt lass mich das einfach aufmachen. Und wie wir hier sehen können, haben wir dies als E-Mail Link Bild von hier senden. Also, wenn ich auf diese drücken, es wird mich automatisch zu männlichen und es wird das Betreff und den Empfänger der E-Mail automatisch setzen , da ich hier im Bild angegeben. Also männlich zwei zeigt die Person, die ich werde, um die E-Mail an die Adresse senden, wie Sie hier sehen können. Dann folgt das Subjekt. Natürlich haben wir das Thema gleich Hallo wieder. Und schließlich können wir auch hinzufügen, statt nur das Thema, können wir auch den Körper hinzufügen. So kann ich einfach hier und Körper schreiben. Und im Körper kann ich auch schreiben, was ich will. Und wann immer ich ein Leerzeichen verwenden möchte, kann ich einfach den Prozentsatz 20 hinzufügen. Also das ist es für das Senden einer E-Mail und das ist es für den Link im Allgemeinen ist eine sehr allgemeine Idee. Wir haben so viele Dinge, die wir mit einem Link oder einer Referenz in HTML tun können. Aber vorerst ist dies eine allgemeine Einführung. Und damit das gesagt wird, ist dies das Ende dieses Videos. Wir sehen uns im nächsten. 10. Bilder: Nun, in Bezug auf die Bilder, Ich glaube, dass wir eine gute Idee über Bilder haben neigen jetzt. Und das ist keine, nur eine Zusammenfassung darüber, was wir über Bilder gelernt haben und wie man sie benutzt. Lassen Sie mich das zuerst löschen und beginnen Sie mit der Erstellung eines Bildes. Und wie immer haben wir hier unsere Länge. Und nach wie vor können wir die Breite und Höhe angeben. Also Breite gleich 200 sein und die Höhe wäre gleich auch 200. Also diese Dinge, die wir wissen, und wenn ich zurückgehe, so ist das unser Bild hier. Und wie wir sehen können, haben wir uns angepasst, wie wir wollen. Jetzt. Zum Beispiel, wenn ich dieses Bild habe und wie wir bereits gesagt haben, funktioniert diese URL nicht. Wir können hier Bild von Google schreiben. Und etwas ist in dieser URL passiert, vielleicht durch Kopieren oder versehentlich, fügen wir etwas hinzu, und das ist keine gültige URL, wie wir sagten, wir werden die Alternative für dieses Bild bekommen. In diesem Fall haben wir geschrieben, dass wir ein Bild von Google brauchen. Nehmen wir an, wir wollen dieses Bild oder dieses Bild auf der rechten Seite schreiben. Eine Möglichkeit, dies zu tun, ein Balken S, indem Sie diesen Kachelfluss nach rechts angeben. Also, jetzt können wir Stein hier öffnen. So wird Stil gleich und innerhalb des Stils sein. Wir müssen den Schwimmer hinzufügen. Und in diesem Fall brauchen wir das Bild auf der rechten Seite zu sein. Wenn ich also aktualisiere, kann ich sehen, dass das Bild von Google jetzt auf der rechten Seite ist. Lassen Sie mich einfach den richtigen Link hier kopieren. In diesem Fall ist dies der Link. Lassen Sie mich es einfach zurück in meinen Code hier kopieren. Und wir werden dieses Bild bekommen, wo immer wir wollen. Also wollen wir es auf der rechten Seite, wir werden es hier bekommen. Jetzt können wir auch die Breite und Höhe angeben, um Prozent zu sein. Nehmen wir an, ich möchte, dass die Breite gleich einem 100% ist. Und in diesem Fall, wenn ich es wie ein 100% spezifiziere, bekomme ich die Breite so. Lassen Sie mich nun zurückgehen und die Höhe angeben, die gleich 100% ist. auch zurück, erfrischen. Und wie Sie sehen können, werden wir den ersten oder ersten Link oder das erste Bild bekommen, das wir von diesem Link erhalten haben. Dies ist eine Möglichkeit, die Breite oder Höhe anzugeben, entweder durch Angabe des Prozentsatzes oder durch Angabe des Pixels. Nun, eine andere Sache ist, wir haben darüber gesprochen, wann immer wir ein Bild hinzufügen wollen, um eine Referenz zu sein können wir einfach schreiben und in diesem a, Ich werde das Bild verwenden und es wird mich, zum Beispiel, zu SGP, google.com. Und wie wir bereits gesagt haben, wann immer wir Referenz ein schreiben und wir müssen hier div Tag schließen. Und wie wir sehen können, wenn ich jetzt zurückgehe, führen Sie das aus, wir haben es auf der rechten Seite. Ich kann darauf klicken. Und wenn ich darauf klicke, wird es mich automatisch zu Google.com bringen. Das sind also einige grundlegende Ideen über Bilder. Wir haben so viele andere Informationen und Ideen, die wir nutzen können. Allerdings dachte ich nur, dass ich einfach alle Ideen, über die wir in den früheren Videos gesprochen haben, zusammenführen kann. In diesem Video, nur um zu klären oder haben eine klare Vorstellung darüber, was wir mit Bildern tun können und wie man sie benutzt. Und natürlich, wie man die Größe oder den Standort unseres Bildes in unserem HTML-Code oder unserem Browser manipuliert . Also das ist es für Bilder. Wir sehen uns im nächsten Video. 11. Tabellen: Lassen Sie uns nun über Tabellen und HTML sprechen. So, wie kann unsere Tabelle neu erstellen? Also zuerst, hier haben wir unseren Körper. Und in diesem Körper können wir beginnen, indem wir die Tabelle mit dem Tabellen-Tag erstellen. Drücken Sie die Eingabetaste Das ist jetzt unser Tisch. Jetzt müssen wir, sobald wir die Zeile und die Spalte haben. Wenn wir also eine Zeile erstellen möchten, können wir einfach die Tabelle wachsen verwenden. Und innerhalb dieses Tabellengesetzes, nehmen wir an, ich habe nur eine Komponente oder ein Element in unserer Tabelle. Und das gibt uns eine Tabelle Daten. So stehen Daten in diesem Fall für Spalten. Also TDI. Und lassen Sie mich einfach einen ausprobieren. Wenn ich das jetzt öffne, können wir sehen, dass wir eins bekommen. Das ist also eine Tabelle der Größe eins. Wir haben nur ein Element in Santa Stall. Nehmen wir nun an, ich möchte eine Tabelle mit einer Zeile und zwei Spalten. Ich kann hier DD hinzufügen. Und in diesem TED kann ich die Nummer hinzufügen. Nehmen wir an, ich will, lass mich hierher zurück, erfrischen. Und wie Sie sehen können, haben wir jetzt einen Tisch. Und wir haben in dieser Tabelle zwei Punkte oder zwei Zahlen, 12. Und jetzt sind sie nicht durch irgendetwas getrennt. Sie werden nur angezeigt, wie und wie sie hier sind. Also gehen wir zurück. Und nehmen wir an, ich möchte eine Matrix von erstellen, eine Matrix von drei mal 33 mal drei Matrix tatsächlich. Und in diesem Fall werde ich drei Zeilen und drei Spalten haben. Die erste Zeile wird also drei Elemente oder drei Zahlen haben. In diesem Fall haben wir 123 und die zweite Zeile, ich muss eine andere Zeile mit dem TR erstellen. Und in dieser Reihe werde ich auch drei Zahlen haben, also 456. Und schließlich habe ich meine letzte Reihe und im Strich habe ich die letzten drei Zahlen. Sie sind 789. Also DD sieben, td acht. Und natürlich TD neun. Wenn ich jetzt zurückgehe, aktualisieren Sie dies, können wir sehen, dass wir eine Tabelle mit drei Zeilen und drei Spalten haben. Wie wir sehen können, haben wir 123456789. Also die allgemeine Idee. Wann immer wir eine Zeile erstellen möchten, werden wir DTI verwenden. Wann immer wir ein Ampere hinzufügen oder als eine bestimmte Zeit werden wir die Td verwenden. Und das steht für Tabellendaten. Wie wir hier sehen können, haben wir eine drei mal drei Matrix. Nehmen wir an, ich möchte hier einige Überschriften hinzufügen. Also das ist, ich kann angeben, dass dies die erste Zahl, zweite Zahlen und dritte Zahlen sind. Und ich kann das tatsächlich tun, indem ich hier eine neue Zeile erstelle. Also haben wir TR in dieser Reihe. Ich kann th hinzufügen. Also th. Und innerhalb der Bühne kann ich schreiben und b1, dann gefolgt von dem Alter und B2. Dann endlich th und B3 gehen zurück, aktualisieren. Und wie wir sehen können, sind sie und ein Bolzen, wie wir sehen können, Nummer eins, Nummer zwei, Nummer drei sind in beiden. Nun ändern wir das Beispiel und befassen uns mit dem Rand der Tabelle. Bis jetzt haben wir keine Grenzen, wie wir sehen können, werden sie einfach angezeigt und bilden die Tabelle. Kessel haben wir jedoch noch nicht. Lassen Sie mich zu unserem Code zurückkehren und das löschen. Also in unserer Tabelle, lassen Sie uns erstellen, fügen wir einige Daten tatsächlich hinzu. Das erste, was wir tun werden, ist, Personen hinzuzufügen , und wir werden ihnen Informationen über die Zerstreuung fragen. Also der Vorname, Nachname und H. Das erste, was wir tun werden, ist, die erste Zeile zu erstellen. Und in dieser Zeile werden wir drei Spalten hinzufügen. Der erste zeigt also den Vornamen an. Also der Vorname, dann TH Nachname. Und schließlich das Alter, das Alter. Nachdem wir dieses Rho erstellt haben, können wir mit dem Hinzufügen unserer Daten beginnen. So wird der erste Kunde oder die First-Person TD sein. Das ist also die Daten TLB, Alex, und der Nachname wird ein Punkt sein. Und natürlich müssen wir hinzufügen, ist h und in diesem Fall nehmen wir an, das Alter ist 30. Und dann lassen Sie uns einen anderen Profi erstellen. Und in der Schriftrolle haben wir John, und wir haben auch J. Und schließlich wird das Alter 45 Jahre alt sein. Und die letzte Person wäre, dass wir nur öffnen, um die, Es tut mir leid, hier müssen wir TD Zelle hinzufügen der sind nur die Dean John Jay ausgewählt , und DD 45. Und jetzt in unserer letzten Reihe, werden wir ein Aimee hinter ihnen so hinzufügen. Und es wird ein, und schließlich wird das Alter 25 sein. Wenn ich hierher zurückgehe und das durchführe, haben wir unseren Tisch bis jetzt, Vorname, Nachname und Alter. Nun, wenn ich den Bootsfahrer hinzufügen möchte, kann ich ihn zu jeder Zeile und Spalte hinzufügen. Jedes Mal, wenn ich eine Zeile oder Daten hinzufüge, tut mir leid, eine Daten oder eine Überschrift, kann ich den Rahmen hinzufügen. Allerdings eine Möglichkeit, mit all dem umzugehen, anstatt jedes Mal hier hinzufügen, zum Beispiel bei Boulder und dann verwenden Sie es, Ich kann einfach hinzugefügt und den Kopf. Also in unserem Kopf, nach dem Titel, können wir Stil hinzufügen. So können wir in diesem Typ ändern, was wir wollen. Zum Beispiel möchte ich die Quantentabelle ändern. Innerhalb der Tabelle möchte ich den Tabellenkopf und die Tabellendaten ändern und somit, und innerhalb dieser Eigen Änderung, zum Beispiel, der Boyden, wollte ich es zu einem Pixel kochen, und ich möchte, dass es solide schwarz ist. Jetzt gehen wir wieder runter. Und wie wir sehen können, haben wir oh, 1% vermieden. Und es ist so, dass jetzt, wenn ich hierher zurückgehe und mich das einfach vereinfachen oder minimieren lasse , zurück gehen. Und wie wir heute sehen können, werden Sie kleiner. Nehmen wir an, ich will nicht, dass es so schick wird. Ich will nur, dass mein Tisch einfach ist. In diesem Fall. Ich kann die äußere Grenze entfernen. In diesem Fall kann ich den Rahmen kollabieren verwenden und um gleich zu sein, zurück zu kollabieren, aktualisieren. Und wie Sie sehen können, werden wir eine einfachere Version der Tabelle ohne die äußeren Grenzen erhalten. Nun, wie wir hier sehen können, der Stall als ein bisschen chaotisch, nur Informationen werden zusammen addiert. Und nehmen wir an, wir wollen die Polsterung innerhalb des Öls innerhalb der Tabellendaten ändern . Eine Möglichkeit, dies zu tun, ist, unseren Stil hinzuzufügen. Wir wollen für die Überschrift. Und so öffnen Sie das und wir wollen, dass sie zum Beispiel die Polsterung von 15 Zugang haben. Also, wenn ich jetzt voran und aktualisieren Sie dies, wie wir sehen können. Von hier haben wir 15, von hier sind wir 1515 und so weiter. Die Polsterung ist also im Grunde der minimale Abstand, den wir zwischen dem Rand des Tisches und dem Element selbst haben werden. Jetzt, wie wir hier sehen können, sind 15 Pixel viel. Also lassen Sie mich nur fünf Pixel ausprobieren. Und, und ich denke, es ist okay. Jetzt, wenn I1 die Überschriften auf der linken Seite sein, kann ich einfach innerhalb des Stils, das Alter nach oben und, und ich brauche den Text ausgerichtet, um links zu sein. Geh zurück, erfrischen Sie sich. Und nichts würde passieren, da sie am linken Turm sind. Wir müssen die Tischgröße anpassen. Also in unserem Tisch, nachdem wir diese Tabelle erstellt haben, können wir einfach hier diese Kachel hinzufügen. Und wir müssen die Breite gleich 100% sein. Und in diesem Fall, bevor wir wieder aktualisieren, können wir sehen, dass die Tabelle jetzt viel mutiger ist. Und in diesem Fall, wenn wir die Steuer nach links ausgerichtet verwenden, werden wir Vorname, Nachname und Alter auf der linken Seite erhalten . Aber wenn ich das einfach entferne, befördern Sie Gott. So entfernen Sie THE text-align links Ihren Rücken und aktualisieren. Wir können sehen, dass der Vorname, Nachname und Alter, werden in der Mitte unserer Box sein. Und das liegt daran, dass die Überschrift normalerweise in der Mitte steht und alle anderen Elemente. Also, wenn wir TD verwenden, werden sie automatisch auf der linken Seite unserer Box sein. Jetzt. Bis jetzt haben wir die horizontale Überschrift. Wie wir sehen können, haben wir die Vorname, Nachname und Alter. Aber nehmen wir an, ich möchte eine Tabelle erstellen, die die Telefonnummern und die darstellt, und dies, zum Beispiel, können wir sagen, dass dies das Telefon darstellen würde. Also werden wir rechts am linken Ende und rechts auf den rechten Feldern sein, wir werden die Telefonnummer schreiben, die eigentliche Für eine Nummer. Eine Möglichkeit, dies zu tun, besteht darin, die Tabelle wie gewohnt zu erstellen. Also zuerst, lass mich hierher zurückgehen. Nach unserer Tabelle werden wir eine andere Tabelle erstellen. In dieser Tabelle werden wir die erste Zeile haben. Innerhalb der ersten Zeile werden wir die erste Tabellenüberschrift erstellen und wir haben Telefon. Und dann werden wir unsere Daten hinzufügen. Und in diesem Fall werden wir die tatsächlichen Zahlen hinzufügen. Nehmen wir an, wir haben 555555 für D4, und das ist unsere erste Reihe. Zweite Reihe wird auch so sein. So wird die Handhabung telefonisch sein und die Daten werden die Nummer sein. Und in diesem Fall haben wir diese Nummer. Also gehen wir zurück und führen das aus. Und wie wir sehen können, haben wir das Telefon, und das ist die vertikale Überschrift. Wie wir sehen können, sind die Überschriften vertikal und Standardnummern sind auf den richtigen Feldern. Also überprüfen Sie einfach die Dinge. Wir können einfach vor unserer Tabelle eine Überschrift hinzufügen. So wird H eins sein, dies ist ein Beispiel für die Horizontale. Und dann, und nach dem Stall. Also zwischen den beiden Tabellen werden wir schreiben, jede zeigte auch dies als Beispiel. Bei 30 Mädchen mit. Wenn ich nun zurückgehe und das noch einmal ausführe, können wir sehen, dass dies ein Beispiel für eine horizontale Überschrift ist. Wie wir sehen können, sind die Überschriften horizontal und hier sind die Überschriften vertikal. Und das ist es für dieses Video. Im nächsten Video werden wir Tische mehr besprechen und Sie dann sehen. 12. Tabellen 2: Nehmen wir nun an, wir wollen eine Beschriftung zu unserer Tabelle hinzufügen. Anstatt hier eine Überschrift zu schreiben, werden wir dies als Beschriftung zu unserer Tabelle hinzufügen, und das Gleiche gilt hier. Eine Möglichkeit, dies zu tun, ist, dass wir in unserer Tabelle eine Beschriftung hinzufügen können. Und wir können sagen, dass dies vertikale Überschrift ist. Lassen Sie uns dies löschen und gehen Sie zurück zu unserer ersten Tabelle. Und natürlich fügen Sie in dieser Tabelle auch eine Beschriftung hinzu. Re, fügt nicht hinzu. Und in diesem Fall, wenn ich jetzt zurückgehe und diese Aktualisierung ertränke, werden wir feststellen, dass dies horizontale Überschrift und Würfel vertikale Überschrift ist. Und sie sind das Zentrum unseres Tisches. Also, wenn ich will, dass sie auf der linken Seite sind, so kann ich Text nach links ausgerichtet schreiben. Jetzt geh zurück, erfrischen Sie sich. Und wir können einfach sehen, dass sich diese horizontale Überschrift jetzt links befindet. Und wir können das Gleiche auch für das Richtige tun. Ich habe es jetzt nicht benutzt. Aber wir können es auch benutzen. Lauf. Und wir können sehen, dass dies unsere horizontale Überschrift ist, und das ist jetzt an der richtigen Stelle. Lassen Sie uns nun diese Tabellen löschen und mit einer neuen arbeiten, nur um eine neue Funktion zu sehen. Und in diesem Fall gehen wir hierher und führen natürlich raus. Und das haben wir auch noch. Also jetzt gehen wir zurück zu unserem Körper und lassen Sie uns eine neue Tabelle erstellen. Und natürlich wird die Breite wie gewohnt sein. Die Breite davon wird also gleich 100% sein. Und jetzt können wir mit unserem Tisch arbeiten. Das erste, was wir erstellen werden, ist der erste Strich in der ersten Zeile. Wir werden einfach den Namen hinzufügen, damit die Überschriften benannt werden und die andere Überschrift tatsächlich eine Telefonnummer sein würde. Also Telefonnummer. Und wir werden eine weitere Zeile für nur eine Person hinzufügen. Und so werden die ersten Daten der Name sein, wie wir sagten. Nehmen wir an, der Yunus. Und natürlich wird die zweite die Telefonnummer sein. Und in diesem Fall lassen Sie mich davon ausgehen, dass dies meine Telefonnummer ist. Wenn ich hierher zurückgehen kann, um zu sehen, dass wir den Namen für eine Reihe von Einheiten und die Telefonnummer haben. Und wenn ich zwei Telefonnummern habe, möchte ich beide hier hinzufügen. Eine Möglichkeit, dies zu tun, besteht darin, zwei Zellen in dieser Spalte zu erstellen. Also, wenn ich zurück hier und in der th, so ist dies die zweite, das Alter, die Tabelle Überschrift. Ich kann col span hinzufügen und darin kann ich die Anzahl der Sounds angeben, die ich zusammenführen möchte. So zum Beispiel, hier in diesem Fall möchte ich, und ich kann einfach DD und neue Telefonnummer hinzufügen. Und in diesem Fall ist dies die zweite Zahl, wer hinterher. Und wie wir sehen können, haben wir jetzt zwei Telefonnummern, die erste und die zweite, und sie werden unter Standardnummernabschnitt oder dem Telefonnummersaldo gekauft. Jetzt, da wir dies für Spalten getan haben, können wir genau dasselbe für Zeilen tun. Und in diesem Fall möchte ich das in unseren Tischen demonstrieren. Also, und so, obwohl Tabelle werden wir die TR und natürlich den Namen haben, und dann durch den Namen gefolgt. Also möchte ich die einfach bewegen. Also werden wir einen Namen haben. Und dann hier für Nummer als der Name hier. Und sowohl auf Zahlen hier als auch hier. Also und Wissenschaftler werden $0,02 haben. Um das zu tun, werden wir unsere erste Überschrift erstellen , also der Name, gefolgt von den Daten. Und in diesem Fall wird es mein Name sein. Also die USA. Und natürlich in unserer zweiten Reihe werden wir unsere erste Überschrift erstellen, zweites Helium, tut mir leid. Also hier haben wir das Alter. Und dann 78s, kann ich die Zeilenspanne angeben. Und ich musste zwei sein. Und darin werden wir die Telefonnummer hinzufügen. Und schließlich haben wir die beiden Telefonnummern. Also haben wir die erste, und das ist gleich td. Und die zweite wird eine neue Reihe sein. Wie gesagt, wir brauchen drei Reihen. Also TR. Und wenn ich jetzt zurückgehe, dann führen Sie das aus, damit wir sehen können, dass wir meinen Namen haben, fügen Sie Uranus als Telefonnummer hinzu. Wir haben zwei Telefonnummern. Also, was haben wir hier gemacht? Lass mich einfach zurückgehen. Und wie wir sehen können, wenn ich den Zeilenspan 22 spezifiziere, nahm ich nur zwei Zellen oder zwei Zeilen und verschmelze sie zusammen. Also, wenn ich das aus meinem Code entferne und mal sehen, was passieren wird. Führen Sie das noch ein Mal aus. Ich sehe, dass wir die zweite Reihe gefolgt von der Zahl haben. Die dritte Zahl wird jedoch hier sein. Nun, eine Möglichkeit, damit umzugehen, besteht darin, einfach die letzte Überschrift hinzuzufügen. So. Eine leere Überschrift. Tut mir leid, ich habe es nicht gerettet. Aktualisieren. Und wie wir sehen können, haben wir eine Anti-Islanding. Also, nur um dies zu entfernen und den Leser nicht zu verwirren, können wir einfach die Rowspan verwenden und zusammenführen gekauft wächst zusammen zu sammeln. Da wir vier Nummern benötigen und beide die gleiche Telefonnummer oder die beiden auf Nummern des gleichen Benutzers darstellen . Nun, lassen Sie mich einfach hier zurückgehen und diese unbekannte Zeit entfernen. Das ist also unser Tisch. Nehmen wir an, ich brauche die innere und äußere Grenze, also werde ich gehen, ich werde den Zusammenbruch R1 entfernen. Und wie wir jetzt sehen können, haben wir mehr ausgefallene Tabelle. Jetzt. Und nehmen wir an, ich möchte den Randabstand erhöhen oder ändern. So frei von Abstand ist eigentlich der Abstand zwischen der inneren und äußeren Grenze und entscheiden diese Tabelle. Also lassen Sie mich zurück hier und in meinem Tisch oder innerhalb des Stils hier gehen, können wir hinzufügen, dass wir möchten, dass die Tabelle zum Beispiel der Grenzabstand ist und fünf Pixel gleich ist. Gehen wir zurück und lassen das hier laufen. Und wie Sie sehen können, hat es sich verändert und erhöht. Also zum Beispiel, wenn ich jetzt 15, Sie zurück R1. Wir können feststellen, dass es sich ändert und der Abstand zwischen der inneren und äußeren Grenze zunehmen wird. Wenn wir jetzt eine Tabelle erstellen, müssen wir nicht einfach Elemente oder Wörter hinzufügen. Wir können alles hinzufügen, was wir wollen. So können wir zum Beispiel Absatz, eine Liste, ein Wort oder sogar eine andere Tabelle hinzufügen eine Liste, ein Wort . Also lassen Sie mich hier zurück und entfernen Sie das, einen Grenzabstand und fügen Sie hier den Grenzkollaps hinzu. Wie immer. Geh zurück R1. Und lass mich einfach hierher gehen und wir müssen es retten. Es tut mir leid. Kein Banklauf. Und das ist unser Tisch. jedoch innerhalb unserer Tabelle Lassen Sie michjedoch innerhalb unserer Tabelledie Zeilen und Spalten löschen und neue Tabelle starten. Also, wenn ich voran gehe und Titer, es tut mir leid, bis hier, kann ich mit der Erstellung der ersten Zeile beginnen. Also in der ersten Zeile, in der ersten Zeile, werden wir unsere erste Spalte erstellen. Also die erste Spalte, die ersten Daten werden aus Absätzen bestehen. Also B, das ist ein Absatz. Und dann lassen Sie mich einfach einen weiteren Absatz erstellen. Das ist also ein weiterer Absatz. Lasst uns hierher zurückgehen. Und wie wir sehen können, wenn ich das erstelle, haben wir die erste Spalte oder das erste Element in unserer Tabelle. Nun, wenn ich zurück gehe und lass uns eine andere Spalte erstellen. Und darin werden wir nur eine Liste erstellen. Oder lassen Sie uns zum Beispiel eine andere Tabelle erstellen. Also innerhalb von TD werden wir die zweite Tabelle erstellen. Also werden wir Tabelle eingeben. Und in dieser Tabelle werden wir die erste Zeile erstellen. Erste Reihe Verse von 212. Und dann wird die zweite Reihe auch aus zwei Spalten bestehen, also 34. Nun, wenn ich zurückgehe und das renne, werden wir die 22 Artikel in unserem äußeren Tisch oder größeren Tisch bekommen. Und diese beiden Elemente werden Spektrographen und Liste sein. Unser Tisch. Jetzt besteht unsere zweite Zeile aus einer Liste und einem Wort. Also in unserer Tabelle werden wir die zweite Zeile erstellen. Also, hier, nach dem Abschluss von der ersten Reihe, wird das Erstellen der zweiten und innerhalb der zweiten ein Wort haben. Nehmen wir an, ich habe eine Last und das zweite Element in der zweiten Zeile wird eine Liste sein. Um diese Liste zu erstellen, verwenden wir einfach eine ungeordnete Liste. Und nehmen wir an, wir brauchen den TD. Also haben wir eine TD erstellt, und danach können wir unsere Liste erstellen. So ungeordnete Liste. In dieser Liste haben wir einige Listenelemente. Also Banana, noch ein Listenelement, Mapper. Und der letzte wird Ananas sein. Also, jetzt sind wir fertig. Gehen wir zurück und lassen das hier laufen. Und wie wir sehen können, haben wir unsere Tabelle und besteht aus Absätzen, Tabelle, Word und Liste. Und das ist es für den Tisch. Wir können jedoch noch ein paar Dinge ändern. Zum Beispiel können wir die Hintergrundfarbe dieser Tabelle ändern. So können wir die ID verwenden, um das zu tun. Also haben wir unseren Tisch, und ich meine den äußeren Tisch oder den größeren Tisch. Und in diesem Fall kann ich hier die Idee hinzufügen, zum Beispiel der einen gleich zu sein . Und jetzt, wenn ich auf diese Tabelle zugreifen möchte, kann ich sie einfach innerhalb des Stils verwenden. In unserem Stil kann ich angeben, dass ich für die ID d1 brauche. Öffnen wir die geschweiften Klammern und ich brauche die Hintergrundfarbe, um gleich zu sein. Angenommen, Pur, Zweck, ich denke, was war gut? Und jetzt geh zurück, erfrischen. Und wie Sie sehen können, dreht sich unser Tisch zum Zweck. Jetzt können wir auch angeben, dass wir wollen dass die erste Zeile gleich B einer Farbe schwarz und die zweite Zeile einer Spalte, weiß oder grau zum Beispiel. So können wir das tun, indem wir einfach die Zeile und Spalte angeben und den Hintergrund, die Farbe, die Größe oder die Schriftfamilie angeben. Und das ist es für die Verjüngung. Wir können so viele Dinge mit Tabellen in HTML tun, aber das ist wie üblich, eine allgemeine Idee. Und Sie können tiefer darin eingraben und mehr selbst darüber erfahren. Aber im Moment bleiben wir dabei. Das ist es also. Dies ist das Ende des Tabellenvideos. Mit dem gesagt: Wir sehen uns im nächsten. 13. Listen: Jetzt reden wir mehr über weniger. Und in unseren vorherigen HTML-Codes haben wir eine Liste erstellt. Und in diesem Video werden wir uns tiefer mit diesem Thema befassen. Lassen Sie mich zuerst das alles löschen und zu unserem normalen Standard zurückkehren. Gut, also hier sind wir. Also haben wir unseren Kopf und Körper. Um also eine Liste zu erstellen, wie wir wissen, wenn wir mit der ungeordneten Liste beginnen möchten, können wir q eingeben und eingeben. Und das ist unsere ungeordnete Liste. Und standardmäßig, wenn ich hier einige Elemente hinzugefügt habe. Also und lassen Sie mich einfach diesen Standardbrowser öffnen. Und wie wir hier sehen können, haben wir Banane und Apple. Und das ist die standardmäßige ungeordnete Liste. Nun, wie wir standardmäßig sehen können, haben wir die Disk Bullets. Es ist also dasselbe, wenn ich in dem Stil schreibe, dass die Listenzeit ein Schreibtisch sein soll. Und in diesem Fall, wenn ich voran gehe und zu aktualisieren, werde nichts ändern, da dies bereits eine Scheibenkugel ist. Nehmen wir an, ich möchte, dass sie Kreis sind. Ich kann einfach zu meinem Code zurückkehren und den Schreibtisch ändern, den Typ von Festplatte zu Kreis. Gehen wir zurück und erfrischen wir uns. Und wie wir sehen können, jetzt, unsere Einschusspunkte, unser Kreis statt Schreibtisch. Wir haben auch das Quadrat, zum Beispiel, in diesem Fall, lassen Sie mich einfach zurück und ändern Sie diesen Kreis, zwei S Quadrat. Also haben wir verschiedene Arten von Aufzählungspunkten. Und wie wir hier sehen können, haben wir das, wenn es als Quadrat zeigt. Und zum Beispiel, wenn wir keine Aufzählungspunkte wollen, kann ich in diesem Fall meinen Typ auf keine setzen. Wie wir hier sehen können, werden wir, wenn wir uns erfrischen, unser weniger ohne irgendwelche Aufzählungspunkte bekommen. Gehen wir nun zur Ordinatenliste. Und in diesem Fall F i1. Um meine bestellte Liste zu erstellen, kann ich einfach O L eingeben und in dieser Liste kann ich meine Listenelemente einstellen. So wie immer, und Anna und Apple. Gehen wir zurück, erfrischen wir uns. Und wie wir sehen können, werden wir meine Liste nach aufsteigender Reihenfolge von eins bis zwei ordnen, da ich nur zwei Elemente habe. Nehmen wir an, ich möchte sie nach Buchstaben anstelle von Zahlen bestellen. In diesem Fall kann ich hierher zurückgehen und meinen Stil wie gewohnt festlegen. Der Typ der geordneten Liste ist also gleich einer Reihe von Zahlen. Gehen Sie zurück, führen Sie das aus, ich bekomme ein, B und C und so weiter. Nehmen wir an, ich will sie reinhaben. Der normale Brief geht zurück und wie wir sehen können, würden sie sich ändern. Und natürlich, zum Beispiel, wenn ich sie mit römischen Zahlen will, kann ich auch zurückgehen und dies in i ändern, was darauf hinweist, dass ich sie in römischer Sprache will. Und wie wir sehen können, können wir in diesem Fall Drama-Nummern als Reihenfolge verwenden. Nun, natürlich, wenn ich will, dass sie auch römisch sind, aber in diesem Fall nicht Kapital, kann ich es trocknen. Normales Auge und wie Sie sehen können, werde ich mich wie in Brahman Zahlen bekommen. Jetzt haben wir auch etwas, das eine Beschreibungsliste genannt wird. Und in dieser letzten Woche können Elemente auflisten. Aber wir können einige hinzufügen, zum Beispiel, Beschreibung für diesen Artikel. In diesem Fall nehmen wir an, ich habe Banane und Apple und ich möchte die Farbe hinzufügen. So kann ich Banane, eine gelbe und Apfel, rot in diesem Fall zum Beispiel hinzufügen eine gelbe und Apfel, . Und wenn ich zurückgehe, lass mich einfach unsere Beschreibungsliste erstellen. Und wie machen wir das? Wir können einfach d schreiben und drücken Sie die Eingabetaste, und das ist eine Inschriftenliste. In dieser Liste habe ich. Ich kann den DT benutzen. Und wenn ich in diesem Fall einen Kaffee oder Banane betrete. Dies ist also der Artikel und DD, nur um anzuzeigen, dass wir die Beschreibung für diesen Artikel eingeben werden. Also DD, Go und ich können einfach schreiben, zum Beispiel, gelb. Jetzt gehen wir zurück DT und DD und lesen. Und natürlich, wenn ich zurückgehe und aktualisiere, speichere es einfach und speichere es. Jetzt komm wieder erfrischt. Und wir werden Banane bekommen, gefolgt von der Beschreibung, und dann Apfel und auch von der Beschreibung gefolgt. Jetzt kann ich einfach hier hinzufügen, zum Beispiel die Farbe. Nur um zu klären, was ich tue. Und in diesem Fall lassen Sie mich noch einmal zurückgehen. Und wie wir sehen können, haben wir unsere Früchte und die damit verbundene Farbe. Fahren Sie dennoch zur verschachtelten Liste fort. Und im Grunde ist verschachtelte Liste eine Liste, die sich in einer anderen Liste befindet. Und in diesem Fall nehme ich an, ich habe zum Beispiel eine Liste und das ist die größere. So ist es ungeordneter. Also werde ich un verwenden. Also in dieser Liste habe ich den Listeneintrag. Nehmen wir an, ich habe Laptops oder Telefone, und dann von einem anderen Listenelement gefolgt. Und in diesem Fall ist es ein Laptop. Und natürlich, dieser Laptop, ich habe viele, viele Arten. Nehmen wir an, ich möchte eine Liste dieser Laptops erstellen. So kann ich eine UN-ungeordnete Liste innerhalb dieses Listenelements erstellen . Und in dieser ungeordneten Liste kann ich erstellen, sagen wir HB, Mark, und so weiter. Nun, wenn ich zu meinem Browser-Rendern zurückgehe, können wir sehen, dass wir Telefone, Laptop und Inside Laptop Reha, HP und Mack haben. Beachten Sie nun hier, dass die Standard-Aufzählungspunkte Schreibtisch sind. Also die Schreibtisch-Kugel Punkte, die ich priorisiert habe. Aber wenn wir es sind, haben wir sie bereits benutzt. Und die Standard-Aufzählungspunkte sind jetzt die Kreise. Jetzt hatten wir auch die horizontale Liste und wir können sie mit dem Stil erstellen. Wir können den Stil der Anzeige unserer Listenelemente ändern. Nehmen wir an, ich muss nur Elemente auflisten. In diesem Fall haben wir unseren Laptop und gebildet. Also lassen Sie mich hier zurück. Und lassen Sie mich einfach eine ID dafür erstellen. Und in diesem Fall, lassen Sie mich es C fünf nennen. Jetzt in unserem Stil, hier oben, in unserem Kopf, können wir diese Fliese erstellen. Also hier haben wir Stil. Und natürlich, wenn ich das verwenden oder auf diese ungeordnete Liste zugreifen möchte. Und die Idee ist C5. Wir müssen auf die Listenelemente und innerhalb dieser ungeordneten Liste zugreifen. Und in diesem Fall muss ich das Display ändern, um zu erleuchten. Und mit diesem kann ich sehen, dass jetzt meine Listenelemente sind, meine Artikel werden horizontal aufgelistet. Wenn wir also das Erleuchtete hier in unserem Display verwenden, werden sie horizontal angezeigt. Das ist also nicht für weniger. Und lassen Sie mich noch ein paar Dinge hinzufügen. Und sie sind nicht eindeutig mit der Liste verwandt. Ich finde sie jedoch, dass sie wichtig sind und in unserer Klasse hinzugefügt werden sollten. Das erste, was ist das DIV-Element. Und dieses Element ist ein Blockelement und beginnt immer eine neue Zeile und nimmt die volle Breite zur Verfügung. Also ist es im Grunde wie eine Box. Also lassen Sie mich es hier demonstrieren. Lassen Sie uns bewegen und Teams entfernen. Und ich kann dieses Element erstellen. Also in diesem div, kann ich Hallo sagen, Welt. Zum Beispiel, wenn ich möchte, dass das fett erscheint, kann ich in meinem Stil hier hinzufügen, dass ich möchte, dass der Kessel gleich einem Pixel ist, sagen wir, und solide schwarz. Also möchte ich, dass die Farbe schwarz und die Breite des Rahmens ein Pixel ist. Und wie wir hier sehen können, haben wir jetzt bewusst Kessel. Und sie haben jetzt die Größe von einem Pixel. Und natürlich sind sie andere Farbe schwarz. Wenn ich die Farbe ändern wollte, sagen wir, ich kann zurück. Und wie Sie sehen können, sorry, I1, I2 und so weiter. Und natürlich werden wir HelloWorld bekommen und die Grenze ist jetzt geneigt. Wie wir feststellen können, wird sich dieses Element nach links strecken und so weit wie möglich führen. So wie wir hier sehen können, geht es über die ganze Seite von und von diesem Endpunkt bis zum letzten Bit des Bildschirms. Nun, ein anderes Element ist das Span-Element, und in diesem Fall, lassen Sie mich hier zurück. Dieses span-Element ist also ein Inline-Element und wird nicht auf einer neuen Zeile beginnen und nimmt nur so viel wie nötig ein. Lassen Sie mich einfach die Verwendung dieses Span-Elements demonstrieren. Also lassen Sie mich gehen und löschen Sie das, die erstellen Sie unsere Spanne. Und natürlich, lassen Sie mich sagen, ich brauche HelloWorld. Und lass mich schweigen. In unserem erweitern, werde ich meinen Stil als Grenze hinzufügen, ein Pixel wie gewohnt und solides Schwarz. Ich gehe jetzt zurück und aktualisiere das. Wir können sehen, dass wir hallo Welt innerhalb der Grenze haben. Der Zeiger benötigt jedoch nur so viel wie nötig. Nehmen wir an, ich füge ein paar Worte draußen hinzu. Diese Spanne ist also in einem Absatz. Und natürlich habe ich ein paar Worte außerhalb der Spanne. Also kann ich sagen, ich bin Adi und gut. Durch in diesem Fall, wenn ich zurückgehe und wir können sehen, dass diese Hallo Welt ist zwischen diesen Worten und die Grenze wird nur so viel wie nötig nehmen. So können wir sehen, dass das Wort in der Box ist und es perfekt passt. Nun, wenn wir diese Spanne und Elemente zum Beispiel stylen wollen , nehmen wir an, ich habe das. Also habe ich hier den Absatz, innerhalb des Absatzes, Ich habe Essen. Es gibt Erholungen. Und wir haben Rot, Blau und Gelb. Ich möchte jedoch, dass jede Farbe und die jeweilige Farbe präsentiert wird. Also, wenn ich jetzt wieder hierher gehe und Lambdas, werde ich dort drei Farben bekommen, rot, blau und gelb. Und um das zu tun, können wir einfach diese Ecke zu span hinzufügen. Also span und ich können Brot tippen. Und der Stil davon. Wir können Farbe verwenden, um dem gleich zu sein. Und das Wochenende macht es mutig, so lustig. Und natürlich muss ich hinzufügen und warten, um gleich zu sein. Nun, wenn ich zurückgehe und das ausführen, kann ich sehen, dass wir gelesen haben und es Endpunkt ist. So können wir genau dasselbe für Blau und Gelb tun. Und so können wir unsere Spannweite stylen und wir können genau dasselbe mit unserem div-Element tun. Das ist es also für dieses Video. Wir sehen uns im nächsten. 14. CSS: Und manchmal, wenn wir unseren HTML-Code schreiben, könnten einige Dinge ein wenig chaotisch werden, da wir zum Beispiel hinzufügen werden, und einige Stile und einige Details. Und in diesem Fall verstehen wir vielleicht nicht genau, was wir in unserer HTML-Datei tun. Hier kommt also die Bedeutung einer CSS-Datei. Und innerhalb des CSS werden wir unsere Elemente oder unsere Daten stylen. Und in diesem Fall, anstatt den Stil hier zu schreiben, Setup-Zeit und unseren Kopf. Also müssen wir Stein hier nicht wirklich schreiben oder sogar einen Stil in jeder Komponente hinzufügen. Also brauchen wir das nicht zu tun. Wir können einfach Stunde allein oder unsere CSS-Datei schreiben , wo wir unsere Komponenten stylen werden. Also habe ich gerade meine Datei dot CSS erstellt, ich habe Datei genannt. Und in dieser Datei habe ich nur gesagt, dass ich eine Hintergrundfarbe sein möchte und Hintergrundfarbe erworben wird. Jetzt habe ich hier eine in diesem Fall. Und ich muss diese beiden Akten miteinander verknüpfen. Also eine Möglichkeit, das zu tun, ist die Verwendung der Länge und wir haben CSS. Also das ist Stylesheet und ich möchte die Datei, das TSS, verknüpfen. Wenn ich jetzt weitermache und, es tut mir leid, gehe zurück und öffne das. Im Standard-Browser. Ich werde gehen, ich werde diejenige mit einer Bandlücke Hintergrundfarbe von unquote bekommen. Nun, wir könnten auch wollen, ich habe zwei verschiedene Farben für verschiedene Überschriften. Nehmen wir an, ich habe eine andere Überschrift, die „Welt“ sagt. Und in diesem Fall, wenn ich hierher zurückgehe und aktualisiere, bekomme ich die gleiche Farbe für beide Überschriften. Eine Möglichkeit, damit umzugehen, besteht jedoch darin, verschiedene Ideen zu erstellen, Ideen für jede Komponente zu trennen und diese Ideen dann in unserer CSS-Datei zu verwenden. Nehmen wir an, ich möchte, dass dies erworben wird und die zweite der Farbe Rot, in diesem Fall erstelle ich hier eine ID. Das ist also der erste und das ist der zweite. Wenn ich nun zurückgehe und das für die ID zuerst angeben kann, muss die Hintergrundfarbe gleich sein, damit sie auftritt. Und für den Ausweis. Zweitens, es tut mir leid, hier muss ich mich zum Beispiel erheben. Ich habe vorher geschrieben. Also diese Hintergrundfarbe gleich zu sein. Gehen wir zurück und lassen das hier laufen. Ich werde die erste mit der Hintergrundfarbe von Alcoa und die zweite mit der Hintergrundfarbe von Rot bekommen. So, wie Sie sehen können, können wir Ideen verwenden. Und F, Zum Beispiel, Ich möchte, dass beide Aqua sein. Ich kann einfach sagen, dass ich will, dass man Aqua gleich ist. Wenn ich jedoch auch einige andere Überschriften habe, und ich möchte nur diese beiden Hintergrundfarbe von aquatischen und einfach hier hinzufügen. Die zweite. Und natürlich muss ich den Hashtag hinzufügen. Lassen Sie uns das löschen, gehen Sie zurück und sagen wir, ich habe hier die Farbe Rot. Aber jetzt führe ich das aus, ich werde Aquifer beide mit ihnen bekommen, da die ID dem Typ der Komponenten priorisiert wird. Also zuerst haben wir die ID, dann haben wir den Typ. Nun, wenn ich hier auch noch eine Überschrift habe. Nehmen wir also an, ich habe eine Überschrift nach unserem Absatz und das sagt das Ende. Und ich habe keine Idee für den Verkauf angegeben. Und wenn ich vorangehe und renne, werde ich die Standard-Hintergrundfarbe von Freunden erhalten, da ich angegeben habe, dass für jede ID, für jede Überschrift, die Hintergrundfarbe gelesen werden sollte, es sei denn, ich habe die erste oder zweite. Und in diesem Fall wird die Hintergrundfarbe ein Zitat sein. Jetzt haben wir auch etwas, das Klasse genannt wird. Und in diesem Fall, wenn wir eine Klasse erstellen, ist sie ähnlich der Idee, aber normalerweise wird sie für mehr als eine Komponente verwendet. Und in diesem Fall lassen Sie mich es einfach verwenden, wenn ich ein p habe und ich möchte die Klasse angeben, um Farben gleich zu sein. Und in diesem Fall, wenn ich auf diesen Absatz und mein CSS zugreifen möchte, kann ich den Punkt-Operator verwenden und gefolgt von dem Klassennamen und der Sanduhr Name ist farbig und sagen, lassen Sie mich seine Farben überprüfen. Und natürlich kann ich die Hintergrundfarbe wie gewohnt ändern. Also die Hintergrundfarbe wäre gleich C grün, mal sehen. Und zurück Ramdas, werde ich die Hintergrundfarbe ändern, indem ich die Klasse verwende. So können wir entweder Glas oder ID verwenden oder sogar die gesamte Komponente verwenden, indem wir sie einfach aufrufen. Zum Beispiel fügen Sie jeweils 11 hinzu, die beantwortet werden sollen. Das war also nur eine allgemeine Idee über unsere CSS-Datei. Und diese Datei können wir alles hinzufügen, was wir in Bezug auf diese Zeit unserer Komponenten wollen. Und in diesem Fall können wir die Dinge in unserem HTML-Code vereinfachen. Da wir den Großteil unseres Codes hier schreiben werden, möchten wir das Styling nicht hinzufügen und sie komplizierter machen und beschreiben. Wir können sie hinzufügen und wir können sie tatsächlich in unserer CSS-Datei erstellen und sie einfach mit diesem Link Relation Stylesheet verknüpfen. Und Hyper-Referenz sollte unsere Datei, die CSS sein. Und das ist im Grunde für, dieses Video, ist nur ein einleitendes Video, wie wir unsere Datei, unsere CSS-Datei, mit unserer HTML-Datei verknüpfen können. Und wie wir gesagt haben, können wir so viele Dinge tun. Wir sind mit unserer CSS-Datei, aber für jetzt bleiben wir bei diesem. So sehen wir uns im nächsten Video. 15. Eingabetypen: Lassen Sie uns nun MBA-Typen diskutieren. Nehmen wir an, wir wollen einen Namen vom Benutzer. Und in diesem Fall benötigen wir eine Box, in der der Benutzer seinen Namen platzieren oder hinzufügen kann. Und in diesem Fall, wenn wir diese Box erstellen möchten, benötigen wir das Formular-Tag. Also, wenn ich hier gebildet schreibe und die Eingabetaste drücke, wird ein Formular mit einer Aktion passieren. Und wir werden in einer Minute sehen, was wir damit machen können. Aber im Moment wird die Aktion nichts sein. Wir werden nur unseren Namen eingeben und auf das Kästchen klicken. Oder der Berater, wenn Sie eine Eingabe vier Subnetze erstellen möchten. Lassen Sie mich diese Form demonstrieren. Zunächst einmal müssen wir unser Label erstellen. Und in diesem Fall, lassen Sie mich nur Namen nennen. Das ist also der Vorname und in meinem Label von Dr. First Name. Und dann, nachdem wir unser Label erstellt haben, müssen wir unsere Input erstellen. Also, jetzt wird diese Eingabe vom Typ Text sein. Und natürlich, lassen Sie mich es einfach versuchen, meine Eingabe hier. Und lassen Sie mich einfach eine ID für später erstellen. Die Idee wird also sein, also ist dies FirstName, also ein Bildpfadname. Und natürlich kann ich ein Ziel für meinen Input schaffen. Und in diesem Fall nenne ich es auch Pfadname. Nun, wenn ich die Linie wie gewohnt springen möchte, können wir DBR nur verwenden, um Linie zu springen. Nun, lass mich das öffnen und sehen, was hier passiert ist. Also, wenn wir das erstellen, werden wir unseren Vornamen zu bekommen. Dies wird mit gerade erstellt verzögert und gefolgt von unserer Eingabe. Hier können wir etwas hinzufügen. Zum Beispiel füge ich Hadi hinzu. Jetzt wird nichts passieren, weil wir keine Aktion hinzugefügt haben. Und wir werden in diesem Video keine Aktion hinzufügen, da wir nur lernen, wie wir unsere Eingaben erstellen und sie stylen können. Jetzt gehen wir zurück zu unserem Code und lassen Sie uns ein weiteres Label hinzufügen. In diesem Fall lassen Sie mich einfach eine Zeile hier auch springen, um es besser zu sehen. Und natürlich brauche ich ein Etikett, ich Name und Nachname, also L Name. Und dann muss ich den Nachnamen eingeben. Natürlich wird die Eingabe vom Typ Text sein, der auch die ID genannt wird, um gleich lname zu sein. Und dann wird der Name natürlich auch gewählt, um der gleiche wie die ID zu sein. Und natürlich, springen Linie, gehen Sie zurück und aktualisieren. Und wie wir sehen können, haben wir jetzt FirstName gefolgt von seinen Markierungen, und Nachname gefolgt von Sparks. Jetzt seitdem hier habe ich nicht beigetragen. Es, nur hinzugefügt und aktualisiert. So können wir sehen, dass wir jetzt zwei Boxen haben. Wir haben zwei Eingänge. Wir können unseren Vor- und Nachnamen hinzufügen. Und in diesem Fall möchten wir vielleicht die Unterseite oder Eingabe senden hinzufügen. Und in diesem Fall, wenn wir auf die Vorlage drücken, wird es uns bringen, es wird uns zu woanders bringen. Nun, wie wir in diesem Video gesagt haben, werden wir nur diskutieren, wie man diese Eingaben erstellt. Also, wenn ich hierher zurückgehe, kann ich eine weitere Eingabe erstellen. Diesmal ist der Typ jedoch kein Text. Wir haben ein HTML eingereicht und natürlich der Name devalue, es tut mir leid. Ich kann eine gewidmet hinzufügen Submit sein. Jetzt, wenn ich zurückgehe und aktualisiere, kann ich sehen, dass ich hier die Eingabe senden habe. Also, wenn ich die Submission drücke, wird es mich an einen anderen Ort bringen. Zum Beispiel möchten wir diesen Vor- und Nachnamen zusammen und in einem Wort, in einem Satz hinzufügen und dann nur an den Benutzer vermietet. Zum Beispiel, sagen wir willkommen. Nehmen wir an, ich gebe 30 und Einheiten ein. In diesem Fall, wenn ich drücken, senden, wird es ein Begrüßungsschreiben erzeugen, das heißt, willkommen hatte Jahre. Dies ist also ein Beispiel dafür, wie wir das nutzen können. Allerdings müssen wir die Aktion der alten Form hinzufügen. Und vorerst werden wir diese schaffen. Nehmen wir an, wir haben einen Benutzernamen und ein Passwort. Und in diesem Fall möchten wir, dass der Benutzer sein Passwort als Passwortfeld eingibt. So können wir ihn einfach bitten, sein Passwort als Text einzugeben. Da muss das Passwort Naziismus sein. Und dazu können wir zuerst Label erstellen, und dieses Label wird unser Benutzername sein. Und dann fragen Sie den Benutzernamen. Und natürlich, fügen Sie unsere Eingabe hinzu. Innerhalb unserer Eingabe haben wir den Typ, der besteuert werden soll, da wir zuerst den Benutzernamen hinzufügen. Und wenn ich sie gebeten habe, einen Text zu verfeinern, muss ich ihn bitten, sein Passwort einzugeben. Also wird das Label jetzt Lindenholz sein. Lassen Sie mich nur ein Bild B und Passwort. Dann sollte ich natürlich die Eingabe hinzufügen und die Zeit könnte Passwort sein. Nun, wenn ich hierher zurückgehe und aktualisiere, sehen Sie, dass wir Benutzernamen und Passwort haben. Allerdings kann ich hier schreiben mein Benutzername und Passwort wird so sein. Also haben wir einen schwarzen Bildschirm, wir können sehen, was ich jetzt schreibe. Dies ist also im Grunde für das Passwort, und so können wir das Passwortfeld erstellen. Wie wir sehen können, ist es als schwarze Kreise geschrieben. Nun gehen wir zu einem anderen Eingabetyp über, und das ist der Funktyp. Und in diesem Fall habe ich zum Beispiel drei Arten. Nehmen wir an, ich möchte nach dem Geschlecht fragen. In diesem Fall kann ich männlich, weiblich oder andere eingeben. Also, um das zu tun, lass mich zurückgehen. Und in unserer Form können wir unsere Eingabe als radial anstelle von Text erstellen. Und dann kann ich natürlich unser Label hinzufügen. Das Etikett wird also sein Name sein, es Mail zum Beispiel. Und ich frage, ob das ein Mann ist, dann springen Sie ausgerichtet. Und natürlich wird die Amplitude noch ein Zeitradio sein. Und lassen Sie mich einfach unsere Arbeit schaffen. Also das Etikett wird er in diesem Fall weiblich gemacht und dann sprang die Linie. Und natürlich kann ich auch die Eingabe 11 Mal hinzufügen. Und in diesem Fall wird der Eingang auch vom Typ Radio sein. Und dann haben wir unser Label. So wird das Etikett jetzt anders sein. Und wir können in ihrem Jahr schreiben. Nun, wenn ich zurück zu meinem Browser hier, und, und so können wir sehen, dass wir männlich, weiblich oder andere, und ich kann eine oder mehrere wählen. Und in diesem Fall kann ich fragen, bevor ich diese vier erstelle, ich kann eine fragen, sagen wir Alter drei. Und was ist dein Geschlecht? Und danach, lass mich einfach deprimieren. Und wie wir sehen können, können wir aus dieser Liste wählen. So können wir entweder männlich, weiblich oder andere wählen. Und wie zuvor kann ich natürlich die Submit-Eingabe hinzufügen , damit ich meine Eingabe erstellen kann, die in diesem Fall eingereicht werden soll. Und wenn ich wieder aktualisieren, können wir sehen, dass wir eingereicht haben. Und wenn ich präsentiere, sollte es mich nehmen oder etwas anderes erzeugen. Lassen Sie uns nun zu einem anderen Eingabetyp übergehen. Und in diesem Fall werden es die Kontrollkästchen sein. So zeigt das Eingabetyp-Kontrollkästchen, definiert als der Name, ein Kontrollkästchen an. Also für P8-Netzwerke, lassen Sie mich das einfach löschen. Und zuallererst erstelle ich meine Input. Und der Typ könnte sein, wie wir sagten, Bugs überprüfen. Und natürlich, lassen Sie mich arbeiten. Lassen Sie uns zum Beispiel über Laptops sprechen. Also L1, also springt auf und die Eingabe ist die zweite Eingabe wird auch vom Typ Checkbox sein und das Label wird L2 sein. In diesem Fall können wir zum Beispiel Mathematik hinzufügen. Und wenn ich jetzt voran und erstellen Sie unsere Eingabe senden. Also das ist vom Typ senden und lassen Sie mich zurückgehen, aktualisieren. Und wie Sie sehen können, haben wir HB NMAC. Entschuldigung, das ist die Frage für den anderen. Für die, wie gesagt, die Optionsfelder. Aber jetzt lassen Sie mich das einfach löschen und gehen wir zurück, aktualisieren. Wie wir sehen können, haben wir HB und Mac. Und ich habe vergessen, hier ein paar Zeilen hinzuzufügen. So können wir hier eine Zeile hinzufügen. Und hier. Jetzt geh zurück, erfrischen. Wir können sehen, dass wir HB, Matt und einreichen, so können wir eine oder mehrere wählen. Und dann, wenn wir auf Submit drücken, die uns als Reset auf woanders nehmen wird. Jetzt gehen wir zurück und besprechen die Eingabetaste und wie wir damit arbeiten können. Also, wenn wir dies in unserem Formular löschen, wann immer wir setzen Button, Button erstellen wollen , brauchen wir diese Formel nicht wirklich. So kann ich die Eingabe erstellen, und dies wird vom Typ Button sein. Und ich kann wählen, dass onclick Alert etwas. Also in diesem Fall, wenn wir darauf klicken, wird es hallo warnen. Und jetzt gehe ich zurück. Und wie Sie sehen können, haben wir etwas, sorry, das ist, was sollten wir angekommen und jetzt wird der Wert sein, Ich kann nicht steigen, zum Beispiel, ein Klick mich. Also klicke auf mich. Und jetzt lassen Sie uns zurückgehen und das laufen. So erfrischen. Und wie Sie sehen können, haben wir die Schaltfläche Klicken Sie auf mich. Und wann immer ich drauf drücke, um dies zu generieren, zum Beispiel diese Warnung. Und da steht hallo. Wenn ich nun OK drücke, kann ich zurückgehen. Und wann immer ich darauf tippe oder ich drauf drücke, wird es diese Warnung erzeugen, die besagt, dass diese Seite sagt, und die Nachricht, die ich an den Benutzer senden werde. Gehen wir zurück zu unserem Code und sprechen über das Zahlenfeld. Und dieser Eingabetyp ist Zahl und definiert das numerische Eingabefeld. So können wir die minimalen und maximalen Attribute verwenden , um numerische Einschränkung und das Eingabefeld hinzuzufügen. Zum Beispiel, wenn ich möchte, dass der Benutzer zum Beispiel eine Menge hinzufügt , und ich möchte sie möglicherweise zwischen 110 angeben. Ich kann die Attribute min und max verwenden, um sicherzustellen, dass der Benutzer den richtigen Wert oder den Wert innerhalb der bestimmten Domäne hinzufügt. Also lassen Sie uns jetzt unser Telefon erstellen. Also hier haben wir vier. In diesem Kegel. Wir können unser Label erstellen. Und dieses Etikett wird ich die Menge für jetzt begrenzen. Und natürlich unsere Quantität. Es wird zwischen 110 liegen, wie gesagt. Und dann kann ich unsere Input erstellen. Die Eingabe wird vom Typ Nummer sein, wie wir gesagt haben. Und ich kann das Minmax benutzen. Das Minimum wird also gleich eins sein und das Maximum wird in diesem Fall 210 sein. Lassen Sie mich jetzt einfach unseren Eingabetyp erstellen und hier ausgerichtet springen. Jetzt geh zurück, erfrischen. Und wie wir sehen können, haben wir eine Menge zwischen 110. Also können wir entweder diese Cursor verwenden oder und wie wir sehen können, wenn ich zehn bin, wird es sich seit unserem maximalen Zahlenstempel nicht mehr ändern. Nun, wenn ich vorstelle Submitted sollte mich zu woanders bringen. Jedoch, dann jetzt haben wir unser Telefon nicht hinzugefügt, erinnern Sie sich. Aber für jetzt zum Beispiel, wenn ich 44 gefragt und drücken Sie auf einreichen, wird es dieses Sprichwort erzeugen, dass der Wert kleiner als oder gleich zehn sein muss. Und wenn ich wählen minus fünf und Gegenwart eingereicht zu sagen, dass der Wert größer als oder gleich eins sein muss. Dies ist also im Grunde für das Zahlenfeld. Und wie wir sehen können, haben wir so viele Eingabetypen und wir werden einige davon später auch im nächsten Video besprechen. 16. Eingabetypen 2: Lassen Sie uns nun unsere Diskussion über Menge oder numerische Eingabetyp fortsetzen. Und in diesem Fall haben wir gesagt, dass wir das Minimum und das Maximum hinzufügen können. Wir können jedoch auch diese Registerkarte und den Anfangswert hinzufügen. Wenn ich zum Beispiel zu meinem Code zurückgehe und nachdem ich das Minimum und das Maximum hinzugefügt habe, lassen Sie mich die Maxime hinzufügen, die gejagt werden soll. Das Minimum wird 0 sein. Und ich kann dieses Tag in diesem Fall hinzufügen. Also der Schritt, zum Beispiel, wähle ich den Schritt von zehn eingeben. In diesem Fall ist der Benutzer verpflichtet, entweder 0102030 usw. einzugeben , bis er die Zahl 100 erreicht, die das Maximum ist. Und ich kann auch den Wert hinzufügen und w, zum Beispiel, wäre es gleich 20 in diesem Fall. Also, wenn ich hierher zurückgehe, aktualisiere, so dass der Anfangswert 20 ist, kann ich zehn hinzufügen und nichts wird passieren. Es wird auf 20 zurückgehen. Wenn ich 30 hinzufüge, sagen wir, es wird auch auf 20. Und natürlich, wenn ich eine 150 hinzufüge, wird es sagen, dass der Wert kleiner oder gleich 100 sein muss. Wie wir sehen können, das Minimum und das Maximum immer noch angewendet. Der Wert ist jedoch immer gleich 20. Und in diesem Fall lassen Sie mich einfach diesen Wert löschen und bei der Schrittgröße bleiben. Und lasst uns wieder und frisch gehen. Wir haben hier nichts. Wenn ich jedoch vier eingeben, geben Sie bitte einen gültigen Wert ein. Die beiden nächstgelegenen Werte der hinzugefügten Werte sind 010. Wie gesagt, haben wir die Schrittgröße auf zehn gewählt. Und in diesem Fall sollten wir uns daran halten, etwas zu wählen, das Vielfaches von Benzo ist. Wenn ich zehn wähle, ist es richtig. Wenn t auch korrekt ist, und so weiter bis zum Erreichen der 100. Und es wird auch richtig sein. Das ist es also für die numerischen Schritte. Lassen Sie uns nun zu einem Datumsfeld übergehen. Und zum Beispiel, wenn ich den Benutzer bitten möchte, seinen Geburtstag einzugeben, kann ich in diesem Fall den Geburtstagsdatentyp verwenden. Also, wenn ich zurückgehe und das lösche, damit ich das Label zuerst erstellen kann. Das Testament wäre vom Typ, lassen Sie es uns nennen. Geburtstag ist in diesem Fall. Und ich füge Geburtstag hinzu. Und natürlich muss ich meine Input erstellen. Der Typ wird jedoch in diesem Fall Datum sein, in diesem Fall Datum sein, und ich kann ausgerichtet springen und meine Eingabe wie gewohnt senden. Und jetzt gehen wir zurück zu unserem Browser, aktualisieren. Und wie Sie sehen können, haben wir den Geburtstag und gefolgt von der Datumstyp. Und ich muss hier auf das Datum und den Monat und natürlich das Jahr eingehen, sagen wir zu 1000 in diesem Fall. Und wenn ich auf „Senden“ klicke, sollte es etwas generieren. Und jetzt nehmen wir an, dass wir einige Einschränkungen hinzufügen möchten. Und wir können das Minimum und Maximum hinzufügen. Wenn ich zum Beispiel zu meinem Code und innerhalb des Labels zurückgehe, sagen wir das Label hier. Ich kann den Geburtstag hinzufügen. Allerdings kann ich ihn bitten, ein Datum einzugeben, bevor, zum Beispiel, poof vor 2 Tausend. Und natürlich wird in meinem Eingabetyp das Max hier sein. So wird max gleich sein, sagen wir 199. Und natürlich kann ich die 1212 hinzufügen. Klar, es tut mir leid, E, wir können 30 hinzufügen. Und gehen wir zurück zu unserem Code. Und wie wir sehen können, bis ich vor zweitausend tat. Wenn ich also 1000 hier und 7572001 hinzufüge , klicken Sie auf Absenden. Der Wert muss 3012 oder früher, 11999 oder früher sein. Nehmen wir an, ich möchte ein Datum nach zweitausend eingeben. In diesem Fall kann ich den Benutzer bitten, ein Datum nach 2 Tausend einzugeben und das Minimum wird in diesem Fall hier sein. So Minimum wird gleich sein, Ich kann wählen, 2001, um sagen zu lassen. Und in diesem Fall gehen wir zurück zu unserem Browser und sehen, was passiert ist. Also, jetzt, wenn ich eingeben, was, 1999 senden Gebote interbedded das Feld. Ok, es tut mir leid. Hier müssen wir etwas hinzufügen, sagen wir von phi. Und wie wir sehen können, muss der Wert das spezifische Datum zu hundert, zehn hundert oder sein. Und in diesem Fall lassen Sie uns gerade dieses Jahr 2001 ändern. Und es sollte richtig funktionieren und generieren oder nehmen nimmt uns zu einer anderen Seite. Und das ist im Grunde für die Datumsfeldeinschränkung. Nehmen wir an, wir wollen eine Farbe zeigen. Und in diesem Fall können wir die Eingabetypfarbe verwenden. Und gehen wir wie gewohnt zu unserem Code zurück. In unseren vier. Lassen Sie uns unser Label erstellen. Und lassen Sie uns sagen, dass für dieses Etikett die Farbe verwendet wird. Und lassen Sie uns es nennen, wählen Sie Ihre Farbe aus. Und in diesem Fall sollte der Benutzer seine Farbe auswählen. Und natürlich wird der Eingabetyp farbig sein. Und lassen Sie mich einfach unsere Eingabe senden. Also Senden Sie hier, und gehen Sie zurück, aktualisieren Sie. Und wie wir sehen können, haben wir Farbe ausgewählt und die schwarze Farbe ist die Standardfarbe. Allerdings können wir dies und unseren Code und Seite, unseren Eingabetyp ändern. Wir können unseren Wert hinzufügen, um gleich einer bestimmten Farbe zu sein. Und das ist der Code für Ratten oder ff Theorie 0-0. 0 Jetzt gehen wir zurück zu unserem Browser und aktualisieren. Und wie wir jetzt sehen können, ist die Farbe, die vor uns ist die rote Farbe. Wenn ich darauf klicke, wird diese Seite oder dieses Feld generiert. Und ich kann die Farbe wählen, die ich will. Und danach kann ich es wie gewohnt einreichen. Und das ist es für den Farbwähler. Jetzt können wir auch Arrangement Feld erstellen. Und in diesem Beispiel wird Derange-Feld als Schieberegler angezeigt. So können wir zum Beispiel etwas Ähnliches wie das Volumen hier bezahlen. In unserem Volumen können wir also sehen, dass wir uns nach rechts oder links bewegen und unsere Lautstärke erhöhen oder verringern können . Und wir können dies tatsächlich mit HTML erstellen. Und so gehen wir zurück zu unserem Code hier und beginnen damit. Also, anstatt die beschriftete Farbe zu schreiben, werde ich unser Label erstellen und ich werde es Volumen nennen. Und dann werden wir das Volumen hier hinzufügen. Das ist also Volumen zwischen 0. Und natürlich muss ich meine Eingabe hinzufügen. In diesem Fall wird die Eingabe vom Typ Bereich sein, und ich kann das Minimum und Maximum wie üblich hinzufügen. Also Männer gleich 0 und das Max wird gleich 100 sein. Und in diesem Fall, so ist es. Lassen Sie uns einfach unsere erstellen, Zum Beispiel, die Schaltfläche „Senden“. Also senden und dann zurück gehen, aktualisieren. Und wie Sie sehen können, haben wir jetzt unser Volumen zwischen 0 und standardmäßig ist es in der Mitte bei 15. Jetzt kann ich hin und her scrollen und wählen Sie die gewünschte Lautstärke und dann eingereicht. Also das ist es für das Bereichsfeld. Wir können auch ein Mönchfeld hinzufügen, sprechen über Felder. Es ermöglicht dem Benutzer, einen Monat und das Jahr auszuwählen. Und der Monat wird in Firefox Safari oder Internet Explorer 11 oder früher nicht unterstützt. Stellen Sie also sicher, dass Sie etwas anderes haben und Sie beispielsweise hier Google Chrome verwenden . Und gehen wir zurück zu unserem Code hier. Um das zu tun, können wir einfach unser Label als Geburtstag erstellen. So können wir den Monat und das Jahr wählen. Also hier, Geburtstag, wir haben Monat und Jahr. Und natürlich wird unser Band sein, wir werden es in den Geburtstagsmonat ändern. Also schreibe ich einfach Nachfrage. Und jetzt können wir unsere Input erstellen. Die Eingabe wäre also der Typ Monat. Und natürlich kann ich eine weitere Eingabe hinzufügen, um sie einzureichen. Das ist also einreichen und ist zu einer anderen Zeile gesprungen. Gehen Sie zurück zu unserem Code, aktualisieren Sie. Und wie wir hier sehen können, können wir einen bestimmten Monat wählen, Januar, Juni, Juli und Februar. Ich kann wählen, was ich will. Und das Jahr. Zweitausend. Und das ist im Grunde für den Monat und das Jahr und wie wir einen bestimmten Monat und Jahr in unserem Monatsfeld wählen können . Nun gehen wir zu einem anderen wichtigen Indizes über, um eine schwache Eingabesteuerung anzuzeigen. Und diese Eingabewoche wird auch nicht in Firefox, Safari und Internet Explorer 11 oder früher unterstützt . Um sicherzustellen, dass Sie, wenn Sie diese Eingabe verwenden möchten, etwas anderes installiert haben müssen. Jetzt gehen wir zurück zu unserem Code und erstellen unser Label. In diesem Fall lassen Sie mich das einfach löschen. Und das Label wird schwach sein und schwach auswählen, und dann unsere Eingabe erstellen. Und in diesem Fall wird unsere Eingabe vom Typ schwach sein. Und jetzt, wenn ich zu meinem Browser zurückgehe, aktualisieren, so wird die Woche die drei sein. Und die, Ich kann das Jahr wählen, das ich von hier wollen. Und dann natürlich, klicken Sie auf Absenden. Und ich kann auch das Kalenderjahr verwenden. So wie Sie sehen können, können Sie jede Schwache wählen und jedes Jahr gingen wir aus unserem Kalender. Und wenn ich diese Woche wählen möchte, kann ich einfach darauf klicken und es wird für mich meine Woche generieren. Lassen Sie uns nun zu einem anderen Beispiel gehen und eine Zeiteingabesteuerung erstellen. Diese Zeit ermöglicht es uns, eine Zeit ohne Zeitzone auszuwählen. Und tatsächlich wird dieses Mal nicht in Safari oder Internet Explorer 12 oder früher unterstützt. Also gehen wir zurück zu unserem Code. Und in unserer Firma werden wir unser Label kreieren. Das heißt, die Zeit und Grenzen sind einfach Name zu Zeit und, und bitten Sie den Benutzer, eine Zeit auszuwählen. Und dann können wir unsere Eingabe erstellen und es wird vom Typ Zeit sein. Und natürlich die Schaltfläche „Senden“. Und jetzt geh zurück, erfrischen. Und wie Sie jetzt sehen können, haben wir unsere Zeit. Also für vier und wir können immer Zeit von hier und wir können wählen, was wir wollen. Also das ist es im Grunde für die Zeit und setzen Sie die Kontrolle. Nun, lassen Sie uns zum E-Mail-Feld gehen. Wenn wir also ein E-Mail-Feld erstellen möchten, kann ich das Label einfach wie gewohnt erstellen. Und dieses Etikett wird für eine E-Mail sein. Und ich kann den Benutzer bitten, einzugeben, wie er gemacht hat. Geben Sie also Ihre E-Mail ein. Und natürlich muss ich in diesem Fall eine Eingabe vom Typ E-Mail erstellen. Und dann sprang ausgerichtet und schließlich, erstellen Sie die Submit-Button und gehen Sie zurück. So wie wir jetzt sehen können, haben wir unsere E-Mail und wenn ich nur etwas tippe, wird es sagen, dass diese enthalten und in der E-Mail-Adresse hinzufügen. Kdf fehlt die Anzeige. So kann ich Beispiel am Beispiel dot com hinzufügen. Und natürlich, wenn ich eingereicht habe, wird es gut funktionieren und etwas anderes erzeugen oder mich woanders bringen. Nun, das letzte, was wir besprechen werden, ist das Suchfeld. Und es verhält sich tatsächlich wie ein normales Suchfeld oder Textfeld. Um es zu tun, können wir einfach Ausrüstung erstellen. Also das ist für die Suche und Suche, Google, sagen wir. Und danach kann ich meine Eingabe der Typsuche erstellen und jetzt ausgerichtet springen. Wenn wir zurückgehen und aktualisieren, werden wir die Suche gehen. Ich kann eingeben, was ich will und dann eingereicht, um danach zu suchen oder tun, was ich will. Und das ist es für die Eingabetypen. Wir haben so viele Eingabetypen und Sie können nach ihnen suchen. Und das ist es für dieses Video. So sehen wir uns beim nächsten. 17. PROJEKT: In Bezug auf den Projektteil erstellen Sie ein Reise-Formular. Und dieses Formular werden Sie den Benutzer bitten, seinen Vor- und Nachnamen einzugeben, wie Sie hier sehen können. Dann wirst du ihn bitten, ein wenig über sich selbst zu reden. Dann, um den Grund zu sagen bietet Kabel, zum Beispiel, um Familie oder Freunde zu besuchen, entweder im Ausland zu studieren oder Ferrante Arbeit oder langfristige Arbeit zu tun. Und Sie können auch andere hinzufügen Siehe ich habe es nicht hinzugefügt, aber Sie können immer andere hinzufügen. Es kann einen anderen Grund geben. Und natürlich das Ziel. Also hier habe ich gerade fünf Destinationen hinzugefügt, Frankreich, Italien, Amerika, Großbritannien und Spanien. Und dann danach werden wir auf Vorlage drücken, und es sollte vorgelegt werden. Das ist es also für dieses Projekt. Ich denke, dass alle Werkzeuge für Sie verfügbar sind. In den früheren Videos können wir einfach ein paar Feld zurückgehen, dass Sie etwas verpasst haben. Wir hatten gelernt, wie man die Eingabe erstellt und wie man sie aufträgt. Wir können hier Padding verwenden, und wir haben auch gelernt, wie man zwischen Eingaben und natürlich, wie man einreicht. So sind sie alle in den vorherigen Videos verfügbar. So kannst du zu ihnen gehen, wann immer du Lust hast. Und das ist nicht für dieses Projekt. Ich hoffe, es gefällt dir. Und vergessen Sie nicht, es dem Projektbereich hinzuzufügen , damit ich es mir ansehen und Ihnen mein Feedback geben kann. 18. Zusammenfassung: Herzlichen Glückwunsch zum Abschluss dieser Klasse. Sie haben gerade die HTML- und CSS-Klasse abgeschlossen. Und lassen Sie uns einfach eine kurze Zusammenfassung darüber machen, was wir abdecken? Zunächst sprachen wir über einige Grundlagen und Syntax. Dann gingen wir zu Styling und Formatierung. Und wir sprachen auch über Tabellen, Listen und Bilder. Und natürlich haben wir gelernt, wie wir unser CSS mit unserer HTML-Datei verknüpfen können. Und das ist es für diese Klasse. Ich hoffe, es war vorteilhaft. Und vielen Dank, dass Sie sich in dieser Klasse einschreiben. Und bis bald.