HTML und CSS – Anfängerhimmel

1. Einführung: Hallo mein Freund. Dies sind die ersten paar Sekunden, in denen ich Ihre Aufmerksamkeit erregen sollte oder Sie diese Videos einfach schließen. Also habe ich es gemacht? Nun, ich hoffe es, weil es so viel Spaß macht, den wir in diesen Autos haben werden. Beachten Sie zunächst, dass ich nicht wie Roboter spreche, also ist das der Hauptunterschied zwischen meinen Kurven und den anderen. Du wirst dich einfach nicht langweilen. Okay, das ist kein langweiliger nächster Kurs. Das ist ziemlich cooler Kurs. Wenn Sie sich also jedes Mal fragen, wenn Sie etwas Neues lernen, Fragen wie, warum brauchen wir Attribute? Was sind Selektoren und warum werden sie Selektoren genannt und so weiter, so weiter. Dann sind Sie hier richtig, denn ich werde all diese Fragen beantworten und Ihnen alles von Grund auf erklären. Okay? Ich glaube, dass jeder die Fähigkeit hat, Software zu entwickeln, wenn er richtig gelehrt hat, und es schließt Sie ein. Nach meinem Kurs wirst du endlich alles verstehen, was du erschaffst. Was Sie also nach diesem Partikel, unserem Kurs, wissen , wissen Sie, wie Sie HTML-Tags, Attribute und CSS-Selektor verwenden . Sie wissen, wie Sie Visual Studio-Code installieren und einstellen. Sie lernen super, wirklich super effiziente Tastenkombinationen, die emmet genannt werden. Und Sie, wie Sie ein Bild auf Ihrer Seite hinzufügen, interne, externe Links erstellen, Benutzerformulare mit Eingaben erstellen und so weiter und so weiter. Es gibt also ziemlich viel Widerspruch zu dir, oder? Und die Frage ist, warum sollten Sie meinen Kurs wählen? Nun, weil Sie meine Hilfe zu behandelten Themen haben. Stellen Sie eine Frage im Bereich Fragen und Antworten, und ich helfe Ihnen so schnell wie möglich. Meine Kurse werden bei Bedarf aktualisiert. Ich habe Tausende zufriedener Kunden, okay? Was solltest du vor diesem Kurs wissen? Um ehrlich zu sein, haben nur gute Absichten gebraucht, also ist nichts nötig. Okay, du kannst einfach ein totaler großer Anfänger sein, okay. Und wer bin ich? Nun, ich bin unsere kaddische Arktis. Und ich habe enorme Programmiererfahrung, wie Sie hier sehen können. Und ich habe schon viele Leute gelehrt, und die meisten von ihnen sind ziemlich glücklich. Du kannst Rezensionen im Internet lesen, lehren wirklich gerne andere Menschen und die lieben es anderen zu helfen. Denken Sie also daran, wenn Sie Fragen haben, sich gerne stellen. Sie können mir eine Nachricht schicken und ich werde so schnell wie möglich antworten. Danke, dass du dir dieses erste Video angeschaut hast und einen schönen Tag hast. Viel Glück. 2. Download und Installation von Visual Studio Code: Hallo, mein Freund heute. Wir werden darüber sprechen, wie man Visual Studio-Code herunterlädt , der, wie Sie sehen, ein Code-Editor ist . Aber was bedeutet das? Es ist ein Herausgeber? Herausgeber, wie der Name schon sagt, schauen Sie sich die Namen an. Schau dir immer die Namen an. Editor ist ein Programm, das zum Bearbeiten verwendet wird, was hier nicht überraschend ist, oder? Aber was kann es bearbeiten? Kann es nur Websites oder vielleicht Text bearbeiten? Um ehrlich zu sein, kann dieser Editor, wie Sie sehen, nicht nur für HTML verwendet werden, er kann auch für Python, Java Scream, CSS, Java, Typoskript usw. verwendet CSS, Java, Typoskript usw. Das ist eine ziemlich große Sache. Und Sie fragen sich vielleicht, warum sollten wir einen solchen Editor verwenden? Warum sollten wir ihn herunterladen? Warum können wir keine Websites zum Beispiel mit Note Pod schreiben ? Sie können es nicht mit Notepod machen. ehrlich zu sein, können Sie einen beliebigen Texteditor verwenden, um eine Website zu erstellen Wenn Sie jedoch einen Editor verwenden, wie zum Beispiel Visual Studio-Code, sparen Sie viel Zeit und Zeit ist Geld, denn nun, Ihr Code wird beispielsweise farbig sein, um ihn klarer zu machen. Der Herausgeber wird Ihnen vorschlagen, was Sie als Nächstes schreiben sollten? Es wird den Text schließen , über den wir später sprechen werden, und so weiter. Der Editor ist also etwas , das für Sie arbeiten wird. Also ist es schön, so etwas zu haben, oder? Es ist gut zu wissen , dass es egal ist , welchen Editor Sie wählen werden. Fangen wir an, Sie können Visual Studio-Code wählen. Sie können beispielsweise Net Beans usw. auswählen . Das Wichtigste für dich ist, dass es zu dir passt. Es hängt alles von Ihrem Geschmack ab, was Sie verwenden sollten. Um ehrlich zu sein, können Sie die Google-Webentwicklung eingeben. Mm. Redakteure, und Sie können nach einigen von ihnen suchen, sie öffnen, mit ihnen spielen. Aber um ehrlich zu sein, öffne am Anfang einfach alles. Fangen Sie einfach an zu programmieren, denn das ist das Wichtigste. Fangen Sie an zu programmieren, später werden Sie sehen, was für Sie wichtig ist. Ich denke, dass Visual Studio-Code wirklich einer der besten Editoren ist . Was noch wichtiger ist, wenn Sie lernen, ihn zu benutzen. Nun, Sie müssen keinen anderen Editor lernen , wenn Sie die Sprache ändern möchten , in der Sie programmieren werden, oder? Weil du darin fast alles programmieren kannst , was du willst. Wenn wir also Visual Studio-Code eingeben, können wir ihn für Windows herunterladen. Wenn wir hier klicken, finden Sie, wie Sie sehen können , Links, beispielsweise für Linux oder Macintosh Also lass uns hier klicken und lass uns den Kampf einfach speichern Nachdem die Datei heruntergeladen wurde, können wir hier auf Öffnen klicken, und jetzt kommt der wichtige Teil. Wir sollten die Lizenz lesen, okay? Das ist ein wirklich wichtiger Teil. Und dann klicken Sie auf Weiter, Weiter. Und dann als Nächstes. Und Sie können Desktop-Symbole auf dem Desktop erstellen. Sie können es also ziemlich einfach öffnen. Klicken Sie auf Weiter, installieren Sie und um ehrlich zu sein, das ist alles. Ihr Editor wird installiert und wir werden uns unterhalten. Nun, wenn wir jetzt auf Fertig stellen klicken , sieht es wie folgt aus. Wir werden in der nächsten Vorlesung darüber sprechen, wie man es benutzt. Das steht in der Lektion. Ich danke dir vielmals. 3. Projekt erstellen: Hallo, es ist Zeit, eine Website in unserem Visual Studio-Code-Editor zu erstellen . Wie man es macht. Nun, zuerst müssen wir mit Dateien arbeiten. Wie man hier mit Dateien mit so vielen Schaltflächen arbeitet. Was sollte ich anklicken? Nun, machen Sie sich zunächst keine Sorgen. Sie müssen nicht wissen, wo Sie alles in diesem Editor sofort finden müssen . Okay, okay? Wenn du es dir ansiehst, mach dir keine Sorgen. Es gibt viele Möglichkeiten. Sie müssen nicht alle kennen. Wir werden in Zukunft die wichtigsten verwenden. Ich zeige es dir Schritt für Schritt, damit du dich nicht überfordert fühlst Also müssen wir zuerst an den Akten arbeiten. Aber wie fügen wir unserem Visual Studio-Code eine Datei hinzu? Sie können es auf zwei Arten tun. Sie können einen neuen Ordner erstellen, einen neuen Ordner. Lassen Sie uns zum Beispiel einen Ordner namens CATs erstellen. Jetzt verschieben wir ihn einfach hierher. Ich bewege es einfach. Ich halte die linke Maustaste gedrückt und lege sie einfach hier hin. Hallo. Das ist jetzt in unserem Editor. Hier, wie Sie sehen können, CATs. Und wie du siehst, hat sich dieses Ding hier erweitert, okay? Das ist Explorer, also das Ding, mit dem Sie Dinge in dem angehängten Ordner erkunden können , der Ihrem Editor hinzugefügt wurde, oder? So wie Sie es zum Beispiel in Windows haben. Aber das sieht nur ein bisschen anders aus. Und hier kannst du was machen. Sie können eine neue Datei erstellen, Sie können einen neuen Ordner erstellen. Also lass es uns einfach machen. Lass uns auf die neuen fünf klicken. Wie Sie jetzt sehen können, können wir hier den Namen unseres FI eingeben. Also zum Beispiel Beispiel, und wenn ich einfach auf Enter klicke, habe ich, wie Sie sehen können, eine Fünf erstellt. Beispiel, das Problem ist, hey, wir werden in Zukunft schreiben, was in HTML drin ist. Sie wissen gerade nicht, was das genau ist, aber wir werden Code in HTML schreiben. Also sollten wir die Erweiterung hier ändern. Wie machst du das? Klicken Sie mit der rechten Maustaste , benennen Sie um und lassen Sie uns Ihren HTML-Code eingeben. Wie Sie sehen können, hat sich dadurch das Symbol hier geändert. Jetzt schreiben wir HTML. Und wir können hier eingeben, was wir wollen. Wie Sie sehen können , wenn wir hier auf der rechten Seite Dinge eingeben . Wir haben hier so etwas, dieses weiße Ding hier. Es deutet darauf hin, dass unser Code geändert wurde und er nicht gespeichert wurde. Wir müssen das speichern, um das Ergebnis zu sehen. Wir können also auf Datei klicken und speichern oder die Tastenkombination Strg plus S aus dem Safe verwenden. Wie Sie sehen können, haben wir es gerade gesagt, und wir können die Datei öffnen verwenden. Also, wie man es macht, wir können es minimieren. Offene Schnitte. Rechtsklick, Openwave Zum Beispiel Firefox. Wie Sie sehen können, ist dies unsere Faces-Website, was ziemlich seltsam ist, weil sie nichts Interessantes sagt, aber machen Sie sich keine Sorgen Hier wirst du in Zukunft lernen, wie du Websites erstellst , die gerade eine gewisse Bedeutung haben. Es ist nur zum Spaß. Lustig, lustig, lustig. Und die Frage ist nun, ist das die einzige Möglichkeit, einen Ordner hinzuzufügen? Das ist nicht nur die Art, es zu tun. Wir können den Ordner, den wir hier bereits geöffnet haben, schließen , wie Sie Datei sehen, Ordner schließen, und um die Datei erneut zu öffnen, aber nicht, indem Sie sie hierher verschieben, können wir einfach hier im Explorer klicken, und dann können wir auf Ordner öffnen klicken und ihn einfach finden. Hier ist es, wo es wirkt. Also wie der Ordner, und wie Sie sehen können, haben wir ihn gerade wieder geöffnet. Sie können es einfach in den Visual Studio Code verschieben oder es einfach mit dem Explorer öffnen , wie Sie es sehen können, oder? Um also Dateien zu erstellen, können Sie es auf diese Weise tun, aber denken Sie auch daran, dass Sie keine Website in Visual Studio Code erstellen müssen, Sie können sie sogar mit Notepad erstellen Sie können also auf Neu klicken. Und Sie können einfach zum Beispiel den Notizblock verwenden. Es ist Dokument textv, es wurde nicht ins Englische übersetzt Ich weiß nicht was, aber es bedeutet Notizblock. Und hier können wir zum Beispiel so etwas wie Beispiel eingeben. Lassen Sie uns die Erweiterung auf HTML ändern. Das Problem ist, dass ich es genauso genannt habe wie hier, vielleicht ändern wir es auf Beispiel zwei, richtig. Und wie Sie sehen können, ist es jetzt auch hier verfügbar, und Sie können zwischen einer und anderen fünf wechseln indem Sie einfach hier klicken. Okay? Sie können dieses Ding minimieren und trotzdem an Ihrem Projekt in Ihrer Seite, Ihrem Ordner, arbeiten. Du hast hier also mehr Platz, oder? Das ist ziemlich nützlich. Die meiste Zeit werden wir es so machen. Wir wissen jetzt also, wie man sich die Datei anschaut. Aber denken Sie auch daran, dass dies auch wichtig ist. ist es wichtig, dass, wenn Sie sehen, ist es wichtig, dass, wenn Sie Ihre Datei mit dem Firefox öffnen Wie Sie sehen, ist es wichtig, dass, wenn Sie Ihre Datei mit dem Firefox öffnen, jetzt nichts mehr da ist. Warum? Weil wir die Datei nicht gespeichert haben. Es ist wichtig, dass Sie die Datei immer speichern müssen. Sie haben den Vorschlag hier und hier. Es heißt auch, dass eine Datei nicht gespeichert wurde. Und hier haben wir Informationen, welche. Strg plus S, und wie Sie sehen können, ist es jetzt gespeichert. Und hier müssen wir jetzt die Seite aktualisieren, um die Änderung zu sehen. Also müssen wir bei der Aktualisierung auf die Schaltfläche Aktuelle Seite neu laden oder auf Strg+R klicken , und wie Sie sehen können, haben wir ein Ergebnis In dieser Vorlesung haben Sie es also gelernt. Wir haben so etwas wie den Explorer, mit dem Sie die Ordner auf Ihrem Computer durchsuchen können . Und um ehrlich zu sein, es simuliert wirklich ein Projekt, oder? Wir haben ein Projekt zum Thema Schnitte gehört, also könnten wir in diesem Ordner eine Website zum Thema Schnitte erstellen und Spaß haben Aber solche Dinge werden in zukünftigen Vorlesungen reichen. Wenn Sie wie immer Fragen haben , können Sie diese gerne stellen. Vielen herzlichen Dank. Hab einen schönen Tag. 4. Einstellen deines ersten Projekts, ein Projekt: Hallo, heute lernst du die Grundlagen von HTML. Zunächst werden Sie lernen, was HTML und was Technologie ist. Dies ist wahrscheinlich das wichtigste Wort , das Sie verstehen müssen, um Websites zu erstellen. Wenn Sie es richtig verstehen, wird alles einfach sein. Und mach dir keine Sorgen. Ich werde alles in meiner Macht Stehende tun , um sicherzustellen, dass Sie es richtig verstehen. Okay, was ist HTML? HTML ist wirklich eine Hypertext-Markup-Sprache. So läuft es also. Das ist eine Abkürzung zu diesem Ding. Und was bedeutet Hyper? Hyper bedeutet, dass das etwas Tolles ist, oder? Es bedeutet, dass etwas sehr gut ist. Aber wie kann Text hyperaktiv sein? Das ist ziemlich seltsam, denn Text ist nur Text, wenn wir hier suchen, wo wir Wörter haben, und das ist nur einfacher Text Wie kann es hyperaktiv sein? Wie kann es der super sehr gute Text sein? Kannst du etwas tun , was andere Texte können? Nun, wenn wir ein Buch haben und wenn wir zum Index dieses Buches gehen, wenn wir den vierten Abschnitt suchen und dort nach der Antwort suchen wollen . Was brauchen wir? Wir müssen es manuell machen. Wir müssen unsere Hände benutzen, um zu Abschnitt vier des Buches zu springen, weil das nur ein einfacher Text ist. Aber dieses Mal, wenn wir uns den Hypertext ansehen, handelt es sich um einen Text für Fortgeschrittene Da es sich um einen HTML-Code handelt, können Sie mithilfe von Hyperlinks springen, oder? Deshalb werden sie Hyperlinks von einem Text zu einem anderen Text genannt Hyperlinks von einem Text zu einem anderen Text Wir sind es einfach gewohnt, den Hypertext zu verwenden. Schauen Sie, wenn wir hier Polen eingeben, richtig, zum Beispiel, und hier haben wir welche Links, die Hyperlinks, die es Ihnen ermöglichen , zu einem Ort zu einem anderen und zu einem anderen Ort und zu einem anderen Ort zu springen und zu einem anderen Ort Wir können einfach so oft hierher springen, wie du willst, und wir machen es schnell Das ist ziemlich cool. Wir sind daran gewöhnt. Aber hey, normalerweise schreiben wir, wenn wir uns Bücher ansehen, solche Dinge nicht, oder? Also ja, das ist ein Hypertext. Deshalb hast du hier eine Hyper-Inside dieser Abkürzung, okay Das ist wirklich fortgeschrittener Text, der es dir ermöglicht, wirklich coole Sachen zu machen, über die wir natürlich lernen werden Was bedeutet Sprachauszeichnung also? Es bedeutet, dass es markiert werden muss, also muss es markiert werden Also muss es angeheftet werden. Tuck heißt eigentlich Markup, weil man damit Dinge markieren Es ermöglicht dir, Dinge zu markieren. Es ermöglicht Ihnen zu sagen, wie etwas interpretiert werden sollte? Wenn wir einen Text wie diesen haben, würden wir wollen, dass er anders funktioniert. Zum Beispiel, hey, wir haben hier HTL, und ich hätte es gerne fett gedruckt, oder Ich hätte gerne die Schriftart hier geändert. Also, wie das geht, du musst Steuern verwenden. Du musst markieren. Deshalb wird es Auszeichnungssprache genannt Und wie man das macht. Nun, wir müssen Steuern verwenden. Nehmen wir an, nennen wir es Bolt, weil das Ding dadurch gewagt wird. Und lassen Sie uns hier eine Spalte wie diese hinzufügen und sie im Webbrowser öffnen. Wenn wir es so machen, werden Sie feststellen, dass sich nichts geändert hat. Warum? Weil jedes Tag in HTML so aussehen muss. Okay? Der Tag-Name muss in so etwas stecken. Und wird es funktionieren? Nein, es wird nicht funktionieren. Nichts ist passiert. Aber hey, die Sache mit dem Bolzen ist verschwunden weil unser Webbrowser, , weil unser Webbrowser, der Firefox, gerade versucht, das zu interpretieren, aber er weiß nicht, was das bedeutet. Wir müssen Steuern als Referenz verwenden. Und Sie finden diese Referenz zum Beispiel auf dieser Website hier. Und wie Sie sehen können, gibt es viele Tags. Und dieses Tag, nach dem wir suchen, heißt B, was fett gedruckten Text definiert, und wir müssen es so machen. Also, wenn wir jetzt unsere Seite aktualisieren, wie Sie sehen können, ja. Dieser Text ist geschraubt. Aber hey, ich wollte nur diesen Teil des Textes fett formatieren , nicht alles Ja. Deshalb müssen wir das Etikett, das wir geöffnet haben, schließen Okay. Wir müssen es mit dem Schrägstrich B schließen. Da steht, hey, das ist der Schluss-Tag, das ist der Eröffnungs-Tag, das ist der Anfang, das ist das Ende, und dieses Ding hier heißt total Aliment Es heißt Aliment. Das wird dem Webbrowser sofort sagen, dass er diesen Teil, den Inhalt, interpretieren muss diesen Teil, den Inhalt, interpretieren Um fett gedruckt zu werden. Und wir informieren es mithilfe des Tak, mit der Auszeichnungssprache, die wir in zukünftigen Vorlesungen kennenlernen werden Wir müssen lernen, wie diese Statistiken funktionieren. So erstellt man Websites. Mit solchen Tattoos In Zukunft werden Sie lernen, wie Sie Hyperlinks erstellen , mit denen Sie von und an eine andere Stelle in Ihrem Text springen Sie haben bestimmt schon bemerkt, dass Leerzeichen und so weiter hier nicht interpretiert werden, oder? Alles ist in einer Zeile. Deshalb müssen wir lernen, es, du weißt schon, gut aussehen zu lassen. Und du machst es gut Text verwendest, über den wir in Zukunft lernen werden. so etwas erstellt, das Ihnen hilft , sich an das Element zu erinnern, also besteht alles aus einem Start-Tack des Inhalts und einem End-Tack Es gibt Namen, die du in der Referenz findest, die ich dir gezeigt habe, wie zum Beispiel B, das ändert den Inhalt, wir müssen das Tag beenden Andernfalls, wenn wir das Tag nicht beenden, werden wir alles vertuschen, was wir nicht wollen. Wir müssen beenden, was wir angefangen haben, wie im echten Leben währenddessen. Natürlich funktioniert es nicht jedes Mal. Das ist HTML. Das ist nur Hypertext-Markup-Sprache Es ist eine Sprache, in der wir Steuern verwenden, um den Text zu markieren, ihn zu übertreiben Das ist nur die Lektion. Ich danke dir vielmals. 5. Grundlegende HTML-Dokument: Hallo, meine Freunde. Heute zeige ich euch ein paar weitere Tags, mit denen ihr die Grundstruktur für euer HTML f erstellen könnt. Jedes HTML f sollte mit einem HTML-Tag beginnen, okay? Und dieses Tag informiert den Webbrowser darüber, dass er die HTML-Sprache interpretieren wird . Später sollten Sie etwas erstellen, das Kopf genannt wird. Wir haben quasi einen Kopf auf unseren Schultern, oder? Also wird dieser Ort verwendet, um zusätzliche Informationen über Ihre Website zu speichern. Wie zum Beispiel der Titel. Sie können hier also einen Titel für Ihre Website erstellen und ihn zwischen dem öffnenden und schließenden Titel-Tag platzieren . Und hier können wir es zum Beispiel die lustigen Bilder von Katzen nennen, so. Und jetzt können wir es öffnen. Ich speichere die Datei mit der Tastenkombination Cro plus S, und wie Sie hier sehen können, haben wir was. Im Moment sind es die fünf Pfade zu unserer Datei. Aber wenn ich die Seite aktualisiere, Strg+R, wie du siehst, lustige Bilder von Cut, ja, wir können jetzt den Titel unserer Website ändern Das ist ziemlich cool. Also, in der Hitze platzieren wir Informationen wie diese. Da werden mehr Steuern anfallen. Wir werden später über sie sprechen. Dies ist die grundlegendste und wichtigste. Wir erstellen eine Vorlage, mit der wir Websites erstellen können , die Sie kopieren können. Jetzt werden wir den nächsten Akt erstellen , der Body heißen wird. ob wir in unserem wirklichen Leben einen Körper haben, wenn du dir Menschen ansiehst, dann wirst du feststellen, dass sie irgendeine Art von Inhalt in ihrem Körper haben . Ja, das ist hier dieselbe Situation. Wir haben was, das Haupt-HTML. Innen haben wir Kopf und Körper, die einen Inhalt haben, nicht wahr? Hier geht es zum Inhalt Ihrer Website. Wenn wir es jetzt aktualisieren, wie Sie sehen können, haben wir hier Informationen. Hier geht es zum Inhalt Ihrer Website. Und Sie fragen sich wahrscheinlich, warum wir vorher so etwas gemacht haben. Warum? Es gibt hier immer noch Inhalt, als ich sagte, dass wir Websites wie diese erstellen sollten. Das ist eine gute Frage. Und was ist die Antwort? Webbrowser sind ziemlich intelligent. Sie können fast alles interpretieren, was Sie hier eingeben. Sie können den Titel so an die falsche Stelle setzen, und er wird immer noch hier sein. Lass es uns ändern. kannst du sehen. Alles funktioniert gut. Warum also die Mühe machen, es so zu machen? Lassen Sie uns zunächst ein guter Mensch für einen anderen Programmierer von HTML-Dateien sein anderen Programmierer von HTML-Dateien Wir gehen einfach davon aus, dass wir, wenn wir uns das Head-Tag ansehen, hier Informationen über die Website finden werden hier Informationen über die Website Stellen Sie sich vor, Ihr Code ist etwa so lang. Und manche Leute würden den Titel hier eintragen und manche Leute würden ihn schreiben, ich weiß, wie hier. Irgendwo in der Mitte. Das wäre schrecklich für uns, oder? Ich würde die Dinge an seltsamen verschiedenen Orten haben. Also das ist eine Art Standard, okay? Also lass es uns einfach so machen. Aber wenn Sie immer noch denken, dass es Ihnen nicht genug ist, dann stellen Sie sich für eine Sekunde vor, dann gibt es in Google irgendwelche Roboter, dann gibt es in Google irgendwelche Roboter, die im Internet suchen und das Internet analysieren. Und sie analysieren Websites, wie Sie sie erstellen. Und wenn Sie Dinge auf Ihrer Website tun, die seltsam sind, wie zum Beispiel den Titel an einer seltsamen Stelle zu platzieren, und Sie viele solche Fehler machen, dann können sie Ihnen einfach ein gewisses Minus innerhalb des Rankings bescheren. Okay? Sie erstellen die Websites, um sie sichtbar zu machen , um sicherzustellen, dass Sie Kunden haben, damit sich die Leute Ihre Inhalte ansehen, richtig? Sie möchten also wahrscheinlich nicht, dass nicht genug Leute auf Ihre Website schauen, oder? Das ist also ein guter Grund , Inhalte zu erstellen , die auch hinter dem Bildschirm gut aussehen, oder? Nein, Sie müssen sich nicht nur darum kümmern, was hier ist, sondern auch, was sich hinter den Kulissen befindet. Also ja, du kannst es hier hinstellen. Das funktioniert gut. Aber jetzt ist es besser, wenn du es so machst. Und es gibt auch neue Webbrowser, die, wissen Sie, solche Dinge interpretieren können. Einige ältere Menschen werden es nicht richtig machen. In Zukunft finden Sie auch Skripte. Sie werden lernen , wie man Skripte erstellt und sie werden Ihren Code analysieren, indem sie sich mit dem Text befassen. Das ist ein ziemlich fortgeschrittenes Thema, aber denken Sie einfach daran, Inhalte so zu erstellen, wie sie erstellt werden sollten. In den Kopf fügen wir Text wie Titel ein, in den Hauptteil fügen wir Inhalt ein. So können wir den Inhalt hier zum Beispiel so einbinden. Bam, wie Sie sehen können, geht es hier um den Inhalt Ihrer Websites Es gibt noch eine Sache, an die Sie sich bei Standards erinnern sollten Du könntest deine HTML-Datei auf diese Weise erstellen, okay? Also fange mit dem Großbuchstaben an. Es wird gut funktionieren. Du könntest es wissen, das in „Gefällt mir“ ändern. Es funktioniert immer noch einwandfrei, obwohl wir es nicht auf die gleiche Weise geschlossen haben. Sie können also viele ziemlich seltsame Dinge in Ihrem Code tun . Bitte tu es nicht. Okay? Du kannst, aber fang nicht nie an, ich kenne den Titel aus dem Großbuchstaben Vielleicht sieht das gut für dich aus, aber der Standard ist , du weißt schon, alles mit dem Kleinbuchstaben zu beginnen, okay Verwenden Sie also keine Großbuchstaben in Tag-Namen. Es ist auch gut zu wissen , dass alles, was Sie hier im Titel eingeben , hier angezeigt wird, und das ist ziemlich wichtig was Sie hier eingeben, denn wenn Sie hier, ich weiß nicht, etwas wie die erste Webseite einfügen , ist das für Sie nicht nützlich, und es ist auch nicht nützlich für den Benutzer Und es wird auch nicht nützlich sein für die Roboter, die das Internet analysieren. Wenn Google Robot also Ihre Website findet und Webseite eins sieht, fragt er sich, worum geht es auf dieser Webseite? Er wird versuchen, den Inhalt hier zu analysieren. Aber wenn er sieht, dass der Titel so aussieht, wird er sich nicht zu 100% sicher sein, und er wird den Dingen, die Sie hier angeben , keine Punkte geben . Wenn Sie eine Seite über Katzen haben, ist es eine gute Idee , Katzen hier zu platzieren. Wenn Sie eine Website über Fahrräder haben, stellen Sie das Fahrrad hier ein. Ich weiß nicht, dass sich Katzen wiederholen. Katzen, Katzen, Katzen, Katzen. Das ist nicht gut, denn dann wird Robot sagen, okay, er wiederholt es. Ich glaube, er schummelt vielleicht. Dieser Typ ist einfach nicht cool. Also werden wir ihn verbieten. Lassen Sie uns hier ein Wort eintragen, vielleicht das Doppelte des Wortes, das Ihre Webseite richtig beschreibt. Der Inhalt sollte wirklich hier sein, und das wird Ihr Ranking bei Google verbessern. Das ist alles in der Lektion. Danke. 6. Nested Tags und die in den Schildern mit EMMET: Hallo, mein Freund. Heute lernst du ein neues Etikett, die Augenmarke. Du wirst auch lernen , wie du deine verschachtelte Steuer schließen Was ist unsere verschachtelte Steuer mit unseren verschachtelten Elementen Außerdem lernst du eine sehr, sehr wichtige Tastenkombination kennen, mit der du den Umbruch vornehmen kannst , um das Tag in den bereits geschriebenen Text einzufügen den bereits geschriebenen Text Das wird dir eine Menge Zeit sparen. Die Augenmarke sieht so aus. Wir öffnen die Klammer und schließen eine und stellen fest, dass wir hier den automatisch geschlossenen Riegel haben. Der schließende wird einfach automatisch vom Editor hinzugefügt Und wenn ich den Inhalt hier reinstelle, also geneigter Inhalt, werdet ihr feststellen, dass der Inhalt hier ist. Ist wirklich geneigt. Also das ist wirklich eine Abkürzung für das kursive Wort, okay? Es erzeugt also geneigte Wörter, geneigter Text, richtig? Und so funktioniert es. Aber die Frage ist, kann ich den Text , der bereits existiert, mit dem geneigten Tag oder dem fett formatierten Tag versehen, oder? Denken Sie zum Beispiel daran. Ich möchte es fett formatieren. Wie geht das schnell? Nun, wir könnten, weißt du, A und dann das abschließende Tag eingeben, und du kannst sehen, dass das Tag, das hier hinzugefügt wurde, jetzt nicht gut für uns ist, denn nun, wir wollen es hier haben, richtig, oder? Wir wollen es kopieren, also müssen wir es, du weißt schon, gegen plus X ausschneiden und es hier einfügen Das braucht Zeit, Zähler plus Z, wir können darauf zurückkommen Nun, wir können es auch so machen. Wir können B, dann Zähler plus Z eingeben und es dann hier eingeben. Das ist ein bisschen schneller, oder? Wie Sie sehen können, wenn wir nur den ersten Angriff und die öffnende Klammer und dann den Schrägstrich eingeben nur den ersten Angriff und die öffnende Klammer und dann den Schrägstrich Dies wird automatisch geschlossen. Was okay ist, aber das ist immer noch langsam. Es wäre am besten, wenn wir das Element, den Text, der bereits auf unserer Website existiert, einfach irgendwie mit diesem T umschließen könnten das Element, den Text, der bereits auf unserer Website existiert, einfach irgendwie Text, der bereits auf unserer Website existiert, , oder? Gibt es dafür eine Abkürzung? Nun ja, das Gute ist, dass es im Visual Studio-Code eine Abkürzung im Visual Studio-Code gibt, die etwas namens ET verwendet. Wir werden in Vorlesungen etwas über ET-Kurzbefehle lernen , weil ich denke, wenn ich jede Abkürzung in einer Vorlesung verwende, wirst du dich nie daran erinnern. Ich muss sehen, wie wichtig es ist , sie zu verwenden, oder? Lassen Sie uns dieses Wort hier auswählen und die Tastenkombination Strg plus Shift plus P verwenden . Und wie Sie hier sehen können , gibt es viele Tastenkombinationen, die Sie verwenden können. Und wenn wir den Umbruch mit Abkürzung eingeben , wie Sie sehen können, wurde er kürzlich von mir verwendet, und ich klicke darauf. Wir klicken mit der linken Maustaste auf Massentaste oder klicken auf das Äh. Sie können sehen, dass es jetzt auf die Abkürzung wartet. Wenn wir nun das eingeben, was auch immer wir eingeben, wird es, wie Sie sehen können , das Tag sein, an dem sich der Text, den wir ausgewählt haben, sofort öffnet und schließt , oder? Das ist ziemlich cool, denn jetzt können wir einfach B hier einfügen, und das wird fett gedruckt Ich muss das abschließende Tag nicht entfernen und es hierher kopieren oder hier einfügen. Das dauert einfach lange. Wir können Abkürzungen verwenden. Das ist ziemlich cool. Geben Sie Ende ein. Der Job ist beendet. Das ist also eine sehr gute, sehr einfache Art, Ihren Text in die Steuer einzubinden. Die Frage ist, können wir es noch schneller machen? Contra plus Z, kommen wir zurück zu Contra Plus Plus P. Wie Sie sehen können, gibt es hier eine Art Ausrüstung Sie können darauf klicken und die Tastenkombinationen konfigurieren. Wenn Sie hier klicken und die Tastenkombination hinzufügen, können Sie die gewünschte Tastenkombination drücken und dann die Eingabetaste drücken um die neue Tastenkombination für diese Verknüpfung mit der Abkürzung zu erstellen Wir müssen also nicht die Tastenkombination Strg plus Garbe plus P verwenden die Tastenkombination Strg plus Garbe plus P verwenden und dann den Befehl finden Wir müssen zum Beispiel nur Contro plus Garbe plus E eingeben. Warum habe ich mir die Mühe gemacht, Steuerung plus E eingeben. Warum habe ich mir die Mühe gemacht Welle plus A plus E zu verwenden Denn nun ja, beachten Sie, dass viele Abkürzungen bereits verwendet werden Beispiel: Strg plus A wird von zwei vorhandenen Kommentaren verwendet. Sie können sehen, womit, alles auswählen. Es wäre dämlich, die Abkürzung so aus den Abkürzungen zu entfernen . Es ist also besser , etwas zu verwenden , das noch nicht benutzt wurde, wie zum Beispiel dieses. Wenn wir jetzt auf Enter klicken, können wir es etwas schneller machen. Cro plus Shift plus und dann B. Ba, das ist ziemlich cool, oder? Und jetzt lasst uns über die verschachtelte Steuer sprechen. Beachten Sie, dass dieser Text, sagen wir , geneigt und gleichzeitig fett gedruckt Also möchte ich ihn fett und gleichzeitig formatieren. Also, wenn wir B auf diese Weise eingeben und dann hier, wie Sie sehen können, wird das fett gedruckt Das ist fett gedruckt. Text. Jetzt , wenn ich Kursivschrift hinzufügen möchte. Beachten Sie, dass ich, wenn ich Counter Plus mache , das Auge hier platzieren sollte? Soll ich es hier hinstellen? Wie Sie sehen können, sagt Ihnen sogar der Herausgeber , dass etwas nicht stimmt. Er versucht hier, die Kursivschrift zu schließen. Da dies das falsche Schild ist, sollten Sie sich immer die Reihenfolge merken , in der die Steuer geschlossen werden sollte Wir schließen den äußersten Riegel . Beachten Sie, dass der letzte Tuck oder der erste Tuck hier B ist und der letzte ist I, und wir sollten es ändern, richtig, diese beiden B. ist die Reihenfolge, die Sie verwenden sollten Also, wenn du das schließt, wenn du Theta öffnest, solltest du es zuerst schließen Wenn das die innere Klappe ist, es eine äußere Klappe wie diese ist, sollte sie geschlossen werden wie die letzte, und du fragst dich vielleicht, und du fragst dich vielleicht warum ich die Abkürzung nicht benutzt habe? Nun, weil wir ein bisschen mehr über Abkürzungen über MD wissen müssen , um zwei Tags mit der Abkürzung erstellen zu können , von der wir erfahren haben Also Beispieltext, lass uns so etwas machen. Wählen Sie es aus, Strg plus Shift plus E, und es wartet auf die Abkürzung Beachten Sie, dass nichts Gutes für uns passiert, wenn ich B und dann I und dann B eintippe , wenn ich B und dann nichts Gutes für uns passiert, wenn ich B und dann I und dann Wir wollen zwei Tags haben, die verschachtelte Steuer. Wie man dieses Problem mit der Abkürzung löst, von der wir erfahren haben Wir müssen B eingeben und dann dieses Vorzeichen eingeben, das größer ist als Sinus, die spitze Klammer, und jetzt geben wir I ein. Wie Sie sehen können, heißt es, dass B das äußere Tag I das innere Tag ist. Wir könnten ja wissen, mehr draus machen, oder? Aber das ist das Ergebnis , nach dem wir suchen. Wir möchten, dass der Text fett und auch kursiv ist. Beachten Sie, wie schnell es ist, solche Dinge zu tun, oder? Wir machen einfach B, I und das ist alles. Jetzt machen wir es noch einmal manuell. B-Zähler plus B. ist ausgefallen. Mmm. Okay, und jetzt nochmal, mit der Abkürzung. Beispieltext. Wählen wir und diese Beule aus. Das ist ziemlich cool, oder? Das ist also die Abkürzung, die ich wärmstens empfehlen kann. Jetzt wissen Sie, welche Steuerbescheide notwendig sind , dass wir sie bereits verwendet haben, wie hier zum Beispiel, wir haben Kopf - und Insidertitel Und das sah nicht so aus, weißt du, schwer zu verstehen, wann du schließen solltest, welches du zuerst schließen solltest weil wir hier die Eingabetaste verwenden, oder? Beachten Sie, dass wir das auch hier tun können. Und wenn wir es jetzt so machen würden, würde das, du weißt schon, komisch aussehen, oder? Es ist also eine gute Idee, manchmal Einrückungen in Ihren Code einzufügen , um ihn ein bisschen lesbarer zu machen , oder? Beachten Sie auch, dass dieser Editor ziemlich cool ist, wenn Sie Einrückungen hinzufügen, weil wir den Text ein - und ausklappen können - und ausklappen So wie das. Also warum ist es nützlich? Nun, stellen Sie sich vor, wir haben hier einen Head-Tag, und nehmen wir an, wir haben hier viele Tags , die sich auf den Kopf unserer Website beziehen. Deshalb erinnere ich Sie an diese zusätzlichen Informationen über Ihre Website. Und um ehrlich zu sein, wenn du es aufschreibst, wird das für dich nicht mehr benötigt. Und du... und das ist einfach zusammengeklappt, oder? Und du musst es nicht jedes Mal sehen. Das ist also ziemlich cool, oder? Sie können Ihren Code einfach lesbarer machen. Sie können es einfacher machen, von einem Ort zum anderen zu springen , weil Sie keine Dinge lesen müssen , die vorerst nicht benötigt werden. Okay, das steht in dieser Lektion. Vielen Dank. 7. Absätze erstellen<p>| Was sind Weisungen?</p>: Hallo, mein Freund. Beachten Sie, dass, wenn Sie sich diesen Text ansehen, der Text in einer Zeile steht. Aber wenn du hier hinschaust, ist es das definitiv nicht, oder? Wir verwenden hier Einträge. Wir benutzen also irgendeinen Schlüssel, der die Linien durchbrechen sollte, oder? Aber das hat es nicht getan. Warum? Weil HTML etwas, was man weiße Zeichen nennt, nicht interpretiert. Weiße Zeichen sind Dinge wie Enter Tabulator. Wenn du also auf Tap klickst, ist das ein Tabulator, wie zum Beispiel hier, oder Und auch Leerzeichen, aber kein Leerzeichen wie hier. Nun gut, du musst irgendwie, in der Lage sein, Platz zu nutzen , ohne etwas Seltsames hier platzieren zu müssen, genau das einzige Leerzeichen, weil das ziemlich oft neu ist. Platzieren Sie also mehr als eins nach dem anderen. Okay? Also, wenn du so etwas hast, dann werden all diese Leerzeichen entfernt, bis auf eines. Beachten Sie, dass wir hier unseren Beispieltext haben, den Beispieltext. Und nun, hier ist einfach kein Platz, so wie hier. Es gibt nur einen einzigen Raum, nicht so viele Leerzeichen. Okay? Das sind also weiße Zeichen und sie werden nicht von HTML interpretiert, oder? Nun, durch den Webbrowser, HTML genau interpretiert Und nun, wie können wir die Grenzen durchbrechen? Wir können die Zeilen mit so genannten Absätzen unterbrechen , oder? Diese werden verwendet, um Abschnitte zu erstellen, oder? Und das Tag, mit dem Absätze erstellt werden, heißt P. From steht für Absatz. Und nun, wir können es hier hinstellen. Sehen wir uns das zum Beispiel hier an. Wie Sie sehen können, haben wir den Absatz eingefügt und ja, er funktioniert einwandfrei. Wir haben jetzt den Zeilenumbruch. Diese Zeile ist hier und der Inhalt , der hinter diesem Titel steht, also der ganze Inhalt ist direkt darunter Es gibt auch einen gewissen Spielraum zwischen diesem und dem Rest des Inhalts unserer Seite, als wir den Tag hinzugefügt haben. Fügen wir es zu anderen Teilen unseres K-Codes hinzu. Lass es uns zum Beispiel auf diesem Ding machen. Wir müssen es auswählen oder wir können die Abkürzung verwenden. Es gibt eine Abkürzung, mit der Sie von der Stelle springen können, an der Sie dieses blinkende Ding platzieren , und die Umschalttaste+N verwenden, Sie können hier den gesamten Code auswählen, und dann können Sie die Steuerung plus Umschalttaste+P verwenden und das MED-Rub mit der Abkürzung verwenden oder das Tastenkürzel verwenden verwenden und das MED-Rub mit der Abkürzung verwenden oder das Tastenkürzel verwenden, das Sie hier programmiert haben Wie Sie sehen, ist beim Aktualisieren jetzt das P passiert Wir haben jetzt den Rand von unten bis unten, und jetzt sieht es besser aus, oder? Deshalb verwenden wir Absätze, um die Zeilen umbrechen zu können , damit sie leichter lesbar sind. Lassen Sie uns den Absatz jetzt auch hier platzieren. Ich schlage vor, den gesamten Beispieltext in einem Absatz zusammenzufassen. Sie können es auch tun. Ich denke, dieses Ding sollte auch so und so sein. Keine Aktualisierung. Wie Sie sehen können, ist dieser Text etwas einfacher zu lesen. 8. Legenden, die tag zu brechen und die Linie zu brechen<br />: Hallo, mein Freund. Tag. Wir werden über etwas sprechen, das als ungültige Steuer bezeichnet wird. Okay? Was ist nichtig? Leere ist einfach Leere, oder? Das bedeutet, dass das Etikett kein Ende hat. Also ja, das ist ein Tag, der eine Öffnung hat , aber kein Ende hat. Und es gibt viele solche Schlagworte, aber wir lernen in dieser Vorlesung nur eines, und wir werden über ein Etikett sprechen, das Bier heißt und für Pause steht. Wie der Name schon sagt, durchbricht es die Grenze, okay? Und es macht einfach nichts anderes, okay? Es durchbricht einfach die Grenze. Deshalb müssen wir so etwas nicht tun. Pause Pause, richtig? Weil nun, es gibt einfach keinen Inhalt, der hier platziert werden könnte, oder? Deshalb werden wir es einfach so schreiben. Das ist nur ein leeres Deck ohne Ende, okay? Und wenn du es benutzt, fügst du die Bremsleitung hinzu. Wie wenn du den Absatz benutzt. Wenn Sie jedoch einen Absatz verwenden, beachten Sie, dass zwischen einem Text und einem anderen auch ein Rand besteht. Stimmt das? Manchmal willst du ein solches Verhalten nicht. Stellen wir uns also vor, wir haben Ihren Mustertext als Mustertext. Nehmen wir an, wir wollen eine Pause zwischen den einzelnen Zeilen haben , richtig? Also werden wir einfach so etwas machen. Und jetzt, naja, vom letzten brauchen wir nichts hinzuzufügen, weil es einen Absatz gibt Sie sehen können, wir haben einfach die Grenze gebrochen. Und nur ein einziger, richtig? Linie, und wir haben den Rand nicht hinzugefügt. So funktioniert die Bremsleitung. Du kannst, du weißt schon, so viele wie du willst, Bremsleitungen hinzufügen , wie du siehst, das macht einfach alles kaputt, so oft wir den BR eingeben Du wirst in Zukunft sehen , dass manche Leute die ungültige Steuer mit so etwas wie dem Schrägstrich hier am Ende schreiben , okay Und warum ist das so? Weil es darauf hindeutet, dass dieses Tag kein Ende hat. Aber die Anzahl der Void-Tags, die du in Zukunft lernen wirst, ist so klein , dass ich finde, dass sie einfach nicht gut aussehen. Schau, der Code wie dieser oben wäre größer, oder? Es ist nicht so einfach zu lesen. Meiner Meinung nach sollten wir es nicht einfach benutzen. In etwas, das als HTML bezeichnet wird, war es Pflicht, so etwas zu verwenden, oder? Es war nur erforderlich, den Bruder darüber zu informieren, dass es eine Schließung gibt. Das ist der Angriff, der kein Ende hat, okay? Aber da wir die neueste Version von HTML verwenden, ist dies die ältere. Wir können einfach BR schreiben, und wir müssen hier den Schrägstrich nicht hinzufügen Ich spreche hier nur über den Schrägstrich, weil nun, wenn Sie sich den Code ansehen , der von jemand anderem geschrieben wird, nun ja, es ist eine gute Idee, ihn zu verstehen, oder Du wärst überrascht. Hey, warum hat dieser Typ hier den Schrägstrich hinzugefügt? Nun, weißt du, er hat ihn hinzugefügt, weil er wahrscheinlich versucht, einige zusätzliche Anforderungen zu erfüllen , die durch das HTM hinzugefügt wurden Aber das ist jetzt nicht erforderlich, also denke ich, lassen Sie es uns einfach so ausdrücken Also BR, neuer TA, der einfach die Grenze sprengt. Es fügt den Rand nicht hinzu wie der Absatz. Das ist nur die Lektion. Ich danke dir vielmals. 9. Was sind die attributes? [Titel] und [lang]: Hallo, mein Freund. Heute erfahren Sie, was ein Attribut in HTML ist? Sie werden ein Attribut lernen, das als Titelsprache bezeichnet wird, und Sie werden eine Abkürzung lernen, mit der ein Attribut hinzugefügt wird, und zwar mit Hilfe von etwas, das als „Met“ bezeichnet wird. Es wird die Art und Weise beschleunigen, wie Sie Ihren HTML-Code codieren. Fangen wir also mit dem Attribut an. Was ist das? Stellen Sie sich eine Person vor, eine Person in einem Spiel, also eine Art Charakter. Und dieser Charakter hat eine Art von Vitalität, Reflex, Intelligenz und Charisma Das ist ein Zuweisungsspiel. Welches Attribut beschreibt es also? Es beschreibt zusätzliche Informationen über den Charakter. Und das Gleiche passiert hier. Wenn Sie zusätzliche Informationen zu einer solchen HTML-Datei hinzufügen möchten. Zum Beispiel möchten wir den Webbrowser darüber informieren , welche Sprache wir verwenden. Wir werden ein Attribut verwenden, das als Sprache bezeichnet wird. Wir geben keine Sprache ein, aber das Attribut heißt ang. Es ist eine Abkürzung, also geben wir lang ein. Und dann müssen wir das Gleichheitszeichen und Anführungszeichen eingeben und dann den Wert eingeben, der angibt, welche Sprache wir auf unserer Seite verwenden. In unserem Fall ist es was, es ist Englisch, also geben wir E n ein. Das ist also der Name des Attributs, das Gleichheitszeichen, Anführungszeichen und der Wert. Auf diese Weise erstellt man Attribute, die zusätzliche Informationen über den Tack sind zusätzliche Informationen über den Tack Das Gleiche wie bei der Figur aus den Computerspielen. Die Frage ist also, woher das Attribut kommt? Okay. Lass es uns löschen und lass uns die Tastenkombination plus Leertaste verwenden. Und wie Sie sehen können, haben wir viele davon. Die Frage ist, müssen Sie sie alle kennen? Nein, es gibt ein paar , die negativ sind, und du musst sie hauptsächlich lernen? Manchmal brauchst du einige seltene Eigenschaften, die es gibt, aber du musst sie nicht, du weißt schon, auswendig lernen. Mach dir keine Sorgen. Das ist nichts, was du lernen und dir alles auswendig merken musst . Das wäre schwer und ich glaube nicht, dass es komplett bearbeitet ist. Also mach dir keine Sorgen, okay? Wir werden das Wichtigste lernen, und das ist völlig ausreichend, um, du weißt schon, in HTML zu programmieren. Kehren wir also zur Sprache zurück. Und wie Sie sehen können, können wir jetzt Ihren Wert angeben. Die Frage ist, welchen Wert sollten wir hier angeben? Ist es dieser richtige Wert? Nun, nein, Werte für die Sprache befinden sich in der HTL-Sprachcode-Referenz Sie müssen so etwas in Google eingeben und die Sprachcodes eingeben, und Sie finden die entsprechenden Codes für die Sprache, über die Sie Ihre Website erstellen Nehmen wir zum Beispiel an, Polnisch ist P. Das ist die Sprache , die ich verwenden werde Aber für Englisch ist es, wie Sie sehen, E N. Auch wenn Sie aus Französisch, F, R usw. kommen. Das ist also der Wert , den wir verwenden werden. Aber lassen Sie uns etwas über das nächste Attribut lernen , das Titel heißt. Titel. Nehmen wir an, wir möchten hier den Titel angeben. Arcadis Dat ist seitdem verheiratet. Der Titel ist ein Attribut , das eine Art Tooltip mit dem Wert erzeugt , den wir dem Titelattribut zuweisen werden Lassen Sie uns Merit mit einer Art von Tag wie zum Beispiel B zusammenfassen. Und jetzt können wir hier den Attributtitel einfügen, der der Name des Attributs ist, und der Wert ist in diesem Fall, was immer wir wollen In diesem Fall wollen wir zum Beispiel angeben, seit ich geheiratet habe Da das zumindest für die Frauen ziemlich wichtig zu wissen ist , hoffe ich, dass ich keinen Fehler gemacht habe. Lass uns hierher gehen. Wie Sie sehen können, wir die Maus über den Text hier, wenn wir unsere Seite aktualisieren und den Mauszeiger bewegen Wir haben den Tooltip seit 2017. Das ist die Zeit, als ich geheiratet habe. Und so funktioniert es. Sie geben zusätzliche Informationen für den Tooltip an. Titel, ich denke wirklich, es wäre ein besserer Name, aber sie nennen den Titel, und das gibt zusätzliche Informationen über den Titel, wie zum Beispiel B, und den darin enthaltenen Text In diesem Fall wird ein Tooltip erstellt. Dies ist das nächste Attribut , das Sie gelernt haben. Jetzt lernen wir eine Abkürzung kennen, die mit Hilfe von MET ein Attribut hinzufügt. Das ist ziemlich cool. Schau, wenn du ET hast, können wir so etwas wirklich machen. Zum Beispiel P, und dann können wir die eckige Klammer verwenden und den Namen des Attributs eingeben. Wenn wir dann die Eingabetaste drücken, haben wir, wie Sie sehen können , den Namen des Attributs darin. Das Eröffnungs-Tag. Wir können den Wert hier angeben. Nun, wir können den Wert auch hier angeben, wie zum Beispiel seit 2017, aber wie Sie sehen, ist das nicht gut. Wir müssen das Angebotsschema verwenden und, um ehrlich zu sein, den Kontrollraum. Wie Sie sehen, dauert es einige Zeit. Ich bevorzuge es, den Wert später manuell einzugeben. Also in eckige Klammern , um das Attribut in das öffnende Tag zu setzen. Aber manchmal kann man es sogar verbessern. Sie können sehen, Sie können multiplizieren wie oft Sie möchten, dass das Tag es wiederholt. Das ist also die einfachere Version, aber du kannst auch den Namen des Attributs angeben und du kannst etwas oft wiederholen. Dadurch codieren Sie schneller. Aber es ist nicht so, dass Sie sich all diese Abkürzungen merken müssen. Es ist gut, sie zu kennen, aber du kannst manuell programmieren, nichts wird passieren. Das sind ziemlich fortgeschrittene Dinge , die ich dir hier gerade zeige. Das wird deine Arbeit nur beschleunigen. Aber wenn Sie einfach nur Spaß mit HTM haben möchten , machen Sie sich keine Gedanken über die Abkürzungen, die ich zeige Dinge schneller zu machen, aber es ist nicht wie etwas , das benötigt wird Sie können einfach alles manuell eingeben. Aber es ist cool, Dinge schneller verpacken zu können. Sie können einfach darauf doppelklicken, dann die Tastenkombination mit MSO-Steuerung plus C plus B verwenden und Sie können den Umbruch mit Abkürzung verwenden , über den ich gesprochen habe, Sie können ihn weiter binden und dann können Sie einfach B, den Titel, eingeben , und Sie können hier einfach so schreiben Das ist ein bisschen schneller als es manuell zu machen. Aber es ist nicht so, dass du es kannst, oder? Du kannst bei diesem Titel etwas anfassen. Es ist also ein, zwei Sekunden schneller, aber Zeit ist kostbar. Also hängt es wirklich von dir ab. Du lernst, was Attribut ist. Dies sind zusätzliche Informationen, die Sie zur Steuer hinzufügen. Das ist nur die Lektion. 10. Neutrales Tag<span></span>: Hallo, mein Freund. Heute erfährst du etwas über Angriffe, die Span genannt werden, okay? Und was macht es? Nun, es macht nichts. Die Frage ist, wann Sie einen Angriff starten wollen, der nichts bewirkt. Nun, beachte das, als wir das Attribut title hinzufügen wollten, das einen Tooltip mit dem Wert seit 2017 anzeigt Nun, wir mussten zum Beispiel ein Tag B hinzufügen, oder wir müssten hier ein anderes Tag verwenden , von dem wir erfahren haben, zum Beispiel A, oder? Oder viele andere Tags , die im HTML enthalten sind, aber die meisten Tags in HTML haben etwas mit dem Inhalt zu tun. Zum Beispiel wurde der Wert des Inhalts fett gedruckt. Und das ist nicht etwas, das du immer haben willst. Wie zum Beispiel hier, du willst es nicht fett gedruckt haben. Wir wollen es nur zu einem einfachen Text machen, aber wir wollen trotzdem ein Attribut hinzufügen Und das ist die Zeit, in der man einen Tack benutzt, der Span genannt wird Wie Sie sehen können, haben wir am Text nichts geändert, aber wenn wir die Maus über den Text bewegen, haben wir immer noch den Tooltip Also ja, das ist die Zeit, in der du die Spanne benutzt. Das ist etwas, das einfach nichts bewirkt. Also, um ehrlich zu sein, Span ist einfach neutral. Es macht einfach nichts, aber es gibt dir die Möglichkeit, Attribute wie hier hinzuzufügen, ohne zu Attribute wie hier hinzuzufügen, stylen, ohne zum Beispiel den Inhalt fett zu formatieren Das ist alles in dieser Lektion. Danke. 11. Installieren von Erweiterungen in VSC: AutoRenameTag: Hallo. Heute lernen Sie, wie Erweiterungen in Visual Studio-Code installieren, basierend auf dem Problem, das in der letzten Vorlesung aufgetreten ist. Beachten Sie, dass es einige Zeit in Anspruch nimmt, den Spam-Status zu ändern. Wir mussten es an zwei Stellen ändern, oder? Und Zeit ist kostbar, wie immer sage ich. Gibt es also eine Erweiterung , die das für uns erledigen könnte? Nun, wir könnten danach suchen. Beachten Sie, dass wir hier so etwas wie die Schaltfläche haben , unter der sich der Mauttipp für Erweiterungen Wenn Sie darauf klicken, können Sie nach Erweiterungen suchen und sie installieren. Sie können nach einer Erweiterung für HTML suchen. Wie Sie sehen können, gibt es viele davon. Nun, Sie können sie installieren, wenn Sie möchten. Du kannst sie ausprobieren, Spaß mit ihnen haben, du kannst über sie lesen, was sie machen und so weiter. Aber konzentrieren Sie sich jetzt nicht darauf, denn Sie müssen zuerst HTML lernen und wissen, was für Sie nützlich sein könnte. Ich werde dir zeigen, welche für dich nützlich sind , wenn die Zeit gekommen ist. Wie jetzt wollen wir, dass das Tag wie hier automatisch geändert wird, wenn ich es hier geändert habe, ich möchte, dass es hier geändert wird, oder? Also, wie könnte es heißen? Vielleicht geben wir hier Auto O ein. Tag automatisch umbenennen. Ja, wir möchten das Tag automatisch umbenennen. Lass es uns installieren. Und lass uns eine Sekunde warten. Es ist installiert. Wie Sie sehen können, können Sie hier sehen sogar jemand gezeigt hat, was passiert, wenn Sie es benutzen. Schau, er tippt hier, er tippt auch hier oben. Jetzt, wo wir die Spanne ändern wollen auf, hey, ist es V auf Italien. Hey, es ist Italic. Vielleicht wieder zur Spanne. Es ist wieder Span. Das ist ziemlich cool, nicht wahr? Erweiterungen sind also ziemlich nützlich, aber Sie müssen wissen, wonach Sie suchen. Sie wissen jetzt, wie man Erweiterungen installiert. Sie wissen, dass Sie hier über sie lesen können. Und nun, du weißt, wie man sie benutzt, oder? Sie installieren sie einfach und sie sind installiert , das ist ziemlich einfach. Und wie Sie sehen können, haben wir etwas installiert. Das ist ziemlich nützlich, oder? Wir wollen den P-Tack hier nicht verwenden, wir wollen ihn durch etwas Neues ersetzen, das wir in Zukunft lernen, zum Beispiel Abschnitt Oder ihr werdet es alle ziemlich schnell machen Das steht in der Lektion. Ich danke dir vielmals. 12. Attribut &quot;Stil&quot; – So änderst du Hintergrundfarbe? – WICHTIGER VORTRÄGE: Hallo, mein Freund. Die heutige Lektion ist ziemlich wichtig. Warum ist das so? Weil Sie etwas über das Attribut lernen , das Stil genannt wird. Es ist ein ziemlich wichtiges Attribut , das Sie in Zukunft häufig sehen werden. Außerdem erfahren Sie, wie Sie den Hintergrund Ihrer Seite ändern können. Und Sie erfahren mehr über das Attribut Big cool, das veraltet ist, und Sie erfahren, was veraltet bedeutet Wo können Sie Ihrer Meinung nach zusätzliche Informationen zum Hintergrund unserer Seite geben zusätzliche Informationen zum Hintergrund Wo ist ein solches Attribut. Es ist im Body-Tag, oder? Seien Sie gesund, Körper ist Körper auf unserer Website, und Sie können auch hier die Hintergrundfarbe einfügen und ändern. Wenn wir also das Leerzeichen Cro plus verwenden, können Sie, wie Sie sehen, das BG-Farbattribut wählen, das für Hintergrundfarbe steht. Wenn Sie die Maus hierher bewegen, können Sie die Hintergrundfarbe für das Dokument sehen. Aber auch weitere Informationen gibt es hier. Diese Methode ist nicht konform. Verwenden Sie stattdessen die CSS-Eigenschaft „ Hintergrundfarbe “ für das Element Weil, naja, das ist veraltet, was bedeutet, dass das Attribut nicht mehr verwendet wird Also warum zeige ich dir das? Wir sollten einfach neue Dinge lernen, oder? Nun, das stimmt. Aber es gibt immer Schlechtes. Es ist gut zu wissen, dass es solche Eigenschaften gibt. Es ist gut zu wissen, dass es solche Tags gibt. Und wenn Sie sie in Zukunft sehen, werden Sie verstehen, wie sie funktionieren, denn nun, wir können die neuen Methoden lernen, aber das bedeutet nicht, dass andere Leute immer noch die alten Methoden verwenden, es andere Leute immer noch die alten Methoden verwenden, einfach nicht passieren, dass zum Beispiel alle plötzlich aufhören, BG-Farbe zu verwenden, oder? Es ist also gut zu wissen , dass es sie gibt. Beachten Sie auch, dass sogar die Farbe hier rot ist. So kann man ziemlich schnell erkennen, was, du weißt schon, nicht mehr gebraucht wird. Das ist also veraltet. Aber naja, Sie können die BG-Farbe zu früh ändern, also zum Beispiel Rot, oder Sie können sie in Orange ändern Sie können hier also die einfachen Farbwörter verwenden und die Hintergrundfarbe so ändern. Ziemlich einfach, unkompliziert, richtig. Aber es gibt eine neue Methode, den Seitenhintergrund zu ändern, und wir werden sie jetzt verwenden, die als Style-Attribut bezeichnet wird. Und wenn Sie hier die Anführungszeichen verwenden, wow, können Sie viel mehr tun als nur die Hintergrundfarbe zu ändern Und wir werden hier in zukünftigen Vorlesungen über diese anderen Eigenschaften sprechen , fühlen uns aber im Moment immer noch nicht überfordert Ich weiß, dass Sie hier gerade viele Immobilien gesehen haben und vielleicht denken, nein, nein, nein, nein, nein, nein, das ist nichts für mich Ich werde mich nicht an all das erinnern. Mach dir keine Sorgen. In Zukunft müssen Sie sich nur noch die Immobilien merken , die am häufigsten genutzt wurden. Sie werden mehr über sie erfahren. Und alle anderen. Nun, du kannst sie ziemlich schnell finden. Schau, du kannst in Google eingeben, wie man die Hintergrundfarbe in HTML ändert. Bam. Und wie Sie sehen können, können Sie die CSS-Eigenschaft Background Color verwenden, die wir gerade verwenden Das ist ziemlich schnell, oder? Sie können einfach Google eingeben , wie es geht, und Sie werden herausfinden, wie es geht. Also mach dir keine Sorgen. Sie müssen sich nicht alles auswendig merken. Okay, okay? Sie werden sich an die Eigenschaften gewöhnen, die Sie am häufigsten verwenden. Wie Sie also sehen können, wenn ich hier auf die Eingabetaste klicke, gehen wir zurück hierher, Hintergrundfarbe, drücke ich die Eingabetaste. Ich habe hier den Doppelpunkt und das Semikolon hinzugefügt, weil wir an dieser Stelle den Wert für die Hintergrundfarbe eingeben Für diese spezielle Eigenschaft, die die Farbe unserer Website ändert Und wenn ich den Kontroll-Plus-Bereich verwende, haben wir, wie Sie sehen, jetzt viele Farben, die Sie hier verwenden können, oder? Wie zum Beispiel Aqua. Wenn wir jetzt wieder hierher kommen, ändern wir es, wie Sie sehen können, in Aqua. Sie können jede Farbe aus dieser Liste verwenden. Aber es gibt auch nicht nur das, beachten Sie, dass wir die Farbe hier haben. Das ist cool, weil Sie sofort sehen können welche Farbe neben dem Namen steht. Beachten Sie aber auch, dass wir einen Farbwähler haben, wenn ich die Maus hierher bewege wir einen Farbwähler haben Das ist cool. Wir können uns bewegen, lass uns gehen, vielleicht grünlich, vielleicht lass uns so etwas machen. Und klicken Sie auf Enter Nun, ich musste auf nichts klicken. Ich bewege die Maus einfach rüber, nicht hier, zum Beispiel hier. Wie du siehst, kann ich die Farbe ändern. Aber Sie werden feststellen , dass sich unsere Farbe zu etwas Seltsamem geändert hat, das G B, Rot, Grün, Blau heißt , okay? Sie können Rot mit Grün und Blau mischen. Und je nachdem, wie viel Rötung oder Grün oder Blau vorhanden ist, können Sie Farben kreieren. Sie können hier zum Beispiel eine platzieren, wie Sie sehen können, jetzt gibt es nicht viel Rot. Jetzt setzen wir eins auf Blau, und wie Sie sehen können, wird dieses Ding grüner. Das ist der Maximalwert, wie Sie jetzt sehen können, er ist ziemlich grün. Wenn wir eins hineinlegen, ist es schwarz. Wenn wir hier 255 angeben, wird es rot, rot sein , mit 25 wird es rot sein, aber nicht so sehr, oder? Zum Beispiel 19, wie Sie sehen können, kommen wir ziemlich schnell zur roten Farbe. Aber um ehrlich zu sein, warum sollten wir uns überhaupt die Mühe machen, all das zu lernen , wenn wir einfach den Farbwähler benutzen können Das ist ziemlich cool. Aber das ist im Visual Studio. Sie verwenden einen anderen Editor, machen Sie sich keine Sorgen, machen Sie sich keine Sorgen. Machen Sie sich keine Sorgen, denn Sie können Farbwähler in Google finden , Sie können Color Picker HTML eingeben und Sie werden ziemlich schnell einen finden So ändern Sie also die Farben. Mit Rot, Grün, Blau. Aber es ist gut zu wissen, dass, wenn Sie zum Beispiel coole HTML-Namen verwenden, es eine Website wie diese geben wird. Wie Sie sehen können, hat jeder Name wie dieser eine entsprechende seltsame Sache wie diese. Was ist das? Nun, lass uns die Schokoladenfarbe verwenden. So wie dieses Mal. Wie Sie sehen können, haben wir die Schokoladenfarbe. Wenn wir Schokolade eingeben, wird es auch dasselbe sein. Dieses Ding heißt X. Und um ehrlich zu sein, es ist dasselbe wie Rot, Grün, Blau, dieses D zwei, wenn du es änderst, lass uns dazu Hex eingeben. Wie Sie sehen können, geben wir d zwei ein und es ist 210. Wenn wir so Rot, Grün, Blau hätten , wäre es 210. Dann müssen wir den nächsten Teil übersetzen, nämlich 69, 69, also 105. Und dann machen wir dasselbe mit einem A. Das ist nur x, und das ist nur eine andere Art der Darstellung, wie Sie sehen können, ich habe es mit den gleichen Dingen bezeichnet. Hier, wenn Sie den Farbkonverter etwas schneller verwenden. Ich wollte dir nur zeigen, wie es funktioniert. Lass uns das hier kopieren, wie du siehst, es ist 20010530 Das gleiche haben wir hier. Das ist also nur eine andere Darstellung. Ist Hex. Es heißt Hex-Darstellung von Rot, Grün, Blau. Art, Farben zu ändern. Sie können also die Farbe mit dem RGB ändern, Sie können die Farbe mit dem X oder zum Beispiel HSL ändern, es hängt wirklich davon ab, was Sie tun möchten Sind der Unterschied ehrlich gesagt nicht, ich bevorzuge dieses Ding, weil es am kürzesten und am wenigsten Platz beansprucht Also bevorzuge ich es, dieses X zu verwenden. Okay? Aber sind das alle zwei Farben? Nun, wir könnten diesen Vortrag beenden weil wir gelernt haben, wie man die Hintergrundfarbe ändert. Wir wissen, dass die PG-Farbe dupliziert wird, was bedeutet, dass sie nicht mehr verwendet wird, aber sie funktioniert Aber es könnte aufhören zu funktionieren, also ist es gut, auf Dinge umzusteigen , die für die Zukunft funktionieren werden Wir wissen, dass das Stall-Attribut viele AT-Eigenschaften hat , die Sie sich merken müssen. Wie wählen wir jedoch Farben aus? Sind das alle zwei Farben? Nun, wie Sie hier auf der linken Seite sehen können, können Sie viele Dinge über Farben lesen. Ich empfehle sie zu lesen. Aber das Wichtigste dabei sind meiner Meinung nach Farbräder. Beachten Sie, dass wir hier ein RGB-Farbrad haben, und das sieht ekelhaft aus, oder? Aber wenn du hierher ziehst, sieht das toll aus, oder? Dies wird von Malern, Künstlern und Designern verwendet. Warum? Weil das toll aussieht. Und das sind Farben , die einfach sehr gut zusammenpassen, okay? Und das sind Farben , die du verwenden solltest. Und das Coole dabei ist, dass die Farbschemata aussehen. Wenn ich darauf klicke und ich zum Beispiel zu einfarbigen Farbschreien übergehe zum Beispiel zu einfarbigen Farbschreien W, wir können das Farbthema für unsere gesamte Website wählen , wir können schauen, wie es an verschiedenen Orten aussehen würde, so, wir können uns bewegen und wir können es etwas dunkler machen, zum Beispiel Zum Beispiel mag ich dieses Ding. Was jetzt? Nun, ich würde einfach diese Farben hier wählen und sie auf meine Website kopieren, und es wird funktionieren. Wenn ich das zum Beispiel in unserer Hintergrundfarbe haben möchte , würde ich das einfach hierher kopieren. So wie das. Und hey, das funktioniert. Ziemlich cool. Natürlich lernst du in Zukunft, wie man den Teil der Farbe der Website ändert und so weiter, also mach dir keine Sorgen, wie du die Farbe des Textes änderst und so weiter. In dieser Vorlesung haben Sie gelernt , Farben für die Zukunft auszuwählen. Es gibt also viele andere Schemata, wie zum Beispiel dieses, wie Sie sehen können, das sieht ein bisschen anders aus, aber es sieht trotzdem gut aus. Sie können es so aussehen lassen, wie Sie es möchten, und dafür sorgen, dass die Farben gut zusammenpassen. Normalerweise ist es wirklich ziemlich schwierig, selbst wenn Sie den Farbwähler so verwenden Sie werden eine oder vielleicht zwei Farben ziemlich gut auswählen , aber wenn Sie noch ein paar Farben haben möchten , die gut zusammenpassen, dann ist es ziemlich schwierig Verwenden Sie einfach das Farbschema. Das spart Ihnen viel Zeit und Ihre Website wird ziemlich cool aussehen. Das ist nur die Lektion. Ich danke dir vielmals. 13. Bild zu deiner Website hinzufügen: Hallo, mein Freund. Heute zeige ich Ihnen, wie Sie Ihrer Website ein Foto, ein Bild hinzufügen können. Zuerst müssen wir ein neues Tag verwenden , das IMG heißt, okay so. IMG steht also für Bild. So leicht zu merken. Okay. Aber beachte, dass es kein abschließendes Tag gibt, oder? Das gleiche wie wenn wir die Bremsleitung benutzen. Es gibt also einfach kein Endtag. Und nun, Sie können das Bild-Tag mit dem Schrägstrich schließen, wie hier. Dies ist die Information, dass dieses Tag an derselben Stelle geschlossen ist Aber das musst du nicht, okay? Das ist nicht erforderlich. Es war erforderlich. Wenn Sie X HTML verwenden würden. Wenn du also jemanden triffst, der so etwas macht, dann mach dir keine Sorgen, wir werden arbeiten, oder? Du kannst es tun, aber wir müssen es nicht. Also mach dir keine Sorgen. Tun Sie es nicht. Und jetzt gibt es eine wichtige Sache, wie fügt man dieses Bild hinzu? Nun, wenn es kein abschließendes Tag gibt, bedeutet das, dass alles mit dem Bild zu tun hat, in diesem Tag enthalten ist, und wir geben diese zusätzlichen Informationen mithilfe des Attributs weiter, oder? Das heißt S RC. Quelle. Es steht für Source. Also geben wir hier die Quelle ein, also geben wir den Wert an, von dem wir das Bild bekommen wollen. Nun, wo ist unser Bild? Zuerst müssen wir es in unseren Ordner legen. Wie Sie sehen können, haben wir hier zum Beispiel den von JP G, und wir können ihn hier ablegen. Also verschiebe es einfach so zu den Katzen, oder Du könntest es einfach so machen, verschiebe es in unseren Editor und verschiebe es hierher. Und wie Sie sehen können , ist es jetzt hier. Wie Sie sehen können, können wir es öffnen, Sie können es sich ansehen. Wir können hier einige Informationen über das Bild sehen , die Größe, Breite, Höhe und wie viel es auf unserer Disc einnimmt und wie es heißt. Wenn Sie nun das Tastenkürzel Stro plus Leertaste verwenden , wird mir, wie Sie sehen können, nahegelegt, dass ich das Kürzel hinzufügen kann, das JP hier eingefügt Und um ehrlich zu sein, das ist alles. Wie Sie sehen können, haben wir unserer Website ein Bild hinzugefügt. Es ist ziemlich groß, aber wir haben es hinzugefügt und es funktioniert gut. Die Frage ist alles. Konzentrieren wir uns zunächst auf den Namen. Benennen Sie Ihre Bilder nicht so, okay? Das ist eine schlechte Idee. Sie sollten es umbenennen , um sicherzustellen, dass der Name dem entspricht, was auf dem Bild steht. Dieses Bild stellt die Bassgitarre dar. Die Art der Gitarre ist Bass. Ich denke, wir sollten es einfach umbenennen, mit der rechten Maustaste klicken, umbenennen oder die Abkürzung F zwei verwenden, und wir nennen es Bassgitarre. Oder der Gitarrenbass, was auch immer. Beachten Sie, dass ich den Raum hier nicht genutzt habe. Ich habe es nicht so gemacht. Jedes Wort, du solltest eine Verbindung herstellen, indem du den Bindestrich hier benutzt, also so. Du solltest keine Leerzeichen in den Namen verwenden. Benennen Sie Ihre Dateien auch nicht so. Verwenden Sie nicht die Großschreibung. Nur ein kleiner Koffer. Und nun ja , so machen wir das, oder? Wenn du es nur nennst, ist es jetzt selbstbeschreibender . Also ändern wir den Namen Und nun, es ändert hier nichts, aber es sieht jetzt besser aus für uns, sondern auch für die Boote von Google, dass sie, wenn sie sich den Namen ansehen, wissen Sie, sehen können, worum es auf dieser Seite geht und was diese Datei enthält, okay? Vielleicht können Bots Bilder analysieren , die häufig verwendet werden. Aber das Bild wie dieses, naja , es ist schwer zu interpretieren, was genau hier ist. Es ist eine Bassgitarre. Es gibt Kerzen, es wird ihm schwer fallen, sie zu interpretieren. Aber hier kann er diese Bassgitarre von hier nehmen, und er weiß, dass das ein Gitarrenrummel ist. Auf dieser Seite geht es wahrscheinlich um Gitarren. Es ist also eine gute Idee, deine Pis so zu benennen. Also wissen wir, wie man das Bild jetzt anhängt. Die Frage ist, was machen wir, wenn zum Beispiel so etwas passiert. Das Bild wird also nicht sinken. Wie Sie sehen können, gibt es hier so etwas, und wir könnten hier eine alternative Nachricht einfügen. A steht also für alternative Botschaft. Also die andere Nachricht, was soll der Computer machen , wenn mit der Quelle etwas schief geht. Vielleicht ist der Server ausgefallen, so ähnlich. Sollte hier eingeben, was hier dargestellt wird. Zum Beispiel Bassgitarre, p. Wie Sie hier sehen können , haben wir jetzt gute Informationen zur Busgitarre. Das Problem ist, dass dieses Ding auch jetzt etwas Platz beansprucht hat. Beachten Sie, dass es so viel Platz beansprucht hat. Wenn Sie hier Text hätten, würden Sie wollen, dass er immer noch hier ist. Sie möchten nicht zerstören, wie Ihre Seite aussieht. Und deshalb solltest du immer die Eigenschaft with angeben, wir die Breite deiner Gitarre angeben. Es ist 680 und die Höhe ist wie viel 1024. Und wie Sie sehen können, wenn wir hier einen Pfeil machen, wie Sie sehen können, haben wir hier eine gute Bassgitarre, die Beschreibung, und doch gibt es etwas das unserem Bild den Platz einräumt. Das gibt also Welle und Höhe an, und es ist auch gut, um deine Website schneller laden zu lassen, weil sie gerendert wird, also wird sie den Inhalt deiner Website schneller erstellen , wenn sie weiß, wie groß die Bilder auf deiner Seite sind. Die Beschleunigung des Ladens Ihrer Website. Sie könnten zum Beispiel auf etwas ändern, nicht auf die Größe, die hier steht, wie hier. Sagen wir es so. Wie Sie sehen können, funktioniert es gut, aber nicht gut aus. Wenn Sie jedoch das Fell entfernen, beachten Sie, dass es proportional sein wird. Veränderung, richtig? Die Größe wird proportional verändert. Das heißt, wenn du die Breite änderst, wird die Höhe entsprechend dem Wi angepasst, richtig. Das ist also ziemlich cool, vielleicht Du denkst vielleicht, du kannst auch die Höhe einstellen und es wird die Breite ändern. Es sieht also gut aus. Das Problem ist, dass du das nicht benutzen solltest. Nun, vielleicht passiert nichts Schlimmes, wenn du es einmal benutzt . Wenn Sie es jedoch sehr oft verwenden, wird Ihre Website langsamer geladen. Warum? Weil wir, der Webbrowser , die Arbeit für Sie erledigen mussten, musste ich die Größe Ihres Bildes ändern. Also dauert es einige Zeit. Als Nächstes fällt auf, dass dieses Bild etwa die Hälfte des Megabytes, 462 Kilobyte, einnimmt etwa die Hälfte des Megabytes, 462 Kilobyte, Wenn Sie hier zum Beispiel die Größe geändert hätten, wie wir es hier getan haben, die Es hat die Breite, die zweimal kleiner ist, so wie diese. Dann würde dieses Bild nur etwa 250 Kilobyte aufnehmen nur etwa 250 Kilobyte Es ist zweimal kleiner. Ihre Website, wir laden schneller. Wenn Sie die Größe des Bildes ändern müssen , tun Sie es manuell, öffnen Sie es in einem Editor, der Bilder bearbeitet , und tun Sie es manuell Mach es nicht durch, du schaffst es hier, aber versuche es zu vermeiden Tragen Sie am besten einfach die Werte ein, die hier sind, um Ihre Website zu beschleunigen sicherzustellen, dass alles in Ordnung aussieht. Auf diese Weise ist Ihre Website für Roboter für Bots von Google leichter lesbar und Ihre Website wird höher eingestuft. Das nur für die Vorlesung? Nun, nein, wir können Bilder schneller einfügen. Beachten Sie, dass ich beim Öffnen mit diesem Niedriger- und Kleiner-als-Zeichen, dem Tag, manuell tun muss, was ich brauche, um manuell auf all diese Attribute zuzugreifen. Aber wenn ich es so mache. Ich verwende dieses Zeichen hier nicht und tippe einfach IMG ein. Jetzt klicke ich auf Enter. Wie Sie sehen können, wird hier so etwas eingefügt, und ich kann die Quelle eingeben und das Tab-Schlüsselwort verwenden und zu einer alternativen Nachricht wie dieser springen. Es ist ein bisschen schneller, ich muss nicht EMG als die Quelle eingeben . Dann gebe ich einfach EMG Buzz-Gitarre Bam Buzz-Gitarre. Es ist schneller Sie haben also gelernt, dass Sie es einfach so machen, wenn Sie die MET-Funktion verwenden möchten es einfach so machen, wenn Sie die MET-Funktion verwenden , die standardmäßig im Visual Studio-Code installiert , die standardmäßig im Visual Studio-Code ist. Das ist auch so. Es funktioniert auch für andere Typen. Wenn ich zum Beispiel den Metatyp erstellen möchte , über den wir sprechen werden, können wir ihn, wie Sie sehen, zum Beispiel mit zusätzlichen Attributen erstellen, wie Sie sehen, zum Beispiel mit zusätzlichen Attributen erstellen, und Sie müssen nicht darüber nachdenken, wie die Attribute innerhalb dieses Metatyps überhaupt aufgerufen werden Du machst es einfach so und der Editor füllt etwas aus, was gat ist, weil du dir das nicht merken musst Und ich liebe die Funktionen wie diese. Denn denk dran, du bist ein P, die kreative Person, die Dinge erschaffen sollte Du solltest dich nicht an alles auswendig erinnern. Das wird heutzutage nicht mehr benötigt. Sie müssen wissen , wie man nach Dingen sucht und wie man sie benutzt. Das ist nur die Lektion. Ich danke dir vielmals. Und das ist immer so, denken Sie daran, wenn Sie Fragen haben, zögern Sie nicht, sie zu stellen. 14. BONUS: Wo erhältst du KOSTENLOSE Bilder in deiner Website?: Hallo. Heute zeige ich Ihnen, wie Sie kostenlose, völlig kostenlose Fotos auf Ihrer Website abrufen können. Sie können für diese Website pexels.com oder pixel.com oder unsplash.com verwenden. Lass uns eines davon benutzen Nehmen wir an, wir suchen nach den CTs. Okay? Ich möchte eine Seite über CAT haben. Nehmen wir an, wir möchten eine Katze finden , die auf unserer Website erscheinen wird. Wie Sie sehen können, sind diese Bilder wunderschön, oder? Sie sind ziemlich großartig. Das ist nicht wirklich diese Arbeit, für die Sie normalerweise bezahlen müssen. Die sind kostenlos. Sie können einfach darauf klicken , auf den kostenlosen Download klicken oder Ihre Maus hierher bewegen, und Sie können sogar die Größe des Bildes ändern, sodass es etwas kleiner wird. Ich denke, die kleinere Version ist besser. Klicken wir auf den kostenlosen Download und dann auf Okay. Und wie Sie sehen können, haben wir die Datei heruntergeladen. Wie Sie auch sehen können, ist der Name dieser Datei nicht gut, oder? Denn nun, hier haben wir einen Schnitt, und der Name sollte immer für das stehen, was auf dem Bild ist. Die Farbe dieser CD ist Ingwer. Vielleicht nennen wir die Datei Ginger Cut. Gehen wir nochmal hierher und nennen wir es Ginger Cut. Es ist ein besserer, definitiv besserer Name. Außerdem sollten Sie ein Attribut hinzufügen, wenn Sie das Bild an Ihrer Seite anhängen. Alternativ können Sie zum Beispiel den Ingwerschnitt eingeben Also mach es jetzt einfach alleine , weil du Sport treiben musst Sie müssen den Code eingeben. Du kannst dir einfach das Video ansehen. Kopiere es in deinen Ordner. Schlüssel, und füge es einfach zu deiner Website hinzu. Ich denke, du solltest es noch ein bisschen mehr üben und mit diesen Seiten spielen. Viel Spaß und suche nach Inspiration, denn wirklich, du kannst hier und hier und hier viele coole Fotos finden , damit spielen, etwas zu deiner Website hinzufügen, damit du Spaß haben kannst und weißt, wie es geht, ohne nachzudenken. Das ist wie diese Lektion. Ich danke dir vielmals. 15. Die img mit img bekommen: Hallo. Heute werde ich Ihnen zeigen, wie Sie die Breite und die Höhe des Bildes schnell und einfach einstellen. Denn normalerweise müssen Sie das Bild öffnen. Sie können es ein bisschen schneller tun, nicht mit dem Datei-Explorer, indem Sie ihr Steuerelement verwenden und mit der linken Maustaste darauf klicken. Und wie Sie sehen können, hat sich das Bild geöffnet. Und hier in dieser Ecke haben wir die Breite und die Hälfte. Das Problem an dieser Lösung ist, dass wir sie jetzt auswendig lernen müssen, oder? Also, wenn ich hier klicke, muss ich mich daran erinnern, die Breite ist, was ich denke, Scanner und 80 dann erinnere ich mich nicht an die Höhe, oder? Ich muss noch einmal hier klicken, also braucht es Zeit, richtig? Und wir mögen keine Dinge, die Zeit in Anspruch nehmen. Setzen Sie den Cursor in das Bild-Tag und verwenden Sie dann die Verknüpfung F1 oder Konturdiagramm x3 plus b. Und jetzt hier können Sie aktualisieren Bildgröße eingeben oder Sie können einfach Bild eingeben. Wie Sie sehen können, gibt es nur eine Sache wie diese. Wenn Sie auf Enter klicken, haben wir gut die Breite und Höhe eingestellt. Das ist ziemlich cool. Und beachten Sie auch, dass Sie die Schlüsselbindung hier auf etwas einstellen können , das es noch schneller macht. In dieser Situation empfehle ich es jedoch nicht. Warum ist es so? Denn Situation wie diese ist nicht so, wie Sie es jeden Tag tun, Sie sind dann Bild und Sie vergessen über die meiste Zeit. Also vielleicht 23 Mal pro Seite, so etwas. Und wenn Sie diese Dinge verwenden oder wenn Sie nur was verwenden? F1 und geben Sie dann Bild ein und wenn Sie auf Eingabetaste klicken, beachten Sie, dass dies die erste Sache ist. Nun, nachdem ich diese oben rechts öffnen, sagt es die kürzlich verwendete, also ist dies wirklich schneller mit unserem Recht ist nur F1 geben, wenn Sie ein anderes Bild haben. Also lassen Sie uns sagen, Sieh so aus. Also F1 eingeben, F1 eingeben, Es sind hübsche Dateien, richtig? Also mach dir keine Sorgen darüber, es einzustellen. Die Abkürzung wusste das nicht. Ich danke Ihnen sehr. 16. Wie verlinkt man mit VERSCHIEDENEN Ordnern? PATH -: Hallo, mein Freund. Die Sache, der Wert, den wir hier als Wert in das Quellattribut eingeben , heißt Puff Warum heißt es Puff, weil es eine Möglichkeit darstellt, die Datei zu finden, oder Um also die Datei bas gitar do JPE zu finden, muss Ihr Computer schauen, muss Ihr Computer schauen Nun, in demselben Ordner, in dem sich dieses Dokument, das wir in einem Beispiel schreiben, gerade befindet , dieser HTML-Code. Wo ist es? Es ist im Ordner CATs. Okay, er springt von hier nach hier. Alles ist okay, denn nun ja, das Bild wird angezeigt Die Frage ist, was müssen wir tun, wenn es einen anderen Ordner gibt? Lassen Sie uns zum Beispiel einen neuen Ordner erstellen , aber nicht von hier aus, sondern verwenden den Visual Studio-Code um zu lernen, wie das geht. Wir müssen hier nur auf den Nut-Ordner klicken und ihn zum Beispiel Bilder nennen. Weil dieser Ordner Bilder enthalten wird. Richtig? Nun, im Normalfall ist es keine gute Idee , jeden Dateityp in nur einem Ordner abzulegen , oder? Denn, naja, wenn dein Projekt größer wird, wirst du dich einfach verirren. Lassen Sie uns also Bilder in den Bilderordner legen. Verschieben wir es hier nach oben und klicken wir auf Verschieben. Okay, jetzt ist es gut, aber das Problem ist, dass unsere Bilder verschwunden sind. Um zum Ordner images zu gelangen, müssen wir einen Pfad dazu erstellen. Und um das zu tun, müssen wir Bilder eingeben. Wie Sie sehen können, gibt uns unser Visual Studio-Code einen Hinweis und dann den Schrägstrich und dann den Namen der Datei Wie Sie jetzt sehen können, haben wir unser Bild zurück. Das wurde nicht angezeigt, weil es ein falsch geschriebener Pfad ist, aber hier ist alles richtig geschrieben Und das ist ziemlich einfach, oder? Wir müssen hier nur eingeben , wo wir in der Datei suchen sollen . Aber das ist noch nicht alles in diesem Thema. Unterbrechen Sie diesen Vortrag nicht , weil es Situationen gibt, die schwieriger sind. Lassen Sie uns zum Beispiel einen neuen Ordner erstellen und ihn zum Beispiel Artikel nennen. Nehmen wir an, wir werden ihre Artikel veröffentlichen. Und lassen Sie uns diese Datei hierher zu den Artikeln verschieben, und nun, lassen Sie uns das löschen und lassen Sie uns das hier ablegen. Also lass es uns hierher kopieren. Und wie Sie sehen können, öffnen wir die Artikel und lassen Sie uns sie mit Firefox öffnen. Wie Sie sehen können, gibt es hier einfach nichts. Wir haben nur die alternative Botschaft, oder? Also das ist nicht gut. Warum es nicht funktioniert Weil Sie sich daran erinnern müssen, dass Ihr Computer nach der Bassgitarre sucht und die Bilder wo. Wenn wir im Artikelordner sind und das Beispiel, dass zwei HTML-Dateien hier sind, sucht es hier, wo die HTML-Datei dargestellt wird, wo sie erstellt wurde. Also müssen wir es hier haben. Die Bilder sollten hier sein. Aber es ist nicht hier. Es ist Ordner eins nach oben. Einmal müssen wir hochgehen. Aber wie steigen wir auf? Und das ist eine gute Frage. Wir müssen zwei Punkte und dann einen Schrägstrich verwenden. Und diese Dinge bedeuten, hey, lass uns ein Verzeichnis höher gehen Also, lassen Sie uns das schließen und gehen wir zu CATs, und dann werden wir nach Bildern suchen, und dann werden wir im Bilderordner nach diesem speziellen JP Five suchen. Und wie Sie sehen können, funktioniert es jetzt einwandfrei. Okay? Es gibt also einige fortgeschrittene Möglichkeiten, sich in Ordnern zu bewegen. Das ist nur die Lektion. Vielen Dank. 17. Den Quellcode von jeder Seite sehen. Was sind die Kommentare?: Hallo, mein Freund, wusstest du, dass du den Code jeder Website einsehen kannst? Ja, Sie können auf jede Website gehen, auf jede Website, und Sie können sich den Code der Website ansehen, Sie können sogar zu Google gehen und sich ansehen , wie er geschrieben wurde, oder? Aber nur der sichtbare Teil, okay? Aber nicht der Hintergrund der Seite. Sie können sich also den HTML-Teil davon ansehen. Also wie macht man es. Benutze das Tastenkürzel, die Strg-Taste plus U. Okay? Und wie Sie sehen können, ist diese Seite wirklich eine Skript-Seite, oder? Nun ja, diese Seite ist ziemlich fortgeschritten. Aber wenn du so auf die Seite gehst, ist es immer noch ein bisschen schwierig. Sie können hier ein paar Dinge sehen , die wahrscheinlich nicht verstanden werden, aber Sie können Dinge sehen, die Sie zum Beispiel über Körper, Kopf wissen , Sie können aus solchen Dingen lernen. Wir werden etwas über Dinge erfahren , die du hier sehen kannst, die meisten davon. Nun, weil wir zum Beispiel nicht über Javascript sprechen werden, Code, der es Ihnen ermöglicht, die Dinge auf Ihrer Seite dynamisch zu ändern. Das ist ein absolutes Thema für einen anderen Kurs. Ich habe einen Kurs darüber, sodass Sie ihn finden oder dieses Thema an einem anderen Ort lernen können. Aber naja, du kannst die Quelle sehen. Das ist das Wichtigste. Wenn Sie auf unsere Seite gehen, eine, die wir bisher geschrieben haben, wenn wir zur Quelle gehen, können Sie sehen, dass das genau das ist, was wir hier geschrieben haben, und wir können es hier kopieren und einfügen genauso arbeiten. Wir programmieren so. Nein, das wird nicht passieren , denn nun, es gibt einige Verweise, wie Sie sehen können, es gibt Skripte, die sich in der Datei wie folgt befinden, und Sie müssen alle Dateien herunterladen , die mit der Seite verbunden sind, wenn Sie wollen, dass es genauso funktioniert. Es kann auch eine Sprache geben, die auf der Serverseite der Site funktioniert, wie zum Beispiel PHP oder vielleicht Python, naja , du hast sie nicht, oder? Also fortgeschrittene Anzeichen, du wirst es nicht kopieren können. Aber du kannst lernen, indem du dir zum Beispiel ansiehst, wie die Leute die DPs verwenden, dann werden wir darüber sprechen , wie sie Tags verwenden, oder? Und wie passen diese Dinge zusammen, über die wir auch sprechen werden. Das sind die Dinge , die Sie aus Code lernen können , der von anderen geschrieben wurde. Das ist also ziemlich großartig. Aber der wichtigste Teil dieser Vorlesung ist, was Kommentare sind und wann sie verwendet werden sollen. Kommentare sind also, wie der Name schon sagt, Dinge, mit denen Sie beispielsweise Code kommentieren können . Nehmen wir also an, Sie möchten das Bild kommentieren, oder? Worum geht es in dem Bild? Also wie macht man es. Man benutzt die Zeichen wie dieses, das untere Zeichen, dann das Ausrufezeichen und dann d. Und wie Sie sehen können, ist das Ende für dieses Ding d und das größere D. Und was auch immer Sie hier eingeben , es wird nicht interpretiert Wie Sie sehen können, ist es nicht da, wenn ich es aktualisiere. Und nun ja, wir können sogar all diese Dinge hier unter das Kommando stellen . Wie macht man das? Nun, Sie können das Tastenkürzel verwenden, das wie folgt aussieht: Strg plus Schrägstrich Also habe ich einfach gesalzt, und wie Sie sehen können, ist es jetzt unter dem Kommando Alles, was dazwischen liegt, wird unter das Kommando fallen Wie Sie sehen können, sind alle Texte hier verschwunden. Aber es ist nur wo aus der Sicht des Benutzers verschwunden, nicht aber von Leuten, die wissen, wie man programmiert. Wenn Sie mit der Tastenkombination Control Plus zur Quelle gehen , sehe ich, nun, diese Kommentare sind hier. Also leg hier nicht hin, was auch immer du willst. Du solltest hier keine geheimen Dinge angeben, weil jeder sie sehen kann. Also wann benutzt du so etwas wirklich? Wäre es eine gute Idee, das Bild zu beschreiben , über das ich vorhin gesprochen habe? Nun, du kannst es tun, aber vielleicht nur mit Entwicklungscode. Entwicklungscode ist der Code, den wir hier haben. Aber wenn Sie an unserer Seite vorbeikommen, wenn Sie ihn ins Internet, auf den Webserver übertragen , ist es keine gute Idee, den ganzen Text zu übergeben , weil Ihre Website aufgrund von Text wie diesem größer wird. Nun, es ist nicht viel, denn ein Zeichen ist sehr klein, nimmt nicht viel Platz ein, aber wenn es viele solche Zeichen gibt, stell dir vor, wir haben viele Kommentare und du kommentierst alles, dann wird deine Website ein bisschen, ein bisschen schnell, langsamer geladen . Also das wird für dich einfach nicht gut funktionieren. Weil die Geschwindigkeit der Website sehr wichtig ist , um bei Google einen hohen Rang einzunehmen. Kommentiere also nicht alles. Aber um zu lernen, wenn du etwas lernst oder wenn ich dir etwas beibringe, ist es eine gute Idee, Kommentare zu verwenden, um dir mitzuteilen, IMG für Bild steht, SRC für Quelle und so weiter Es ist eine gute Idee, dafür Kommentare zu verwenden, denn nun, es ist nicht cool, es hier sichtbar zu haben, oder? Weil ich dir nur beibringen wollte, wie das funktioniert, oder? Nicht um es hier zu zeigen. Außerdem, wenn ich solche Dinge benutze sagen wir , ich will dieses Bild nicht für eine Sekunde und ich benutze einfach die Tastenkombination plus Schrägstrich, richtig Und dieses Bild verschwindet. Und vielleicht möchte ich später zu diesem Code zurückkehren und ihn wieder haben. Also, er kommt zurück. Also die meiste Zeit verwende ich es dafür, es einfach für eine Sekunde zu kommentieren, und dann komme ich darauf zurück oder ich möchte einfach einige Dinge für andere oder Formulare beschreiben, aber nur für den Entwicklungsteil Nein, wenn ich ins Internet wechsle. Das ist alles in der Lektion. Danke. 18. Meta-Tags: Hallo, mein Freund, wir haben gelernt, dass wir im Kopfbereich unserer Website zusätzliche Informationen zu unserer Website hinzufügen sollten , und wir haben den Titel hinzugefügt. Es gibt Tags namens Meta, die zu diesem Zweck verwendet werden, um zusätzliche Informationen hinzuzufügen. Und wie Sie sehen können, hat dieses Tag kein Ende. Du kannst es so beenden. Aber es ist nicht erforderlich, oder? Weil wir das News-HTML verwenden. Also das Meta-Tag. Und da es sich um das Tag handelt, das nicht geschlossen wird, verwenden wir Attribute, um die zusätzlichen Informationen zu unserer Website anzugeben. Okay, welche Art von Informationen können wir hier einfügen? Lass uns mit etwas Lustigem beginnen. Wie zum Beispiel der Autor dieser Seite. Okay. Also, wie man es macht. Wir müssen ein Attribut verwenden, dem wir zusätzliche Informationen zum Metatag geben . Und das heißt Name. Und wir spezifizieren hier Dinge wie zum Beispiel den Autor. Es gibt viele andere Namen , mit denen Sie beispielsweise eine Beschreibung, beispielsweise Schlüsselwörter usw. angeben können beispielsweise eine Beschreibung, beispielsweise . Wir werden sie lernen , wenn sie gebraucht werden. In dieser Vorlesung werden wir einige davon lernen , aber um ehrlich zu sein, müssen Sie sich nicht alle merken, denn das ist einfach etwas, das Sie wahrscheinlich von einer Seite auf die andere kopieren und einfügen werden , okay? Machen Sie sich also keine Sorgen, Sie müssen sich das nicht auswendig merken. Okay, also nenne den Autor. Und jetzt ist das Problem, wie platzieren wir den Inhalt? Wie legen wir den Wert für diesen Autor hier fest? Wir müssen nur ein weiteres Attribut erstellen , das nur den Inhalt für den Autor enthält, oder? In diesem Fall bin ich der Autor dieser Seite. Ich werde Arcadis Vodac eingeben Diese Information ist nicht für jeden sichtbar Du musst zum Quellcode gehen, und dann kannst du ihn hier finden Und solche Informationen können von Programmen verwendet werden , die die Site analysieren, und sie können zum Beispiel jetzt zeigen, dass der Autor dieser Site Arcadis Vodach ist Um ehrlich zu sein, diese Meta ist speziell für Brack gedacht, hey, dieser Inhalt wurde erstellt, diese Seite wurde von mir erstellt Sie können hier den Namen Ihres Unternehmens usw. eingeben. Aber es gibt Metatacs, die zum Beispiel von Google verwendet werden . Wenn es nach Dingen sucht, sucht es nach etwas, sucht es nach etwas, sogenannten Meta-Description-Tag Wie Sie sehen können, können wir das MET hier für einige der Metatags verwenden , leider nicht für den Autor, sondern für die Beschreibung, die die Beschreibung Ihrer Website spezifiziert Was ist diese Beschreibung? Wenn Sie hier Schnitte eingeben, beachten Sie, dass wir hier einen Titel haben, und das ist die Sache hier. Und wir haben so etwas wie eine Beschreibung deiner Seite. Ja, Sie können hier, in diesem Inhaltsattribut, eine Beschreibung Ihrer Seite angeben . Lass uns etwas eingeben. Katzen sind Haustiere, die wir alle mögen. Lassen Sie uns dieses Ding, das wir alle mögen, minimieren. Die Kätzchen sind bezaubernd. Lass es uns zum Beispiel so machen, damit wir den gesamten Text sehen können und sie lieben es, Snacks von unserer Stadtseite zu essen, etwa so Okay, und du fragst dich jetzt vielleicht , warum das so aussieht Nun, wenn Sie eine Beschreibung erstellen, sollten Sie sich darauf konzentrieren, sie für die Person, die sich die Beschreibung Ihrer Seite ansieht, freundlich für die Person, die sich zu gestalten, oder? Und du solltest die Keywords verwenden , die er wahrscheinlich schreiben würde weil das etwas ist, das in das Ranking deiner Seite aufgenommen werden kann , okay? Und auch, wenn es hier etwas gibt, weißt du, Lustiges oder vielleicht etwas, das die Aufmerksamkeit des Benutzers auf sich zieht. Er wird in der Rangliste auf deine Seite klicken. Mm. Es wird eine größere Chance geben, dass er es tut, oder? Also das ist ziemlich wichtig für, weißt du, ich benutze die Katzen, die Kätzchen Ich benutze das Ti, oder? Ich habe nicht nur, weißt du, weil manche Leute die Seite über Katzen wie Katzen, Katzen, Katzen, Katzen beschreiben würden die Seite über Katzen wie Katzen, Katzen, Katzen , um, du weißt schon, in Google höher zu kommen, weil Google berücksichtigt, wie oft die Katzen beispielsweise auf deiner Website buchstabiert wurden beispielsweise auf deiner Website buchstabiert Wenn du es übertreibst, wird das nicht gut sein. Das ist eine tolle Beschreibung, die, weißt du, nicht so aussieht, als wäre sie für den Roboter erstellt worden Es wurde für die Person erstellt. Und jetzt, naja, wir machen zum Beispiel keine Seite über lustige Bilder von Schnitten, aber was sind wir? Sie lieben es, Snacks von unseren niedlichen Seiten zu essen. Ändern wir zum Beispiel den Titel in Kitty. Snacks. Du kriegst am besten die Snacks oder so, oder? Und das bringt dich in Google weiter nach oben. Dieses Ding kann von Google als Vorschlag genommen werden. Was soll ich hier hinstellen? Warum habe ich Vorschlag gesagt? Denn nun ja, Google könnte denken: Okay, du lügst oder vielleicht gibt es einen Teil der Website, der deine Website besser beschreibt, und er wird ihn nicht aufnehmen. Aber meistens wird es dies berücksichtigen. Es ist also eine gute Idee, sich etwas Zeit zu nehmen, um hier anzugeben, was die Bewertung Ihrer Seite verbessern wird. Es gibt auch ein Metatag, das als Keyword-Tank bezeichnet wird und die Schlüsselwörter spezifiziert. Die Wörter, die für Ihre Seite von entscheidender Bedeutung sind. In diesem Fall wären es Katzen, Schlüssel, Snacks und so weiter. Aber nun, das wird nicht mehr berücksichtigt , weil die Leute hier Stichwörter wie zum Beispiel Cat Cat CCCC-Kürzungen spammen , und das könnte zu einem, Sie wissen schon, spammigen Internet führen , Es berücksichtigt also nicht. Aber Sie können die Schlüsselwörter hier für sich selbst angeben, nur um zu wissen, worum es auf dieser Seite geht, aber das ist nicht nötig, um ehrlich zu sein. Da ist also diese Beschreibung, und beachten Sie, dass ich sie unter den Titel gestellt habe. Du kannst es überall hinstellen, wo du willst, oder? Aber um ehrlich zu sein, ist es am besten, es unter den Titel zu stellen, weil du jetzt genau den Titel und die Beschreibung an einer Stelle sehen kannst . Wenn es hier mehr Inhalt gäbe und du hier die Beschreibung hier als Titel hättest, wäre das ein bisschen chaotisch, oder? Das ist keine gute Art, Dinge zu programmieren. Also füge die Beschreibung hier ein. Hier gibt es zum Beispiel Autoren, und das ist hübsch. Okay. Es gibt noch ein paar andere Metatags, aber wir werden einfach über sie sprechen , wenn sie gebraucht werden, okay? Ich denke, das wäre der beste Weg, um neue Dinge zu lernen. Das über die Lektion. Ich danke dir vielmals 19. Charset – Richtige Encoding auf deiner Website: Hallo, mein Freund. Heute werden wir über die richtige Kodierung auf Ihrer Website sprechen. Stellen Sie sich vor, Sie haben ein Forum. In diesem Forum in diesem Forum gibt es viele Themen mit Menschen aus verschiedenen Ländern. Wie zum Beispiel aus Polen, richtig, beachten Sie, dass wir hier ein Zeichen verwenden , das auf Polnisch L heißt, und das ist ein Zeichen , das zum Beispiel nicht auf jeder Tastatur vorkommt, oder? Es gibt also eine Art von Kodierung, die im Hintergrund stattfindet und diesen Buchstaben anzeigt. Normale Buchstaben wie dieser, wie AB CDFG und so weiter, die es in fast jeder Sprache gibt, werden problemlos interpretiert Aber wie dieser hier könnte das zu schlechten Ergebnissen führen, dieses Ding kann interpretiert werden Ich werde jetzt sehr schnell etwas tun. Beachten Sie, dass das so sein kann. Ich komme zurück zu dem, was vorher war, und werde bald erklären, was passiert ist. Das kann also zuverlässig interpretiert werden, und wir sollten Situationen wie diese vermeiden , weil wir professionell sein wollen. Wir möchten eine Kodierung haben, mit der wir immer sicherstellen, dass auf Ihrer Website alles gut aussieht. Um dies zu tun, müssen wir Ihre Website codieren, genauso wie die Datei kodiert ist Wie Sie sehen können, heißt die grundlegende Kodierung , von der gerade gesprochen wird, UTF acht Diese Kodierung ist ziemlich cool , weil sie immer alles richtig interpretiert Aber Sie müssen hier auch das Metatag hinzufügen, indem Sie den verwenden. Wie du siehst, EMT, können wir dieses Ding benutzen, die Abkürzung hier, und wir bekommen ein Metatag Und dieses Ding sagt, wie Sie sehen können, HTTP-äquivalenter Inhaltstyp, und der Inhalt ist Tex HTML, und das Autoset ist Seien Sie ehrlich, es ist schwer, sich daran zu erinnern Ich kopiere es immer und füge es von einer Stelle an eine andere ein, weil es schrecklich wäre, sich daran zu erinnern Und dieses Ding, stell sicher, dass alles richtig interpretiert wird, okay? Aber Sie müssen sich immer daran erinnern, dass die Datei, und hier haben wir die Informationen auch in derselben Kodierung wie hier sein muss. Wenn wir sie aktualisieren, haben wir, wie Sie hier sehen können , die richtige Kodierung. Sie haben sich jedoch vielleicht vorher gefragt , ob Letzteres auch richtig interpretiert wurde. Ja. Aber Firefox ist in dieser Version ziemlich neu, und es wird nur sichergehen dass es die Standardversion ist und es wird richtig interpretieren, weil diese Kodierung ziemlich bekannt ist und sie einfach erraten wird. Aber es gibt viele Programme, Möglichkeiten, Ihre Site zu öffnen. Glaub mir. Erfahre in Zukunft mehr über sie. Ich weiß nicht, wenn du dir HTML mit einem Programm ansiehst HTML mit , das E-Mails interpretiert, und dann hättest du Probleme mit Briefen, zum Beispiel diesem Also ist es eine gute Idee, das Ding hier zu platzieren. Und deine Website wird immer gut aussehen. Sie sollten auch wissen, dass diese Art der Kodierung ziemlich alt ist und in alten Webbrowsern und alten Anwendungen funktioniert. Aber irgendwie wird es vom Visual Studio-Code vorgeschlagen. Ich denke, das liegt einfach daran, dass sie unterstützen wollen und immer eine richtige Kodierung haben wollen. Wenn Sie also jeden beliebigen Webbrowser usw. unterstützen möchten jeden beliebigen Webbrowser , verwenden Sie diese Methode. Wenn Sie jedoch mit der Zeit gehen möchten, können Sie so etwas verwenden. Carset-Attribut Carset , das das Autoset einfach auf UTF H setzt . Das entspricht also dem unten stehenden, aber das wird mit diesen Attributen nicht so gut unterstützt wie der obige Tack Sie fragen sich vielleicht, wie sehr es nicht unterstützt wird. Um ehrlich zu sein, fast jeder wird dieses Ding unterstützen, fast, oder? Also liegt es an dir. Also werden wir dieses Ding benutzen, weil ich denke, dass man es sich leichter merken kann, oder? Und es sieht besser aus. Es hat weniger Zeichen, sodass Ihre Website viel schneller wird. Vielleicht nicht viel, aber Sie wissen schon, von Buchstabe zu Buchstabe und Ihre Website wird kleiner. Sie haben wahrscheinlich bemerkt, dass ich zu Beginn hier geklickt habe , ungefähr so, und ich habe unsere Website mit einer anderen Kodierung wieder geöffnet unsere Website mit einer anderen Kodierung Schauen Sie, wir können zum Beispiel 8892 verwenden, das ist die zentrale Europin-Kodierung, und sie enthält Zeichen von diesem Ort auf der Welt Und wenn ich es benutze, merke ich, dass sich das L-Zeichen ändert. Wenn ich die Strg-Taste plus Z verwende, kehre ich zu der Kodierung zurück, die wir vorher hatten, aber wenn ich hier aktualisiere, wie Sie sehen können, haben wir einen nassen Buchstaben. Weil die Datei in dieser Kodierung codiert ist. Also müssen wir auch hier dieselbe Kodierung haben , wie diese Wie Sie jetzt sehen können, funktioniert es einwandfrei. Denken Sie also daran, dass Sie immer dieselbe Kodierung wie Ihre Datei haben müssen. den meisten Fällen hast du das mit UTF acht und du musst nichts weiter tun , als hier einfach das Carset zu UTF acht hinzuzufügen und alles wird Kehren wir zu dem zurück , was überall unterstützt wird. So und alles ist okay. Das ist auch wichtig zu wissen, dass dieser Met-Angriff ausnahmsweise immer da sein sollte. Warum nach dem ersten Met-Angriff? Weil, naja, wenn du es hier einfügst, beachte, dass das L-Zeichen oder es hier steht, und das Programm wird wissen, welche Kodierung wir hier haben. Das ist keine gute Idee , weil wir vorher Buchstaben haben können. Und außerdem suchen die Programme so früh wie möglich danach. Einige Programme werden es also nicht einmal interpretieren können, wenn es später kommt. Also leg es einfach als Erstes in das Kopfteil. Das ist alles in dieser Lektion. Ich danke dir vielmals. 20. HTML doctype: Hallo, mein Freund, heute werde ich dir sagen, warum wir den Doc-Type zu HTML Five hinzufügen sollten? Warum sollten wir angeben, welche Art von Dokument wir verwenden? Und das ist eine ziemlich gute Frage, denn wenn Sie sich die HTML-Dateierweiterung ansehen, können wir sehen, dass es sich um HTML handelt. Warum müssen wir uns überhaupt die Mühe machen, zu sagen, dass es dieser Art von Dokument um HTML handelt, oder? Hey, das ist ziemlich dämlich, oder? Hmm. Nun, das wäre es Aber das Problem ist, dass HTML bei uns ziemlich lang ist. Bei uns sind es ungefähr 30, 40 Jahre. Und wissen Sie, vor langer Zeit konnten die Leute nicht erwarten, dass selbst das Internet expandieren würde, so wie es expandierte, und sie wussten nicht , welche Art von HTML-Versionen es in Zukunft geben wird. Ja, Versionen von HTML. Und das ist die Ursache für dieses Problem. Wir verwenden die neue S-HTML-Version, und diese heißt HTML Five. Und um ein solches Dokument zu spezifizieren, müssen wir hier nur so etwas eingeben. Wie Sie sehen können, verwenden Sie das Ausrufezeichen Doctype, was für Dokumenttyp steht, und geben Sie einfach Ihr HDML Und das ist alles ziemlich lustig. Um ehrlich zu sein, kannst du diese Vorlesung beenden. Sie müssen es hier oben hinzufügen , um den Webbrowsern einfach zu sagen, wir das neue SHTL verwenden Wenn Sie sich ein bisschen mehr für dieses Thema interessieren, werde ich Ihnen etwas über die älteren Versionen erzählen Denn nun, wenn Sie hierher gehen, werden Sie feststellen, dass es viele HTML-Dokumenttypen gibt. Und das beliebteste ist HTML, das ziemlich alt ist dem Sie nicht einmal wissen müssen. Aber dieser Typ wie hier wird heutzutage immer noch ziemlich oft verwendet. Und um ihn zu benutzen, kopierst du dieses Ding einfach hierher und du verwendest gerade X X HTML. Aber was ist der Unterschied? Wenn ich auf diese Seite verweise, funktioniert sie immer noch ziemlich gut, oder? Wenn ich die DI-Version davor verwende. Wie Sie sehen können, funktioniert es immer noch einwandfrei. Also gibt es keinen Unterschied? Nun, Webbrowser sind heutzutage ziemlich, weißt du, gut. Und obwohl Sie nicht den richtigen Standard verwenden, wird alles einwandfrei funktionieren. Also habe ich mir die Mühe gemacht, das hier hinzuzufügen, weil sie jetzt raten müssen, Der Browser weiß, welche Version wir verwenden wenn wir sie hier angeben, und er muss sie nicht erraten Sie wissen also, dass es etwas länger dauern wird, zum Beispiel ein paar Dinge zu laden. Etwas könnte falsch interpretiert werden, besonders in älteren Webbrowsern, okay? Also immer noch zu groß, weißt du, um mit dem Standard zu kompilieren. Wir sollten das Punkt-HTML verwenden und es hier hinzufügen. Okay? Du solltest hier zumindest Informationen hinzufügen. Das nimmt nicht viel Zeit in Anspruch, also füge es einfach hier hinzu. Und um ehrlich zu sein, können Sie eine Vorlage für Ihre nächste Website erstellen. Sie können es einfach auf die nächste Website kopieren und müssen sich nicht jedes Mal daran erinnern. Sie kopieren es einfach auf eine andere Website. Aber gehen wir zurück zu der Version, die X HTML ist. Was ist der Hauptunterschied? Weil du manchmal Seiten wie diese sehen wirst und dich das dann nicht überraschen sollte, okay? Wenn Sie HTML verwenden, sollten Sie den Schrägstrich am Ende jedes ungültigen Tags hinzufügen, also das Tag, das keine Endung hat, okay? Es informiert darüber, dass dieses Tag hier endet. Das ist also ziemlich beliebt und du könntest in Zukunft auf so etwas stoßen , okay? Im neuen SH TML, nun ja, wir haben die Unterstützung für viele Dinge von JavaScript bekommen , über die ich im JavaScript-Kurs spreche Für dieses X-HTML gibt es keine Unterstützung. Aber wie ich bereits sagte, auch wenn Sie XHTML mit den neuen S-Webbrowsern verwenden, wird es unterstützt Meine Zeit. Also mach dir keine Sorgen. Sie müssen wissen, dass XHTML heutzutage immer noch am häufigsten verwendet wird, denn nun ja, HTML 5 wird in älteren Webbrowsern nicht so gut unterstützt , oder? Die Leute verwenden also XHTML , wenn sie alte Webbrowser wie Internet Explorer unterstützen wollen alte Webbrowser wie Internet Sechs, vielleicht für dich, das ist momentan sogar ein unbekannter Name Aber es gab eine Zeit, in der es einen Webbrowser gab , der Internet Explorer hieß, und das machte das Leben von Webentwicklern wirklich schrecklich weil wirklich viele Dinge nicht auf die gleiche Weise interpretiert wurden wie in anderen Webbrowsern. Und nun ja, wenn du es unterstützen willst, dann musst du zum Beispiel X HTML verwenden , um sicherzustellen, dass alles richtig dargestellt wird, okay? Aber nun, ist es heutzutage wirklich wichtig? Nun, wenn Sie eine riesige Website schreiben , die von, ich weiß nicht, 5 Millionen Menschen täglich besucht wird , dann möchten Sie vielleicht diese Menschen unterstützen, oder Sie können eine Person sein, die anderen erzählt, dass wir Innovationen vorantreiben und wir sie auch nicht mehr unterstützen. Hängt vom Kunden ab , den Sie haben. Wenn Sie also einen Kunden haben , der wirklich sagt: Hey, wissen Sie, ich möchte einen E-Webbrowser unterstützen, also machen Sie sich nicht die Mühe, HTML 5 zu verwenden, kopieren Sie das einfach oben und versuchen Sie, die hier aufgeführten Steuern zu verwenden, richtig? Verwenden Sie jedoch nicht die neuen Tags , die in HTML 5 aufgeführt sind. Be HTML five s zeigt neue Steuern, wie zum Beispiel den Abschnitt , der in HTML überhaupt nicht unterstützt wird. HTL five ist also wirklich nur eine neue Steuer, neue Möglichkeiten, Java-Skript mit HTML zu verwenden und so weiter Okay? Und das ist der , den wir verwenden werden. Aber es ist gut zu wissen. Es gab eine Zeit, in die Leute andere Dokumenttypen verwendeten. Und jetzt wissen Sie auch , warum Sie so etwas oben angeben müssen , oder? Denn wenn Sie das nicht tun, Webbrowser oder ein anderes Programm, das Ihren HTML-Code analysiert müsste ein Webbrowser oder ein anderes Programm, das Ihren HTML-Code analysiert, die HTML-Versionen erraten, was nicht gut für Sie ist, okay, sonst wird der Benutzer Ihre Website sehen. Also alles, was nicht gut für den Nutzer ist, wird wahrscheinlich auch nicht gut für das Ranking in Google sein, denn Google mag es, du weißt schon, sie mögen professionelle Websites, oder? Also spezifizierter Dokumenttyp, alles wird in Ordnung sein. Das ist nur die Lektion. Vielen Dank. 21. Live Server und &amp;: Um das Ergebnis unserer Bearbeitung hier zu sehen, nehmen wir an, wir fügen hier das Fragezeichen hinzu. Wir müssen was tun. Wir müssen sicher trotzen, also müssen wir die Tastenkombination Strg+S verwenden hierher gehen und dann die Tastenkombination Strg plus eine Abkürzung verwenden Das dauert einige Zeit. Wäre es nicht besser, wenn alles, was hier passiert, schon hier passiert. Lassen Sie uns die Änderung hier sofort hier sichtbar machen . Wäre toll. Dafür müssen wir eine Erweiterung verwenden, die als Live-Server bezeichnet wird. Wir geben den Search Book Life Server ein und rufen Click Install auf. Wie Sie sehen können, ist er bereits installiert. Und was hat sich jetzt geändert? Nun, wir müssen es ausführen. Um es auszuführen, müssen wir die Taste drücken, um es hier live zu schalten. Oder Sie müssen hier mit der rechten Maustaste klicken und auf Open W Live Server klicken. Bevor wir das tun, gehe ich auf die Einstellungen der Erweiterung ein. Um zu den Einstellungen einer bestimmten Erweiterung wie Live Server zu gelangen , können Sie, wie Sie sehen, hier auf die Schaltfläche Verwalten klicken, und wir müssen sie aktualisieren. Gehen wir wieder dorthin zurück. Mama, hm. Jetzt ist es da. Erweiterungseinstellungen. Wir klicken auf die Erweiterungseinstellungen. Und wie Sie sehen können, haben wir jetzt nur Einstellungen, die dieser neu installierten Erweiterung verbunden sind. Und hier haben wir so etwas. Benutzerdefinierter Browser. Geben Sie benutzerdefinierte Browsereinstellungen für Life Server an. Standardmäßig wird Ihr bevorzugter Standardbrowser geöffnet. Ich habe standardmäßig den Chrome-Webbrowser eingestellt. Wenn Sie jedoch nicht den Standardbrowser verwenden möchten , wie wir zum Beispiel Firefox im Kurs verwenden, klicken wir hier auf Firefox. Und jetzt, wenn ich hierher gehe und auf „Live starten“ klicke , wird es gestartet, und bam Wir sind gerade auf dieser Seite hier. Und nun, wir können jetzt so etwas machen. Lass uns das kleiner machen, richtig. Stellen Sie dieses Fenster hier zum Beispiel so auf. Und wenn wir jetzt so etwas machen, entfernen wir die Fragezeichen hier und ich speichere die Datei einfach hier. Ich muss die Datei hier nicht aktualisieren. Okay. Also, was auch immer hier passiert , lass es uns zum Beispiel fett formatieren, jetzt speichere ich das F, Strg plus S. Wie Sie sehen können, ist das Ergebnis hier sofort sichtbar. Das ist cool. Aber hey, ich habe dir gesagt, dass diese Sache automatisch erledigt werden kann , sofort. Visual Studio-Code ist ziemlich cool, weil wir die Autosave-Funktion einstellen können Um das zu tun, gehen wir auf fünf Einstellungen ein. Wie Sie sehen können, lautet die Abkürzung Steuerung plus Koma. Und hier im Suchfeld geben wir Auto Safe ein. Und wie Sie hier sehen können, können wir die automatische Sicherheit von schmutzigen Editoren kontrollieren, oder? Und wir können es von „Aus“ auf „Nach Verzögerung“ ändern. Das bedeutet, dass es dein F nach der Verzögerung rettet. Das wird hier in vielen Sekunden spezifiziert. 1.000 Millisekunden sind 1 Sekunde. Wir können es so lassen. Und jetzt stellen Sie fest, dass, wenn ich das Fragezeichen hinzufüge, es, wie Sie sehen können, fast automatisch aktualisiert Nach 1 Sekunde, wenn wir hier zum Beispiel 2 Sekunden eingeben , richtig? Das wird etwas mehr Zeit in Anspruch nehmen. Aber jetzt, wie Sie sehen können, ist dieses weiße Ding hier oben und es wurde nach 2 Sekunden entfernt. Und die Änderung hier ist auch nach 2 Sekunden sichtbar. Wir können also auch das fett gedruckte Y eingeben. Ich kann sehen, dass es jetzt nach 2 Sekunden fett gedruckt Ich denke, 1 Sekunde ist ziemlich okay. Wir können es leichtfertig belassen. Wir haben gelernt, wie man es nach einer Verzögerung rettet. Und das ist ziemlich cool, weil Sie sofort alles, was Sie lernen, auf der rechten Seite Ihres Monitors sehen können sofort alles, was Sie lernen, . Das Problem ist, wie Sie sehen können, dass wir nicht viel Platz haben, weil wir den Fu HD-Monitor verwenden. Sie haben, deshalb empfehle ich wirklich, Monitore zu kaufen , die eine größere Ansicht bieten. Sie können das Seitenverhältnis 21 zu neun oder 32 zu neun verwenden. Im Moment verwende ich 16 bis 9. Auf der linken und rechten Seite ist nicht genug Platz . Wir könnten zum Beispiel auch so etwas wie Steuerung plus Minus machen. Wir können das so machen, und dann haben wir mehr Platz für unsere Website. Problem mit der Lösung ist, dass es jetzt schwer ist, das Telefon zu sehen, nicht nur auf dem Video, sondern auch im wirklichen Leben, oder? Aber vielleicht hast du ein gutes Sehvermögen, sodass du so auf deinem eigenen Computer spielen kannst Auch wenn Sie keinen großen Monitor haben, können Sie Ihren Webbrowser trotzdem so einstellen Es ist immer noch ziemlich hilfreich, denn im Moment, was auch immer Sie hier tun, oder? Wenn ich diese Fragezeichen entferne, brauche ich nicht die Tastenkombination plus S zu verwenden, und das Ergebnis ist hier sofort sichtbar, wenn ich einfach zum Browser wechsle, oder? Mm. Ich gehe zum Browser und das Ergebnis ist sofort da. Ich verliere also nicht meine Zeit. Aber ich empfehle dringend , einen größeren Monitor oder sogar zwei Monitore oder sogar drei Monitore zu haben , oder? Weil das schneller wird und nun, wenn es dein Job sein soll, es beschleunigt deinen Job, wenn du mit HTM Melfis arbeitest , wenn du dir ansehen kannst, was du sofort machst? Nein, wenn du so springen musst, oder? Okay? Das ist die ganze Geschichte. 22. Entitäten und HTML-Validierung: Hallo, mein Freund. Heute wirst du lernen, was Entität ist. Wann sollte man es benutzen? Wie benutzt man es. Nun, Entität ist nur ein Name. Zeichenzeichen, die Sie auf Ihrer Tastatur eingeben können. Um also das Zeichen „ Weniger als“ zu erhalten , müssen Sie dieses Zeichen eingeben. Als Erstes denken Sie vielleicht, warum sollten Sie sich überhaupt die Mühe machen, so etwas zu tun? Warum geben Sie dann hier nicht einfach den niedrigeren Wert ein. Beachten Sie, dass unsere Redakteure feststellen, dass hier etwas nicht stimmt. Nun, der Charakter ist hier. Wenn ich die Entität verwende, also um die Entität zu verwenden, tippst du das Und-Zeichen mit der Umschalt-Taste plus Sieben, auf deiner Tastatur dann den Namen der Entität und dann die Semikolumne und dann die Semikolumne Wie Sie sehen können, haben wir bei M auch das Kleinere Kleiner-als-Zeichen. Warum sich überhaupt die Mühe machen? Nun, was passiert, wenn ich eine Website erstellen möchte, auf ich über HTML sprechen werde. Ich werde zum Beispiel sagen, dass dieses Ding den Text verdreht, zum Beispiel so. Wie du siehst, ist danach alles verriegelt, das Wesen, und wir können hier die Beta sehen , die wir beschreiben Wenn HTML irgendeinen Mitspieler wie den weniger benutzt , dann für Dinge wie die Steuer. Dann ist das eine gute Idee, um zu entkommen. Das ist der Prozess, das in das zu verwandeln, dem Charakter zu entkommen, und um das zu tun, machen wir einfach so etwas, dann weiter unten. Wir werden die Entität verwenden. Wie Sie jetzt sehen können, verschleiert dieses F den Text. Ich habe danach nicht alles gewagt. Wir könnten einfach die Informationen dazu geben. Im Moment können wir den Text fett formatieren, so wie hier. Aber dieses Ding wird vom Webbrowser nicht so interpretiert, als wäre es ein Tag. Es gibt Zeiten, in denen Sie beispielsweise die Entität verwenden möchten . Gibt es noch andere Zeiten? Nun, beachte, dass ich hier so etwas wie seit dem Set R von 2017 gemacht habe . Nun, wir zitieren mich selbst, Arcadis Und um ehrlich zu sein, sollten wir die Zitate hier richtig machen Das Problem ist, dass HTML, wenn das Attribut sagt , nach dem Wert in den Anführungszeichen sucht, und der Wert ist gerade hier. Der Text hier ist nur etwas , von dem es nicht weiß, was es damit anfangen soll. Es ist vielleicht das nächste Attribut, aber seitdem haben wir keinen Attributnamen mehr. Wie Sie jetzt sehen können, wenn wir die Maus hierher bewegen, ist hier nichts. Da ist nur ein Pfeil. Wie löst man es? Nun, da ist das hier. Wir können das Zitat so und so verwenden. Wir können das Zitat darstellen. Ein Zitat. Wie Sie jetzt sehen können, funktioniert es einwandfrei. Nun, um ehrlich zu sein, kann dieser spezielle Fall etwas anders gelöst werden. Zum Beispiel können Sie hier den Apostroph verwenden. Denn wenn Sie hier Apostroph verwenden, können Sie Aber wenn Sie hier den Epostroph verwenden, können Sie den Epostroph auch drinnen verwenden, können Sie den Epostroph auch drinnen verwenden Wenn es also eine Zeit gäbe, in der Sie Epostroph und Anführungszeichen gleichzeitig verwenden müssten, wäre das Epostroph und Anführungszeichen gleichzeitig verwenden müssten, wäre das eine schlechte Sache. Und ich denke auch, dass es die beste Idee ist, jedes Attribut mit Anführungszeichen zu beginnen, vor allem, um Ihren Code zu erstellen, vor allem, weil solche Dinge nicht manuell eingegeben werden müssen, oder? Sie können aus der Datenbank kommen oder so weiter. Sie müssen immer entkommen, also ändern Sie das Zitat in eine Queue wie folgt Wenn Sie es als Attribut verwenden, sich nicht die Mühe, es so zu verwenden. Hier können Sie Anführungszeichen verwenden. In dem Text, in dem es einen Text gibt, oder Sie können Anführungszeichen verwenden, wenn der Text niedriger ist. Nun, wenn Sie es zum Beispiel so verwenden , ist sechs niedriger als sieben. Wie Sie sehen können, haben wir Anzeichen dafür, dass etwas nicht stimmen könnte, aber es funktioniert einwandfrei. Allerdings, wenn wir unsere Seite kopieren. Der gesamte Inhalt wird zu einem sogenannten HTML-Validator umgewandelt, und hier können wir den Validator durch direkte Eingabe auswählen und unseren Code kopieren Sie werden feststellen, dass wir hier einen Fehler haben. immer Um sicherzugehen, dass Ihr Code korrekt validiert ist, sollten Sie das Zeichen dass Ihr Code korrekt validiert ist, Kopieren wir ihn hier noch einmal. Wie Sie sehen können, ist der Fehler verschwunden. Sie können dieses Tool verwenden, um zu überprüfen , ob alles richtig geschrieben wurde. Nun, visueller Sudo-Code, Sie können auch feststellen, dass hier etwas nicht stimmt, aber es gibt keine Informationen Also für diesen niedrigeren Wert solltest du immer diese Entität verwenden Und es gibt etwas, das Ampersand genannt wird. Man sollte also das Und-Zeichen immer dann umgehen , wenn man die Links weitergibt, wenn sie innerhalb eines Links wenn sie innerhalb eines Nein hier, HTML und CSS sind richtig. Aber wenn du es über Links weitergibst, wie hier zum Beispiel ein Link, ist das ein ziemlich fortgeschrittenes Thema, aber du solltest dich daran erinnern, dass eines Tages, wenn du einen Link weitergibst, etwas nicht funktionieren wird und du ein solches Zeichen in einem Link hast ein solches Zeichen in einem Denken Sie bei dieser Vorlesung daran , dass Sie zu ihr kommen und stattdessen diese Person benutzen müssen zu ihr kommen und stattdessen diese Person benutzen Es gibt auch ein geschütztes Leerzeichen. Schauen Sie, wenn wir Leerzeichen hinzufügen, werden sie normalerweise nicht interpretiert. Hier gibt es keine Leerzeichen. Und es ist gut , dass das so passiert , weil wir unseren Code jetzt ziemlich einfach formatieren können, weißt du, vielleicht wollte ich das hier haben. Und HTML, der Webbrowser interpretiert HTML-Leerzeichen in der Datei nicht auf diese Weise. Vielleicht möchten Sie jedoch eines Tages etwas haben, das ein geschütztes Leerzeichen ist , also ein Leerzeichen, das interpretiert wird. Dann können Sie es einfach kopieren und wie Sie sehen können, wird jetzt jedes Leerzeichen, das ich mit dieser Entität hinzugefügt habe, interpretiert weil es nur ein Zeichen ist, das wir in den Text einfügen und wir wissen, was wir tun. Wir sagen: Hey, ich weiß, was ich tue, ich will das Leerzeichen hier haben. Das geschützte Leerzeichen kann also ein Leerzeichen hinzufügen , das Normaa wäre nicht da Wie Sie sehen können, ist es jetzt hier ausgerichtet, also möchte ich vielleicht so etwas . Ist das alles? Nun, es gibt viele andere Entitäten, zum Beispiel können Sie eine Entität finden, die ein Integral, das Symbol aus der Mathematik, erzeugen wird , wie dieses. Wir verwenden jedoch UTF 8 und auf dieser Website finden Sie es Du kannst wirklich einfach Dinge kopieren, wie zum Beispiel, ich will dieses Zeichen, also werde ich es einfach hier kopieren Und es wird gut funktionieren. Beachten Sie, dass dieses Schild hier ist. Wenn Sie TFA verwenden, müssen Sie sich darüber keine Gedanken machen Ich denke, es ist besser, das Zeichen einfach in dein HTML zu kopieren. Das Gute ist, du kannst zum Beispiel hier zum MOG Smiles gehen und all diese Dinge bekommen, indem du zum Beispiel die Nummer verwendest, die diesem MOG zugewiesen ist, aber das Lustige ist, dass du zum Beispiel sogar den Mod im Editor kopieren kannst, so wie hier, und du wirst feststellen, dass das auf deiner Website ist Das ist ziemlich cool. Sie können hier viele lustige Dinge finden, zum Beispiel ROs, wie zum Beispiel einige geometrische Formen. Ich denke, das kann ziemlich nützlich sein. Also Währungssymbole, die Sie einfach auf Ihre Website kopieren können , wenn Sie sie benötigen. Das ist alles in dieser Lektion. Danke. 23. Wie benennst du deine Dateien? Warum die Hauptsaal?: Hallo, mein Freund. Heute werden wir darüber sprechen, wie man die Pis richtig benennt, wie man seine HTML-Phis benennt , okay? Und warum? Die Hauptseite wird immer als Index-HTML bezeichnet. Fangen wir also damit an, wie sollen wir unsere Namen nennen? Es sollte nicht so genannt werden, wie wir es zuvor getan haben. Also probiere Probe zwei, komm schon. Niemand weiß , worum es in dem Streit geht, worum es auf der Seite geht wenn er sich den Namen so ansieht. Der Name sollte immer beschreiben , worum es auf Ihrer Webseite geht. In unserem Fall ist es Kitty Sacks. Die Frage ist, sollten wir Leerzeichen wie hier verwenden? Nein, jedes Wort sollte durch einen Tag getrennt werden. Sie verwenden keine Leerzeichen, Sie verwenden Des, um Wörter zu trennen. Nun, Sie sollten hier nicht die Buchstaben verwenden , die im Alphabet nicht elementar sind. Benutze sie wie diesen nicht. Verwenden Sie nur AB CDF G. Das grundlegende Alphabet. Nun, Sie können Zahlen verwenden, aber verwenden Sie sie nur, wenn sie wirklich über etwas in Ihrer Beschreibung von Ihrer Website sprechen etwas in Ihrer Beschreibung , richtig, zum Beispiel die Nummer des Produkts oder etwas Ähnliches, das Ihnen helfen könnte, es zu finden, aber ansonsten versuchen Sie, es zu vermeiden So nennst du also deine Website. Okay? Wie Kitty Snacks. Und wenn wir jetzt live gehen, werden Sie feststellen, dass dieser Name hier ist und er für die Benutzer, die Ihre Website besuchen, hilfreich ist die Ihre Website besuchen, Denn wenn sie ihn kopieren und an jemanden weitergeben, können sie es an diesem Namen der URL erkennen, also an diesem Linknamen. Worum geht es in dem Link, richtig? Es ist also hilfreich für die anderen Benutzer und hilft auch dabei, auf Ihrer Website zu Personen zu gelangen. Alles, was nützlich ist, wird also auch eine gute Sache sein , die als eine gute Sache für Google angesehen wird , für Google beide. Es ist also etwas, das im Google-Ranking berücksichtigt wird . Es ist also eine gute Idee, hier die Wörter zu verwenden , die Ihre Seite repräsentieren, aber denken Sie daran, Ihre Beschreibung nicht anzugeben, oder? Es wäre sehr dämlich, so etwas wie Kits, andere Fähigkeiten, Liebe zu essen und so weiter zu machen. Dies ist kein Ort, um die Keywords zu spammen. Sie geben hier einfach hauptsächlich den Titel ein, oder etwas, das mit dem Titel zusammenhängt. Das ist etwas , das kurz sein sollte. So erstellst du also die Namen. Aber auf der einen Seite sollte immer Index Dot HTML heißen, und es sollte die Hauptseite Ihrer Website sein. Warum ist das so? Beachten Sie, dass wir, wenn wir hierher kommen und diesen Teil entfernen die Struktur, den Index unserer Ordner auf unserem Webserver erhalten . Wenn wir hierher gehen, können wir die Bilder finden, wir können Artikel finden und wir können hier eine andere Website finden. Der Server sucht also nach einem Index und er hat ihn nicht gefunden. Also legt er das, was sich im Hauptordner befindet, ab. In unserem Fall schneidet der Ordner also ab. Aber wenn wir den Index angeben , nach dem er sucht, also wenn wir den Namen in Index that HTML ändern, werden Sie feststellen, dass beim Aktualisieren hier Index at HTML gefunden wurde. Wir können auch hier Index at HTML eingeben und es wird gefunden Aber das müssen Sie nicht , weil jeder Webserver auf diese Weise programmiert ist. Es sucht nach dem Indexpunkt HTML. Vielleicht Indexpunkt PHP, wenn Sie in einer anderen Sprache schreiben, aber es sucht nach dem Index. Deshalb sollte die Hauptseite keinen selbstbeschreibenden Namen , wie zum Beispiel Kitten Snacks Sie sollte bei HTML Index heißen. Aber die Seiten, die sich unter dem Ordner befinden, zum Beispiel Artikel, sagen wir, wir wollen eine weitere Website erstellen, also gut, lassen Sie uns dieses Ding hierher kopieren. Und zum Beispiel wird es nicht um Snacks für Katzen gehen, sondern zum Beispiel um lustige Bilder von Katzen, oder? Also hier sollten Sie eine Beschreibung erstellen und versuchen, sie zu erstellen Erstelle sie natürlich und nenne dich hier als Autor. Und lassen Sie uns es umbenennen in was? Bilder von Katzen zum Beispiel, oder? Oder lustige Bilder. Katzen, so etwas. Weil das beschreibt, worum es auf dieser Webseite geht. Aber diese Seite, die Hauptseite, sollte ein sogenanntes Menü haben , über dessen Erstellung wir in Zukunft sprechen werden. Und es ist wie ein Index. Es ist wie eine Öffnung zu jeder anderen Unterwebsite, die Seite ist mit Ihrer Webseite verbunden, Ihrer gesamten Site. Das ist alles in dieser Lektion. Danke. 24. VERTEILUNG: Süße Ionen in deinem VSC: Hallo, mein Freund. Ich denke, dass die Standardsymbole , die neben dem Namen Ihrer Seite oder neben dem Namen der JPE Five usw. stehen, nicht so gut sind Sie können sie glücklicherweise ändern. Wie macht man das? Nun, Sie können die Tastenkombination plus drei plus B oder die Tastenkombination Eins verwenden drei plus B oder die Tastenkombination Eins und das Team mit den fünf Symbolen eingeben. Wenn Sie es auswählen, können Sie es, wie Sie sehen, in nichts ändern. Wenn Sie sie überhaupt nicht haben möchten, oder Sie können sie auf ein Minimum ändern. Das ist ziemlich cool. Oder du kannst sie auf das ändern, was hier war. Aber glücklicherweise gibt es auch Optionen wie die benutzerdefinierte der Sie zusätzliche Icon-Teams installieren können. Wenn Sie darauf klicken, finden Sie alle Icon-Teams, die Sie über die Erweiterungen installieren können . Und der, den ich bevorzuge, ist dieser hier. Wenn Sie es installieren, haben Sie hier die Möglichkeit, es auszuwählen. Denken Sie daran, es auszuwählen, da dies derzeit die Einstellung ist Ändern Sie es also in Viacde-Symbole Schau jetzt, wie cool sie sind. Sie sind so farbenfroh und obwohl sie farbenfroh sind, nehmen sie nicht zu viel Platz ein. Sie sind wirklich, wirklich gut. Ich kann dieses nur empfehlen. Wenn Sie möchten, können Sie jedoch beispielsweise das Materialsymbol installieren, installieren und dann müssen Sie zu Material wechseln . Gibt es einen großen Unterschied? Es gibt einen Unterschied. Lass es uns ein bisschen schneller machen. Counterplat verschiebt P und lasst uns vom Material zum Vos-Code wechseln Material zum Vos-Code Wie Sie sehen können, liegt der Unterschied hauptsächlich in den Ordnern. Ich bevorzuge diesen, aber vielleicht bevorzugst du diesen. Um ehrlich zu sein, gibt es einfach viele zur Auswahl. Also spiel mit ihnen, oder? Und wähle den, den du magst, denn, naja, der Editor ist hauptsächlich für dich, nicht für mich, oder? Du hast deine eigenen Vorlieben, und das ist cool an Visual Studi Code, dass du fast alles mit diesem Editor machen kannst , damit er so aussieht, wie du es möchtest Ich kann diesen nur empfehlen und wir werden ihn seitdem verwenden Das ist nur die Lektion. Danke. 25. LIST: ol und li: Hallo. Heute zeige ich Ihnen, wie Sie eine Liste von Elementen und Positionen erstellen, die Sie dem Benutzer präsentieren möchten. Wann verwenden wir eine Liste? Nun, zum Beispiel, um den Studierenden zu zeigen , worüber wir in der jeweiligen Vorlesung sprechen werden. Dies ist die Zeit, in der Sie die Liste verwenden. Sie können auch beispielsweise Schüler im Unterricht auflisten . Wenn jemand Nummer 14 anruft, weiß er, dass er befragt werden wird , und er wird ein bisschen zappeln Es wird keine erfreuliche Sache sein. Sie verwenden also die Liste, um Dinge aufzulisten, um den Leuten zu zeigen , was sie beispielsweise auf Ihrer Website sehen werden, oder Was er als Erstes am Morgen tun sollte. Zum Beispiel muss er aufwachen, dann sollte er sich die Zähne putzen und so weiter. Sie wissen jetzt also, wann Sie die Liste verwenden müssen. Und wofür verwenden wir sie? Nun, wir verwenden sie, um Dinge zum Beispiel geordnet zu präsentieren . Wenn Sie sich geordnete Dinge ansehen, ist es einfacher zu lesen, oder? Also, um ehrlich zu sein, benutzt du Listen, um die Dinge leichter lesbar zu machen. Dies ist der Hauptgrund, warum Sie sie verwenden. Andernfalls können Sie alles in einen Absatz schreiben. Aber wie Sie hier gesehen haben, ist es in HTML unprofessionell Sie sollten ein bestimmtes Tag auflisten, das UL oder OL heißt Das erste steht also für eine ungeordnete Liste und das zweite für eine geordnete Liste Und was ist der Unterschied? Nun, wenn wir eine geordnete Liste erstellen, erstellen wir einfach ein Tag wie dieses und fügen Listenelemente hinzu. Also, wie Sie sehen können, haben wir die Nummer hier, was bedeutet, dass wir hier etwas einfügen können, und wenn wir es kopieren, können wir, wie Sie sehen, noch viel mehr Dinge einfügen, und sie werden automatisch nummeriert, und das ist ziemlich cool, denn beachten Sie, dass wir vorher, wenn wir das hier verwenden, sagen wir, diese beiden Punkte sind nicht aus dieser Lektion, also sollten wir sie entfernen. Lassen Sie uns sie entfernen. Aber jetzt mache ich was. Zahlen manuell ändern, was nicht cool ist. Das Coole an der Lösung, die wir gerade gelernt haben , ist, dass Sie, wenn wir den Text hier so kopieren , feststellen werden, was? Das ist automatisch Nummer. Wenn ich mich ändere, nun, nehmen wir an , dass ich zuerst darüber sprechen möchte . Also kopiere ich es hier. Wie Sie sehen können, werden die Zahlen automatisch geändert, und das ist wichtig. Das ist also das Erste , was cool an unserer Veröffentlichung ist. Die zweite Sache ist zu beachten , dass wir keine Bremsleitung haben , da jeder dieser Artikel eine automatische Bremse hat. Okay? Also das ist auch cool, oder? Also musst du hier keine Bremsleitung benutzen. Und sieh mal, du kannst die coole Abkürzung verwenden, das ist ein Plus-Pfeil auf der Tastatur, um Dinge wie folgt nach oben zu bewegen. Nehmen wir an, ich will das zuerst, wie Sie sehen können, ist es jetzt hier an erster Stelle. Aber wenn ich es hier mache, richtig, so, muss ich die Zahlen wieder ändern. Das ist also eine ziemlich coole Funktion aus dem Visual Studio-Code. Sie können die Dinge nach oben oder unten verschieben , nachdem Sie entschieden welcher Reihenfolge Sie die Dinge hier haben möchten. Wenn die Reihenfolge der Dinge keine Rolle spielt, können Sie underly verwenden Also änderst du einfach das OL in UL. Und dann ändern Sie einfach das, was vor jedem Leasingartikel angezeigt wird. Also änderst du die Zahl einfach in einen Kreis wie diesen. Sie können hier ändern, was sichtbar ist. Sie müssen den Kreis nicht zeigen, Sie können andere Dinge zeigen, aber solche Dinge , Formatierung, wie Färbung und ähnliche Dinge, sollten durch etwas , das CSS genannt wird, dargestellt werden, und darüber werden wir in Zukunft sprechen. Machen Sie sich also keine Sorgen, wenn Sie sich zum Beispiel die Kreise hier ansehen zum Beispiel die Kreise hier und sagen, ich hätte hier gerne etwas anderes, weil es mir nicht gefällt. Du kannst es tun, aber nicht jetzt. Tags werden nur zur Formatierung von Tags verwendet , um dem Text eine zusätzliche Bedeutung zu verleihen. Und diese Bedeutung gilt nicht nur für uns. Für Leute, die sich unsere Website ansehen, aber es ist auch für Google Robots, für Google Robots, weil sie sich Ihre Seite ansehen und wenn sie eine geordnete Liste sehen, können sie sehen, dass Sie etwas auflisten. Einige wichtige Dinge über Ihre Website, nun ja, über die Dinge im Artikel. Wenn Sie also einen Absatz verwenden, können sie sehen, dass Sie eine Art Text erstellen. Es ist also keine gute Idee , Absatz zu Auflisten zu verwenden. Nun, es gibt andere Texte , die Sie in Zukunft lernen werden, wie zum Beispiel Adressen. Und wenn du hier die Adresse eingibst, weiß Google, dass es sich hier um eine Adresse handelt. Dies sind also nur zusätzliche Informationen darüber, welche Art von Text wir formatieren. Welche Art von Text zeigen wir dem Benutzer. Wenn Sie jedoch die Art und Weise ändern möchten, wie es angezeigt wird, werden Sie dies in den meisten Fällen über CSS tun. Warum? Weil es besser ist. Warum es besser ist, wirst du in Zukunft lernen. Wie du in unserer Artikelliste sehen kannst, sollten wir in dieser Vorlesung auch etwas über nützliche Tastenkombinationen lernen, die Shift plus Tab genannt werden. Und was macht sie? Wenn ich alles auswähle und die Registerkarte Shift Plus verwende, wurde, wie Sie sehen können, alles eine Ebene nach links verschoben. Sagen wir hier also, wie Sie sehen können, eine Ebene nach links. Austausch von Einrückungen. Wenn ich die Registerkarte benutze, kann ich zu dem Ding zurückkehren, das hier war. Ich denke, es ist besser, den Kopf auf derselben Ebene wie Kopf und Körper zu haben, weil wir hier mehr Platz haben werden, genau für den Text. Es ist für uns nicht wirklich wichtig es auf einer solchen Ebene zu haben, oder? Wir können so zurückgehen. Mit der Registerkarte können Sie einmal nach rechts gehen, denn nun ja, das Tag ist immer da. Wir schauen uns das nicht einmal an. Es ist einfach da. Ich denke, das erhöht die Klarheit unseres Codes. Die Lektion. Ich danke dir vielmals. 26. Schnelle Tricks mit Emmet, um mit Listen zu verwenden: Hallo. Heute lernst du ein paar Abkürzungen kennen, die dein Leben als zukünftiger Webentwickler verbessern werden. Fangen wir also hier mit dieser Abkürzung an. Beachten Sie, dass wir das kleinste Objekt in UL erstellen können , indem wir so etwas tun. UL, dann LI, und dann müssen wir die Debatte formatieren , weil sie nichts nützt. Und wenn Sie dann noch ein LI wollen, machen wir das, was Contro plus, Control plus V. Control plus V, wir wollen zum Beispiel drei davon Es ist okay, es ist okay, es so zu machen. Aber wenn du weißt, dass du zwei kostenlose Is haben wirst, warum benutzt du dann nicht etwas, das man dieses Zeichen nennt? Nun, dieses Zeichen, wenn wir auf diese Website gehen, wird es das Kinderzeichen genannt. Warum heißt es so? Nun, es ermöglicht Ihnen, ein Kind innerhalb des Elternteils zu erstellen. Parent ist ein Tag, der sich direkt über einem anderen Tag befindet. Das Kind befindet sich direkt in einem anderen Elternteil. Nun, Eltern bringen Kinder zur Welt, Kinder. Also, wenn du so etwas eintippst, NAF, ein Tag , über den du in Zukunft mehr erfahren wirst, dann wird es benutzt, um eine Navigation zu erstellen, und was tippst du? Dieses Zeichen, dann werden Sie ein untergeordnetes Element in NAV erstellen , das UL heißt Dann können Sie den nächsten Treffer mit dem Namen A erstellen. Wie Sie sehen können, handelt es sich dabei um einen Spickzettel, der in der Registerkarte Ressourcen dieses Kurses hinzugefügt wird der in der Registerkarte Ressourcen dieses Kurses hinzugefügt Du kannst hier auf diese Website gehen, sie öffnen und naja, du kannst sie sogar herunterladen und ausdrucken Hier gibt es noch ein paar Dinge. Du musst sie nicht alle kennen, mach dir keine Sorgen. Aber es gibt Dinge , die hier verwendet werden und die Sie gerade nicht kennen. Zum Beispiel das D und so weiter, mach dir keine Sorgen. Ich werde Ihnen solche Beispiele zeigen , wenn sie benötigt werden. Also können wir was tun? UL und innerhalb von UL können wir lügen. Wie Sie sehen können, haben wir hier die Abkürzung MA. Um es anzuzeigen, weil Sie es vielleicht so haben, müssen Sie die Tastenkombination Steuerung plus Leertaste verwenden. Wie Sie sehen können, drücke ich Strg plus Leertaste, und dann können Sie sehen, wie diese Abkürzung aussehen wird , nachdem Sie sie erweitert haben, nachdem Sie die Eingabetaste gedrückt haben. Sie müssen also nicht die Eingabetaste drücken, um zu sehen, wie es aussieht. Wenn Sie jetzt die Eingabetaste drücken, haben wir, wie Sie sehen können , eine Ai, also müssen wir sie immer noch kopieren. Aber ich habe in einer der Vorlesungen davor über so etwas gesprochen , dass man eines der Tags multiplizieren kann, oder? Wir können also Absätze multiplizieren. Und auch hier können wir multiplizieren, was der Verbündete ist. Wie Sie sehen können, haben wir jetzt, wenn wir die Zahl hier eingeben, immer mehr Verbündete, oder? Also brauchten wir drei von ihnen. Also lass uns einfach so tippen. Und was jetzt noch wichtiger ist, ist die Tatsache, dass wir auf der Tastatur die Tabulatortaste drücken und zum nächsten Y springen können , richtig? Das ist also ziemlich cool, denn nun ja, wir brauchen unsere Tastatur und Maus nicht zu benutzen unsere Tastatur und Maus , um von einem Verbündeten zum anderen zu springen. Das beschleunigt die Dinge also noch mehr, oder? Wir können den Inhalt jedes Verbündeten sofort eingeben, oder? Das ist ziemlich cool. Okay, aber nehmen wir an , wir haben einen Fehler gemacht. Nehmen wir zum Beispiel an, wir haben so etwas gemacht und dann springe ich hierher. Was tun wir, wenn wir zu dieser Abkürzung zurückkehren und dafür sorgen wollen , dass sie funktioniert. Wie Sie sehen können, habe ich momentan keinen Hinweis. Um hinein zu kommen, müssen wir auch die Tastenkombination plus Leertaste verwenden. Wie Sie jetzt sehen können, können wir jetzt die Eingabetaste drücken und alles wird gut funktionieren. Okay. Mal sehen, was wäre, wenn ich zum Beispiel noch ein Y hier haben möchte , oder? Normalerweise wirst du was tun. Sie würden es kopieren, wie zum Beispiel dieses Select und Contra plus C contro plus V. Aber naja, das braucht Zeit Wir können das Tastenkürzel verwenden, das Shift plus L plus Pfeil heißt Es kopiert eine bestimmte Zeile nach oben oder unten. Wenn ich hier tippen muss und die Shift+L Pfeiltaste gedrückt habe, wie Sie sehen können, habe ich es nach oben kopiert. Wenn ich die Umschalt-Alp-Abwärtspfeiltaste drücke, kopiere ich sie nach unten. Ziemlich cool, nicht wahr? Okay. Nehmen wir an, wir haben leere LIs und ich möchte nicht noch einmal zur Abkürzung springen. Kann ich gleichzeitig jeden Wert darin ändern, jeden Wert darin ändern, kann ich den Inhalt für jedes LI-Element hinzufügen. In derselben Zeit? Ja, das kannst du. Sie können die Tastenkombination plus Mausklick und Linksklick Wenn ich sie gedrückt halte und klicke, haben wir mehr Cursor, oder? Wir können jetzt Beispiel eingeben, und ich tippe es überall. Beachten Sie, dass Sie den Cursor an eine beliebige Stelle setzen können, und Sie werden an jeder beliebigen Stelle wie hier tippen. Drücken Sie Z, um zurückzukommen. Auch hier ist Control Z eine sehr wichtige Abkürzung. Wenn du einen Fehler machst, benutze einfach die Strg-Taste plus z. Also weißt du jetzt, das, du weißt schon, jetzt , das, das und hier ist auch so etwas. Strg plus K plus S. Wie du siehst, gibt es Abkürzungen , über die du hier nachlesen kannst , und du kannst sie auch ändern. Wenn Sie hier mit der rechten Maustaste klicken könnten, können Sie sie entfernen oder ändern. Aber es gibt auch eine Website wie diese. Werden wir zu den Ressourcen hinzugefügt, wo Sie sie ein wenig gruppiert haben, ist es einfacher, Dinge hier zu finden. Beachten Sie, dass Sie hier zum Beispiel Zeile löschen haben. Und wenn ich hierher gehe und Löschen eintippe. Ich kann sehen, dass wir es finden und du es ändern kannst, oder? Oder wir können es benutzen. Nehmen wir zum Beispiel an, wir wollen dieses Ding nicht hier haben. Normalerweise müssten Sie Pack Space auswählen und darauf klicken oder Shift plus Home und Pack Space verwenden. Sie können aber genau das verwenden, was die Steuerung plus Garbe plus Taste Steuerung plus Garbe plus Taste, und Sie entfernen gerade die Linie, in der sich der Cursor befindet Ziemlich cool, oder? Okay, es gibt zwei weitere Abkürzungen, die dein Leben verbessern werden, die eckigen Klammern und die eckigen Klammern Nun, beachten Sie, dass, wenn wir eine Lüge erfinden, kein Inhalt in der Zeile steht, oder? Nehmen wir an, ich möchte Inhalte drin haben. Wie man Inhalte bereitstellt. Der Inhalt ist der Text im Inneren, oder? Sie müssen die geschweiften Klammern verwenden. Der Inhalt gehört hierher, oder? Wie Sie sehen können, haben wir den Inhalt in LI eingefügt. Das ist ziemlich cool, oder? Inhalt plus Leertaste, und wir haben guten Inhalt drin. Du kannst Inhalte in jedes beliebige Tag einfügen, oder? Also P-Inhalt von P. Wie Sie sehen können, ist es der Inhalt von P. Ziemlich cool. Das ist nützlich, wenn Sie ihn multiplizieren möchten, richtig, weil Sie ihn jetzt zum Beispiel mit vier multiplizieren können und für jedes LI einen Beispielinhalt haben . Ziemlich nützlich. Cro plus Pase, rein und wir haben mehr davon. Die geschweiften Klammern werden also für den Inhalt verwendet, aber diese wird verwendet, um das Attribut hinzuzufügen Wenn ich also so etwas mache, kann ich zum Beispiel den Attributcode title erstellen, und ich kann sagen, hier ist der Titel Wie Sie sehen können, haben wir den Hinweis, dass das Attribut zum LI-Element hinzugefügt wird zum LI-Element hinzugefügt wird weil ich hier den Cursor halte. Aber wenn ich hierher springe und die Steuerung plus Tempo verwende, haben wir jedem Li den Titel hinzugefügt, ziemlich genial, oder? Ich kann auf Enter Counterplus Leertaste Enter klicken und schon ist es da. Beachten Sie, dass Sie das Attribut jedem beliebigen At-Tack hinzufügen können Wenn Sie den Titel zur UL hinzufügen möchten, setzen Sie einfach die eckigen Klammern neben U. Wenn Sie das so machen, haben wir einen Titel neben UL Der Reiter, den Titel des Attributs aus den eckigen Klammern bezieht, ist der, der sich daneben befindet Das ist also neben diesem und natürlich auch links davon Das ist es. Außerdem gibt es ein sehr cooles Feature, nämlich das Dollar-Feature, und was macht es? Gehen wir zu Ai und nehmen wir an, wir möchten ein Inhaltsbeispiel hinzufügen, wie zum Beispiel eins, und ich möchte, dass es mit vier multipliziert wird Beachten Sie, dass wir hier Nummer eins, eins, 11 haben, und jetzt müssen wir es manuell so machen , wenn wir es nummerieren wollen Aber die Sache ist, dass wir anstelle von Eins das Dollarzeichen verwenden könnten, und es wird, wie Sie sehen können, einfach durch die Zahlen ersetzt, etwas von Eins, ziemlich cool. Inhaltsbeispiel, eins, zwei, drei, vier, großartig. In dieser Vorlesung haben wir einige Abkürzungen kennengelernt. Wie Sie sehen können, gibt es noch viele, viele mehr. Ich werde sie nur zeigen , wenn sie gebraucht werden. Wie Sie sehen können, nach dem Vortrag von LI. Das sind coole Dinge , von denen es cool ist, sie zu wissen. Es wird den Prozess der Erstellung von Inhalten beschleunigen. Aber das Erlernen neuer Abkürzungen braucht Zeit. Machen Sie sich also keine Sorgen, wenn Sie sie nicht sofort kennen. Und auch um Abkürzungen zu lernen, müssen Sie Ihre Komfortzone verlassen. Ja, Sie befinden sich in der Komfortzone , wenn Sie die Dinge anwenden , die Sie vor langer Zeit gelernt haben. Vielleicht möchten Sie sogar solche Dinge kopieren , kopieren und einfügen. Das ist einfach okay, aber es ist wirklich gut, Abkürzungen zu verleihen, weil Sie in Zukunft viel Zeit damit verbringen werden, Websites zu erstellen. Diese Dinge werden Ihnen Zeit sparen und Zeit ist Geld. T ist nicht nur Geld, Zeit ist Glück. Wenn Sie Zeit haben, können Sie Computerspiele spielen, sich mit Freunden treffen und so weiter. Um jedoch Zeit zu sparen, müssen Sie Abkürzungen lernen. Du musst sie nicht alle lernen, oder? Weil zum Beispiel Situationen, in denen Sie, ich weiß nicht, Dinge nummerieren müssen , wie hier. Sie sind ziemlich selten, aber lernen Sie zumindest etwas über diese, diese und diese, weil sie ziemlich oft verwendet werden. Du kannst auch versuchen, in einem solchen Spickzettel Dinge zu finden , die für dich nützlich sind , oder? Okay. Das ist nur die Lektion. Ich danke dir vielmals. 27. dl, dd – Definitionsliste: Hallo, mein Freund. Heute werden wir darüber sprechen, was Tag DL ist und wann wir es verwenden sollten. Tag DL bedeutet Definitionsliste. Also dieses Tag beschreibt eine Liste von Definitionen. Okay? Also hier ist der erste Begriff, der Definitionsbegriff genannt wird und in einer Definitionsbeschreibung beschrieben wird. Also geben wir das Ding, das Sie beschreiben möchten, DD ein und dann DD die Beschreibung, richtig? Und alles wie das wird in die Definitionsliste aufgenommen. Der Unterschied zwischen diesem und dem ist also, dass wir Begriffe mit Beschreibungen verbinden können. Hier haben wir nur eine Liste der einzelnen Artikel. Aber hier haben wir eine Liste von Definitionen, oder? Dieser Begriff ist also damit verbunden. Dieser Begriff ist damit verbunden. Aber du fragst dich vielleicht, komm schon. Warum sollten wir uns überhaupt die Mühe machen, so etwas zu tun, wenn wir es so schreiben könnten , zum Beispiel niedriger als P, und dann die Definition hier einfügen könnten. Dann können wir es in den Absatz einfügen. Und wie du siehst, M Wir haben es so hinbekommen. Wie Sie sehen können, besteht der erste Unterschied darin, dass die Definitionsliste eine Art Formatierung erzeugt. Hier haben wir für jede Beschreibung eine Art Einzug , jedes DD-Tag hat einen Einzug, und der Definitionsbegriff befindet sich links neben der Ist es nur eine Formatierung? Ist es nur das, was ein Plus für dich wäre. Der Vorteil, so etwas zu verwenden. Sie würden sich nicht die Mühe machen, es zu benutzen, wenn es nur das wäre. Nun, das Erste ist, dass Google verbinden kann, dass hey, das Erste, was du definierst, du beschreibst also etwas, und es weiß, dass es hier beschrieben wird. Er weiß, was der Begriff ist und was die Beschreibung ist. Genau, er weiß es. Also das ist das Erste. Aber die zweite Sache werde ich anhand des Beispiels zeigen, das auf der Entwickler-Website mozilla.org gezeigt wird Entwickler-Website mozilla.org Das ist eine ziemlich coole Website, weil, naja, du kannst hier in HTML lernen, wenn Aber ich würde es hauptsächlich verwenden um mir Beispiele anzusehen , die hier sind und die ziemlich gut sind. Beachten Sie, dass sie hier ein Beispiel für eine Definitionsliste wie diese haben eine Definitionsliste wie , in der es sich um ein Skript von Cornwall handelt, und dann gibt es Definitionen für jedes Ding wie dieses Aber hier ist eine Ausgabe, also wie sie aussieht, wenn sie auf der Website ist Sie können feststellen, dass jeder dieser Begriffe fett gedruckt ist. Das ist cool. Aber hey, hier gibt es kein Tag B. Wir werden was tun müssen. Wir müssen bei jedem einzelnen so etwas machen , um den fett gedruckten Begriff zu bekommen Aber es braucht Zeit, und sie verwenden das, was man CSS nennt, was wir in Zukunft lernen werden Mit CSS können Sie zum Beispiel dt wählen und die Schriftstärke auf fett setzen, die Schrift ändern, um sie fett zu machen, aber für jedes dT-Element. Das ist ziemlich cool, denn hier, wenn uns so etwas gefallen hat und wir das BR-Tag beschreiben werden, dann den b Dag und so weiter. Wenn du nur diesen Teil auswählen wolltest, könnten wir das nicht tun, und wir müssten sowieso manuell machen, was die Fettschrift macht Das Coole an CSS ist also , dass es jedes Tag auswählen kann, das zum Beispiel DT ist, und es so ändern kann, dass es fett gedruckt wird Wir haben zwei Vorteile. Erstens: Nun ja, Google wird wissen, was vor sich geht. Die zweite ist, dass du in Zukunft, wenn du CSS lernst, genau dieses Ding auswählen und es besser aussehen lassen kannst , oder? Und wenn du so etwas verwendest, zeigst du dir selbst und anderen Leuten, die deinen HTML-Code lesen werden , dass du weißt, was du tust, und sie werden es wissen, also hier sind ein paar Definitionen. Hier ist eine Definitionsliste. Wenn sie sich so etwas ansehen, wissen sie einfach, dass es sich um einen Absatz handelt, und der Absatz sollte verwendet werden, um Text einzufügen , in dem es um Folgendes geht: Nun, Sie könnten sagen, Definition ist Sie könnten sagen, Definition ist auch eine Art von Text, und das ist wahr, aber wir haben ein spezielles Tag für diesen speziellen Fall, das Ihren Code sauberer macht, oder? Es ist also besser, dies zu verwenden wenn Sie einige Dinge auf Ihrer Website definieren möchten. Erstellen Sie als Übung drei weitere Definitionsbegriffe, die beispielsweise auf das Titel-Tag, das Head-Tag und den Dokumenttyp HTML beziehen. Fügen Sie sie einfach in den Definitionsbegriff ein und geben Sie eine Definitionsbeschreibung ein. Es ist eine gute Übung, um zu lernen wie man diese Art von Steuern erhebt, aber Sie werden auch versuchen sich daran zu erinnern, wie diese Steuern funktionieren. Das steht in der Lektion 28. EMMET: Geschwister erschaffen und mit zwei Elementen als ein ein: Hallo, mein Freund. In der letzten Vorlesung haben wir gelernt, wie man eine Definitionsliste erstellt. Die Frage ist, wie man mit Et eine Definitionsliste erstellt. Wie benutzt man das MET, um das zu erstellen? Es gibt ein kleines Problem , denn wenn wir so etwas machen, DL und dann wollen wir zum Beispiel DT einfügen, dann haben wir eine Lösung wie diese. Aber wie fügt man jetzt das DD hinzu, wie fügt man DD hier hinzu. Wie fügen wir etwas auf derselben Ebene hinzu, nicht in einem anderen Tack Um ein Tag neben einem anderen Tag hinzuzufügen, müssen wir das Pluszeichen verwenden, das für Geschwister verwendet wird Das Tag, das sich auf derselben Ebene wie dieses befindet, DT, befindet sich auf derselben Ebene wie DD, wird als Geschwister bezeichnet Wenn wir also so etwas wie dT plus DD machen, lautet die Lösung, wie Sie sehen können, DT next two dD Wenn wir P plus B eingeben, haben wir P neben B. Und als nächstes P haben wir das nächste P. Okay, lassen Sie uns das Gelernte verwenden, um das zu erstellen , was wir hier oben gemacht haben . Also DL haben wir drin, also werden wir dieses Zeichen hier verwenden. Was DT und daneben DD. Okay, das würden wir wollen, oder? Okay. Aber wenn wir mehr davon haben wollten, müssten wir es so kopieren. Und um ehrlich zu sein, braucht es auch Zeit. Aber wir haben gelernt, dass wir solche Dinge multiplizieren können, oder? Gehen wir also zurück und multiplizieren wir es mit drei. Es gibt immer noch ein Problem, weil wir nur ein d multipliziert haben. Die Multiplikation wirkt sich also nur auf eine Sache auf der Wenn du dt und DD gruppieren willst. Wenn Sie es wie einen einzigen Ausdruck wie eine einzelne Sache machen wollen. Sie müssen dasselbe verwenden , was Sie in Mathematik verwenden, die Klammern Wenn du es so machst, wenn ich Strg plus Leertaste drücke, wie du siehst, haben wir jetzt dreimal multipliziert Ein ganzer Ausdruck wie dieser wird mit drei multipliziert. Jetzt können wir es sogar fünf mal zehn Mal wählen , was auch immer du willst, und das ist das Coole daran. Wir bewachen es Also um es zusammenzufassen. Um mehrere Tags auf derselben Ebene hinzuzufügen, die als Geschwister bezeichnet werden, müssen wir das Pluszeichen verwenden. Also fügst du einfach hinzu. Deshalb ist es ein Pluszeichen, eins neben dem anderen. Um ein paar Zitronen zu gruppieren und sie wie eine Zitrone funktionieren zu lassen, musst du Klammern verwenden wie in Mathe Um einen Zack in einen anderen zu verwandeln, musst du das Größere Höhlen-Zeichen verwenden Versuchen Sie als Übung, dasselbe zu tun, was ich in dieser Vorlesung getan habe, aber versuchen Sie auch, in das erzeugte DT und DD etwas Beispieltext einzufügen, aber mit m. Die Lösung sollte so aussehen Versuchen Sie, dies als Übung zu machen. Wenn Sie wie immer Fragen haben , können Sie diese gerne stellen. 29. Interne Links erstellen: Hallo, mein Freund. Heute werde ich dir erklären, was Links sind, wie man sie erstellt und wie man einen Backlink erstellt. Wenn Sie also viele Websites haben, wäre es toll, zur ersten Website zurückkehren zu können , die den HTML-Index enthält, damit der Benutzer das tun kann, oder? Okay, was sind Links? Wie der Name schon sagt, ist ein Link einfach etwas, das verbindet. Zwei Dinge, ein Link, verbindet zwei Dinge. Zum Beispiel Website. Nun, wir können nicht alles auf einer Seite haben. Nun, wir können, wenn die Website klein ist, aber wenn wir eine große Website haben oder sogar wenn Sie ein Forum haben, ist das Forum voller Nebeneffekte. Wenn Sie eine Website haben, eine große Website, müssen wir Links erstellen Nun, wir brauchen auch Links, um zum Beispiel eine andere Site zu verbinden, die von einer anderen Person erstellt wurde, also brauchen wir dafür Links. Wie erstelle ich einen Ring? Nun, wir müssen ihn für diesen Anker verwenden. Etwas, das Anker genannt wird. Das Tag A steht für Anker. Nehmen wir also an, wir wollen auf die lustigen Bilder Katzen verlinken. Lustige Bilder Katzen. Nehmen wir an, wir möchten auf diese Seite verlinken. Dann gebe ich einen Namen wie diesen ein. Wenn wir also mehr lustige Bilder von Katzen sehen wollen, folgen Sie mir. So etwas wie das. Wenn jemand darauf klickt, möchte ich, dass er zu diesem Ort springt. Wir müssen das verknüpfen. Wir müssen so etwas tun. Wir müssen mit dem Tack A werfen und ankern, also so. Oder wir können das Tastenkürzel plus **** plus P und den Zeilenumbruch mit der Abkürzung verwenden **** plus P und den Zeilenumbruch mit der Abkürzung und einfach A hier eingeben Wie Sie sehen können, wurde mit der Abkürzung etwas Ähnliches hinzugefügt, die Altersreferenz. Lass es uns für eine Sekunde entfernen. Lasst uns sehen, was passiert, wenn wir einfach einen Anker auf den Fanbildern setzen , naja, ich wollte es im gesamten Text haben. Wie Sie sehen können, passiert nichts. Dieser Text ist immer noch einfacher Text , weil wir sagen müssen, wo wir ihn verlinken wollen , und diesen stellen wir mit dem re-Attribut zur Verfügung. Er ref steht für Hyperreferenz. Also müssen wir den Hypertext bereitstellen. Dieses Ding macht Ihren Text also hyperaktiv, was bedeutet, dass dieser Supertext es Ihnen ermöglicht, an eine andere Stelle zu springen Wie Sie sehen können, hat dieser Link jetzt einen Stil wie diesen. Sie können den Stil in Zukunft ändern, indem Sie beispielsweise CSS verwenden, über das wir in Zukunft sprechen werden. Aber im Moment können Sie sehen, wir haben dafür gesorgt, dass es anklickbar ist, oder? Wir sind jetzt hier, wo die Maus geändert wird , wenn wir die Maus darüber bewegen Also dieser Text ist jetzt hyperaktiv. Deshalb sagen wir, es ist Hyperreferenz. Es ist etwas, das es dir ermöglicht , von einer anderen Seite zur anderen zu springen Und es ist hyperaktiv, weil es normalerweise nicht möglich ist, solche Dinge zu tun, oder? Wenn Sie ein Buch haben, können Sie im Buch einfach von einer Stelle zur anderen springen , indem Sie einfach auf Text klicken Dieser Text ist wirklich hyperaktiv. Und deshalb wird sogar HTML, Hypertext Markup Language, genannt Hypertext Markup Language, Es ist hyperaktiv, weil man damit springen kann, und dieses Ding heißt Hyperreferenz, weil man damit springen kann, um Dinge zu verknüpfen, und jetzt müssen Sie hier in diesen Anführungszeichen angeben , wohin es verlinkt werden soll, Weil im Moment hier nichts passiert. , müssen wir also die Tastenkombination Contra Plus Space verwenden Wie Sie sehen, müssen wir also die Tastenkombination Contra Plus Space verwenden. Jetzt können wir auswählen, dass wir zu Artikeln und jetzt zu lustigen Bildern von Katzen gehen möchten , zum Beispiel Und jetzt, wenn wir getroffen werden und ich darauf klicke, wie du siehst, springen wir auf eine andere Seite, und wir können mit der Zurück-Taste hier oben zurückkehren Damit können Sie zu dem Ort springen , den wir hier anbieten, oder? Wir müssen den Namen des Ordners angeben, in den Sie wechseln möchten , und den Namen der Datei , zu der Sie springen möchten. Das ist ziemlich einfach. Aber das Gute ist, dass man es auf alles auftragen kann. Nehmen wir an, wir haben ein Bild, wie zum Beispiel das, das wir jetzt in Bildern haben , wie die Bassgitarre. Nehmen wir an, es handelt sich um eine Bias-Gitarre, und wir möchten, dass das gesamte Bild verlinkt wird, sodass wir darauf klicken und an eine andere Stelle springen können. Lassen Sie uns eine Abkürzung wie folgt draufsetzen. Geben wir die Altersreferenz an. Nehmen wir an, wir gehen einfach zu lustigen Bildern von C, weil wir keine HTML-Fs mehr haben. Wie Sie sehen können, springe ich zu dieser Platte, wenn wir die Maus hierher bewegen und ich darauf klicke . Sie können es auf Text setzen, Sie können es auch auf Bilder setzen. Sie können es also auf alles legen, was Sie wollen. Lass uns weitermachen und lass uns zu dieser Sache zurückkehren. Beachten Sie, dass, wenn ich hierher gehe, hier nichts ist. Nun, was wäre, wenn ich hierher zurückkehren möchte , aber den Link verwende. Weil wir einem Benutzer die Möglichkeit bieten sollten , zurückzuspringen. Wie macht man das? Nun, lassen Sie uns einen Rücktext erstellen. Lassen Sie uns nun einen Link erstellen. Setzen wir einen Anker darauf und sagen wir, wohin wir springen wollen. Und die meisten von Ihnen würden hier so etwas einfügen, in Textpunkt-HTML. Beachten Sie das, wenn ich darauf klicke. Es gibt etwas, für das ich keinen Artikelindex abrufen kann. Das liegt daran, dass sich der Index im Hauptordner befindet. Er befindet sich nicht in dem Ordner , der Artikel genannt wird. Du musst irgendwie in der Lage sein , von hier nach hier zu springen. Um das zu tun, machst du dasselbe wie wir, als ich über Bilder gesprochen habe. Du kannst so etwas und den Schrägstrich machen. Das bedeutet, dass wir zum Hauptordner gesprungen sind. Wenn wir jetzt hier sind und ich auf Zurück klicke und zum Aktualisieren, wie Sie sehen können, funktioniert es jetzt einwandfrei Sie können von einer Seite zur anderen springen. Aber das ist ziemlich lang, und um ehrlich zu sein, können wir es etwas kürzer machen. Warum? Weil der Hauptordner immer so unter dem einzigen Schrägstrich steht Sie können also einfach den Schrägstrich und dann den Namen der Sache eingeben , auf die Sie sich beziehen möchten Indexieren Sie beispielsweise HTML. Wie Sie jetzt sehen können, gehen wir immer noch zurück. Noch cooler ist, dass Sie hier keinen Index at HTML angeben müssen. Sie können einfach den Schrägstrich eingeben und es wird immer noch funktionieren Warum ist es so? Weil ich dir gesagt habe, dass Index-HTML das Erste ist, wonach auf dem Server immer gesucht wird . Sie können also den Index-HTML einfügen, müssen es aber nicht, oder? Sie können hier einfach nichts angeben, weil der Server immer nach diesem speziellen Namen suchen wird , Index at HTML. Also kannst du es einfach so setzen und es wird gut funktionieren, oder? Also ziemlich cool. Ich denke, es ist einfacher zu lesen. Als Übung möchte ich ein Logo erstellen. Wie erstelle ich ein Logo? Nun, versuchen Sie in Google etwas zu finden das als Logo-Generator bezeichnet wird, oder geben Sie einfach in YouTube ein, wie Sie ein Logo erstellen und ein Logo für Ihre Website erstellen und es in Ihre Website einfügen , wie lustige Bilder von CDs Wenn jemand auf dieses Logo klickt, . Wenn jemand auf dieses Logo klickt, müssen Sie einen Link daraus erstellen, damit es angeklickt werden kann müssen Sie einen Link daraus erstellen, damit es Er wird wieder zum Index unter HTML zum Index zur Hauptseite Ihrer Website zurückkehren, oder? Warum ist es cool und warum ist es wichtig? Denn beachten Sie, dass hier jemand auf Ihre Website kommen kann , oder? Da das Erste, was er sieht, Ihre Unterseite sein kann, kann es eine Ihrer Seiten Ihrer gesamten Website sein. Sie können Tausende von Seiten haben, oder? Und wenn er diese Landing Page sieht, heißt es Landing weil er darauf landen wird. Er muss wissen, wie man zur Hauptseite zurückspringt. Und es ist ziemlich bekannt , dass fast immer auf jeder Website, wenn jemand auf Logo klickt, er zum Index daDh TML zurückspringt Die Zurück-Schaltfläche, der Zurück-Text. Das bedeutet nichts für die Person, die deine Unterseite besucht. Hier, wenn er von hier nach hier springt. Er weiß, dass die Rückseite bedeutet, dass wir hierher zurückkehren. Aber um ehrlich zu sein, hat er hier den Taschenknopf. Aber wenn das die Landing Page ist, ist das was anderes, oder? Er muss wissen, wie man zur ersten Seite springt , wo er jeden anderen Link finden kann. Also zum Index-HTML, richtig? Deshalb heißt es Index. Sie können dort jeden Link zu einer anderen Site finden. Erstellen Sie also ein Logo, fügen Sie es hier und ermöglichen Sie dem Benutzer, zur Hauptseite Ihrer Website zurückzukehren . Das ist nur die Lektion, danke. 30. Externe Links | _blank: Hallo, mein Freund heute. Ich werde Ihnen beibringen , wie Sie einen Link zu einer externen Site erstellen. Weil Sie manchmal etwas empfehlen möchten, oder vielleicht ist der Benutzer Ihrer Website in dem Forum, das Sie erstellt haben und er möchte etwas empfehlen. Das ist also die Zeit, in der er in der Lage sein muss Link zu einem anderen Ort zu erstellen, zu einer externen Seite. Also, wie macht man das. Nehmen wir an, wir möchten einen Link zu Google erstellen. Nennen wir es also Google. Und jetzt wählen wir es aus und erstellen es als Anker. Und jetzt ist das Erste, was Sie wahrscheinlich für richtig halten , so etwas einzugeben. Googeln Sie das, komm. Okay? Und lass uns darauf klicken. Mal sehen, was passieren wird. Wie Sie sehen können, google.com nicht abgerufen werden. Was passiert? Nun, um ehrlich zu sein, sucht der Webbrowser in diesem Katalog nach der Datei google.com , weil er nicht weiß, ob es sich um Text oder um eine Website handelt Um zu sagen, dass dies eine Website ist, die er hier im Webbrowser öffnen muss Es handelt sich also nicht um eine einzige Datei. Wir müssen hier ein Protokoll hinzufügen. Wenn ich jetzt darauf klicke, sind wir, wie Sie sehen können, bei Google und es wird auf derselben Registerkarte geöffnet , auf der wir unsere Website haben. So funktioniert es. Du musst hier HTTP hinzufügen, nicht wie wenn du hier tippst. Hier müssen wir es nicht eingeben, da es automatisch hinzugefügt wird. Sie haben jedoch wahrscheinlich bemerkt, dass diese Website auf derselben Registerkarte wie Ihre Website geöffnet wird. Wenn Sie es in der neuen Registerkarte öffnen möchten, der leeren Registerkarte, die als leere Registerkarte bezeichnet wird, müssen Sie darauf abzielen, okay? Sie müssen es also mit dem Anker-Tag mit zusätzlichen Informationen versehen, die mit dem Attribut target bereitgestellt werden. Standardmäßig ist es auf self gesetzt. Wenn also jemand darauf klickt, zielt es, wie Sie sehen, auf den Tab ab, in dem sich jemand befindet. Aber wenn wir hier ein Leerzeichen eingeben, werden Sie feststellen, dass, wenn ich hier mit der linken Maustaste klicke , der neue Tab geöffnet wird. Dies ist ein Verhalten, das wofür gespeichert wird, für die mittlere Maustaste. Normalerweise müssen wir auf die mittlere Maustaste klicken , um sie in der neuen Registerkarte zu öffnen, wie hier. Um ehrlich zu sein, denke ich, dass du es nicht benutzen solltest. Manche Leute werden es benutzen, weil sie der Meinung sind , dass die Tageswebsite die wichtigste Website ist. Aber ich denke, dass es die Leute nervt, wenn sie wissen, dass das Standardverhalten darin besteht, die Site im aktuellen Tab zu öffnen die Site im aktuellen Tab Sie wissen, dass sie, wenn sie es in einem anderen Tab öffnen möchten , einfach die mittlere Maustaste verwenden Behalten Sie das Standardverhalten bei. Ich zeige Ihnen, dass es daran liegt, dass Sie es zu 100% irgendwo im Internet mitmischen werden. Das ist das Erste. Und nun ja, es gibt Ausnahmen, wo so etwas vielleicht eine gute Idee ist. Es ist eine gute Lösung. Wann? Nun, stellen Sie sich vor, dass der Nutzer Ihrer Website irgendwelche Fortschritte auf Ihrer Seite gemacht hat. Als ob er sich zum Beispiel einen Film oder mehr ansieht, nimmt er ein Formular an, in dem er sein ganzes Leben damit verbracht hat, alles zu tippen, und er klickt falsch und ist jetzt auf einer anderen Seite. Wenn er es so hinbekommen hat, dann verliert er einfach alles, den ganzen Fortschritt. Wenn er so geworden ist und er mit der linken Maustaste falsch klickt, dann ist er auf einer anderen Seite. Das ist eine gute Lösung dafür. Nun, es ist eine einfache Lösung, aber ja, du kannst es so machen. Wie kann man wissen, ob jemand etwas tut? Nun, dafür müssen Sie Java-Skript kennen. Um zu wissen, was der Benutzer auf Ihrer Seite tut, müssen Sie Java-Skript kennen. Es ist ein Thema für einen anderen Kurs. Aber hey, das ist die Zeit, in der du es benutzen kannst. Ansonsten empfehle ich es nicht. Du kannst eine Abkürzung von Met verwenden, wie du siehst, um Links zu den internen zu erstellen, und was ist Schule, wenn du hier eine Spalte wie diese hinzufügst , können wir, wie du siehst, einen externen Link etwas schneller erstellen, weil das HTTPP-Protokoll hinzugefügt wird Sie können jetzt also den Namen der Seite eingeben, auf die Sie verlinken Aber es gibt auch eine , die leer heißt, und Sie fragen sich vielleicht, warum es hier so etwas gibt , das wir hier nicht verwendet haben. Um ehrlich zu sein, handelt es sich um völlig zusätzliche Informationen. Wenn Sie nicht daran interessiert sind, können Sie es einfach lieben. Wenn du interessiert bist, dann hör zu. L steht für Relation, richtig? Und dieses Attribut gibt zusätzliche Informationen Was sind die Beziehungen zwischen Ihrer Site und der Site, auf die Sie sich beziehen, oder? Wenn Sie sich zum Beispiel auf Google beziehen und diese Werte hier stehen, und diese Werte hier stehen weil Sie den Nutzer Ihrer Website schützen möchten. Was nun, schau. Wenn jemand auf diesen Link klickt, stellen Sie sich vor, dass diese Website bösartig ist. Der Benutzer würde es nicht wissen, weil alles im Hintergrund laufen würde, direkt im Hintergrund der Site. Diese Website könnte diesen Tab ändern. Stellen Sie sich vor, dieser Tab kann geändert werden während der Benutzer diese Site betrachtet. Und wenn er an diesen Ort zurückkehrt, wird er es nicht bemerken, weil jemand nur den Link Pi ändert, zum Beispiel den Index auf Indexpunkt zwei, rechts, oder den Namen der Domain auf etwas sehr Ähnliches ändert. Und er wird es natürlich auch so aussehen lassen, als wäre es dasselbe. Aber dass der Benutzer jetzt auf einer anderen Website sein wird. Und wissen Sie, er kann hier einige traditionelle Informationen eingeben . Er kann einige Dinge eingeben, die nicht auf die bösartige Website gelangen sollten, oder? Wenn Sie nach Google suchen, müssen Sie sich natürlich um nichts kümmern, oder? Aber wenn Sie auf einen Ort verlinken, bei dem Sie sich nicht zu 100% sicher sind , ist es eine gute Idee , so etwas zu tun. Um ehrlich zu sein, das Problem mit dieser Lösung ist auch, dass sie behoben wurde, wie vor fünf Jahren, sodass es nicht mehr möglich ist, sie zu weil News-Webbrowser sie einfach automatisch hinzufügen. Es ist also einfach nicht nötig , dies zu tun, da es ein Standardverhalten Ihres Webbrowsers ist. Aber wenn Sie alte Webbrowser wie diesen unterstützen möchten, wie den Internet Explorer usw., dann ist es eine gute Idee, so etwas hinzuzufügen. Vor allem, wenn Sie sogenanntes Forum erstellen. Denn im Forum gibt es gute Benutzer, und diese Benutzer können auf Websites verlinken und Dinge empfehlen, die Sie nicht überprüfen können, weil es Tausende von Benutzern im Forum gibt und sie möglicherweise auf viele Orte verlinken und Sie wissen nicht, worauf sie sich beziehen Dann kann es also das Problem für die Benutzer Ihres Forums verursachen Sie haben viele Benutzer in Ihrem Forum. Und vielleicht benutzen sie den älteren Webbrowser. Dann zu jedem vom Benutzer hinzugefügten Link so etwas hinzuzufügen , dann ist es eine gute Idee. Ansonsten denke ich, dass wir es vergessen können. Ich denke, weil es nicht so dringend benötigt wird. Nun, weißt du, wenn du ein Bild benutzt, kannst du einfach ein bisschen vergessen, dass es einfach automatisch hinzugefügt wurde, du musst nicht darüber nachdenken, oder? Aber wenn Sie es manuell machen, dauert es einfach länger, es einzugeben. Für das Forum ja, sonst nein. auch sei, wie ich bereits sagte, beachten Sie, dass wir hier immer noch das Leerzeichen verwenden, oder? Nun, es ist nur ein Problem , wenn Sie es verwenden. Ich sagte, wir sollten es vermeiden. Also benutze einfach kein Leerzeichen. Verwenden Sie es nur in Situationen, in denen jemand einen Fortschritt hat , der möglicherweise zu einem Problem führen könnte , sodass jemand den Fortschritt verwenden würde. Und das ist nur eine einfache Lösung. Es gibt viele andere Möglichkeiten, es zu tun, nicht auf diese Weise. Das steht in dieser Lektion. 31. #--Labels: Hallo, mein Freund. Heute erfahren Sie, was unsere Arbeit macht und warum überhaupt die Mühe, so etwas zu schaffen? Nun, die Etiketten ermöglichen es Ihnen, auf Ihrer Seite zu dem bestimmten Ort auf Ihrer Website zu springen , tot Sie möchten, dass der Benutzer springen. Okay, wenn etwas das Licht ist, das nützlich ist. Gehen wir zu Stack Overflow. Dies ist eine großartige Website, auf der Sie viele freie Kenntnisse von anderen Menschen wie Ihnen finden können. Derjenige, der lernt, derjenige, der etwas verleiht. So teilen die Leute ihr Wissen umsonst. Und um ehrlich zu sein, ist dies der Ort, an dem Sie den größten Teil Ihrer Programmierung oder Web-Entwicklungsabenteuer verbringen. Nehmen wir an, hier ist ein Thema, wie man sich in Zukunft horizontal auf Element zentriert, Sie werden dies zum Beispiel mit CSS lernen wollen. Und es gibt viele Antworten hier, richtig? Und stellen wir uns vor, der Farbstoff möchte diese Antwort teilen. Und lasst es uns kopieren, und lasst es uns hier setzen. Wie Sie sehen können, sind wir an der Spitze der Website. So etwas zu teilen ist Jazz, nicht gut, oder? Weil Sie die Person schicken müssen, mit der Sie es teilen möchten, wo das schön ist, richtig? Verwenden Sie die Lösungsnummer baba, baba Marke, er muss zu der Lösung scrollen, die dumm wäre oder die Lösung verwenden, die von der Person erstellt wurde. Dumm, blöd. Hier haben wir einen Share Button. Und wenn ich es kopiere und hier einfüge, bam, sind wir sofort bei dieser Antwort. Was hat sich geändert? Schauen Sie hier auf den Link. Wir haben so etwas. Hash und die Zahl. Und diese Zahl nach dem Hash sagt, dass wir zu diesem spezifischen Label springen müssen. Während dieses Etikett ich sehen kann, können Sie tun. Okay, benutzen wir bitte die Tastenkombination „Steuerung“. Plus drei plus i, benutzen wir den Inspektor hier. In der Chrome, es ist Control plus 3 plus j. okay? Und lasst uns hier springen. Vielleicht ist Scheiterhaufen der Schlüssel. Hier. Wie Sie hier sehen können, haben wir diese Nummer hier. Also, um ein Label zu erstellen, müssen Sie was eingeben? Angkor Typ, der Name der Arbeit. Und dann muss jemand im Browser so etwas eingeben, oder Sie können es eingeben, richtig? Und dann springt der Webbrowser zu diesem bestimmten Ort auf Ihrer Website. So funktioniert es. Okay, lass es uns tun. Lass es uns tun. Wenn wir auf unserer Seite sind, haben wir keine Schriftrolle, weil wir keinen Inhalt haben. Also müssen wir Inhalte erstellen oder einige Brotzeilen-Tags wie diese erstellen, zum Beispiel. Okay, lassen Sie uns ein paar davon erschaffen. Und so lasst uns hier so etwas setzen. Geh nach oben. Lassen Sie uns also einen Anker erstellen, der es uns ermöglicht, an die Spitze unserer Website zu gehen. Okay, also lasst es uns tun. Nicht was? Geh nach oben, so etwas wie sie nach oben gehen würden. Jetzt, wenn wir hier schweben, gehen Sie nach oben, wie Sie sehen können, sind wir nicht an der Spitze, Garcia, am Ende unserer Website. Das liegt daran, dass dieses Ding hier hinzugefügt wurde, aber wir haben keinen Anker, zu dem b gehen kann, richtig? Wir müssen dasselbe erschaffen, wie sie es hier getan haben, oder? Was haben sie getan? Ein Name, rechts, also Anker mit dem Namensattribut. Also lassen Sie uns es Namensattribut erstellen und nennen es geht nach oben. Jetzt gehen wir hierher und ich klicke darauf. Wie Sie sehen können, können wir zum Dope springen. Und das ist ziemlich cool, oder? Wir können an jeden Ort springen, den wir wollen, also können wir , nun, das ist ziemlich nützlich zu schreiben, weil wir zum Beispiel in der unteren rechten Ecke setzen können, die zu dub gehen, wenn jemand sehr weit weg scrollt und er zu DAPI gehen will, kann einfach darauf klicken und nach oben springen. Aber es wäre toll, wenn diese Schaltfläche nach oben gehen würde mit dem Scroll bewegen. Aber wir werden über solche Dinge lernen, wie man Dinge in die untere rechte Ecke und wie man sie bewegt, wenn jemand in Zukunft scrollt. Das ist also nicht das Thema dieser Vorlesung. Allerdings sind diese ziemlich nützlich auch, richtig, weil es Ihren Anruf, Ihre Website ein bisschen besser für den Benutzer macht . Also geh zu dub, funktioniert gut. Aber stellen wir uns vor, wir haben den hinteren irgendwo, oder? Stellen wir uns vor, wir haben die Umfragen über Knaflic. Und sagen wir, wir wollen dazu springen, oder? Also, was wir brauchen, um einen Anker zu erstellen, und lassen Sie uns gehen, zum Beispiel, Nummer 45815, richtig? Ich weiß es nicht. Vielleicht lassen Sie uns sagen, dass dieser Puls diese Zahl ist. Also lassen Sie uns jetzt Ratenanker hier erstellen, und lassen Sie es uns so nennen, richtig? Und wie Sie sehen können, funktioniert es gut. Wenn ich darauf klicke, muss ich über nichts pausieren. Wenn ich auf klicke, gehen Sie zu einem Top, ich gehe hier. Aber es gibt ein Problem, weil wir Anker für Walt verwenden, für ganzen Text und sollte für Links verwendet werden, okay, nicht für den gesamten Text. So genannte lösen Sie dieses Problem zum Beispiel, so. Wie Sie sehen können, funktioniert es gut. Nehmen wir jedoch an, dass Sie in Zukunft JavaScript und Sie möchten, zum Beispiel, den Text hier extrahieren, nicht wahr? Also in bemüht Tagging Seite, hier ist dieses rosa. Glauben Sie mir, das nennt man hier nicht so etwas. Also lassen Sie es uns vielleicht hier setzen. Mal sehen, was passiert. Wir haben hier Platz. Warum ist es so, weil der Absatz einfach einen gewissen Rand an den oberen und unteren Rand hinzufügt. Okay, also ist diese Lösung auch nicht gut. Das sind keine Lösung. Ja, wir können ID verwenden, die Attribut-ID, und das heißt, er würde nach oben gehen. Ich meine, nicht gut mit etwa 450. Wie Sie jetzt sehen können, sind wir hier. Sie können hier das Namensattribut nicht verwenden. Es wird einfach nicht funktionieren. Wie Sie sehen können, funktioniert es nicht richtig? Um zu TEM zu gehen, funktioniert es, weil es unter einem Namen ist, funktioniert nur auf dem Stapel, okay? Sie müssen also ID verwenden, um es so zu tun. Und Sie fragen sich vielleicht, warum Sie sich überhaupt die Mühe machen, diesen Link direkt hier zu verwenden. Und wir könnten einfach die ID verwenden, die auf alles schauen kann. Um ehrlich zu sein, das ist eine sehr, sehr gute Frage. Und Sie können sogar eine Frage wie diese auf diesem Stapelüberlauf finden. Wenn Sie wollen, können Sie es lesen und finden. Das ist eine Übung, die man erkennen muss. Gehen Sie einfach dorthin und versuchen Sie, dieses Thema zu finden, weil , na ja, Sie wissen, müssen Sie diese Website kennen. Wirklich guten Abend. Dies ist eine der besten Websites, auf denen Sie Lösungen finden können. Okay, also lesen Sie darüber. Aber ich werde auch etwas von mir sagen, okay? Und das erste ist, dass, wenn Sie das Anker-Tag in Zukunft verwenden, Sie etwas mit dem CSS lernen werden und Eve Sie wollen, wissen Sie, jeden Anker stylen, also jeder Link, dann kann dies einige Probleme verursachen, oder? Also ist die Lösung wie diese besser als, richtig? Und meistens wird die Lösung die beste sein. Aber es ist immer schlecht, oder? Es kann eine Situation geben, in der Sie zwei Werte hier und einen anderen Wert, zum Beispiel für die ID, setzen möchten. Und das Problem ist, dass Sie zwei Werte in ID haben können, okay? Es wird einfach nicht funktionieren, wenn Sie aufhören zu arbeiten. Wenn ich darauf klicke, funktioniert es einfach nicht. Wir können hier nur einen Wert haben, okay? Und das verursacht ein Problem. Und ich denke, deshalb hat der Stack Overflow die Lösung, denn wie Sie sehen können, war es hier sehr ähnlich. Und Sie können sehen, dass ich bin sicher, dass sie etwas im Hintergrund verwenden. Und sie wollen sich einfach nicht wiederholen. Es könnte also eine Zeit geben, in der Sie ID einfach nicht verwenden können. Die meiste Zeit kannst du. Ok. Und ich ziehe es vor, die ID-Version zu verwenden. Aber IV, es gibt einen Tag Zeit, wo Sie sich fragen, hmm, ich muss hier eine andere ID hinzufügen. Dann müssen Sie sich an diese Lösung halten, okay? Dies wird auch besser unterstützt. Aber um ehrlich zu sein, das wird unterstützt, denke ich sogar in Internet Explorer 6. Also denke ich nicht, dass wir uns jetzt um Unterstützung kümmern sollten. Du kannst einfach vorbei, vorbei, alles zu tun. Verwenden Sie also die meiste Zeit die Lösung. Gut zu wissen, dass es eine Lösung wie diese gibt, weil Sie mit anderen Menschen benötigen, die die Lösung verwenden. Und das ist der Unterschied. Ich möchte auch in dieser Vorlesung hinzufügen, dass Sie etwas schneller nach oben gehen können. Sie müssen so etwas nicht tun. Stellen Sie sich vor, Hey, sagen wir, dass wir einige Inhalte hier direkt später auf unserer Website hinzugefügt haben. Und unser Top ist, wo es nicht am selben Ort ist, genau hier, im Moment. Und wenn Sie hier oben tippen, springen Sie immer nach oben. Sie müssen nicht, Sie müssen das Etikett nicht einmal erstellen. Es wird immer auf unserer Website funktionieren. Du hast getippt, du bist an der Spitze, okay. Sie können den Hash auch eingeben, und sie haben ihn auch gezählt. Es gibt also zwei Versionen, oben oder die Hash-Single Tosh, okay? Ich bevorzuge das hier, denn nun, es steht, was wir hier erreichen wollen, richtig? Okay, also schick jemanden nach oben, richtig. Das Ding ist etwas weniger beschreibend, oder? Also benutze diese Version, denke ich, um jemanden nach oben zu schicken. Das ist nur eine gute Lektion. Vielen Dank. 32. So erstellst du einen Link für E-Mail?: Hallo, mein Freund. Auf jeder Seite sollten Sie immer eine Kontaktinformationen zu Ihnen, oder? Also sollten Sie dort wenigstens eine E-Mail, Telefonnummern, Probenahmen wie das vorlegen , richtig? Weil es die Glaubwürdigkeit Ihrer Seite erhöht. Wie man es richtig macht? Nun, du könntest so etwas tippen. Ihr E-Mail-Name, domain.com. Na gut, klingt so. Und das Programm ist, dass es nur ein Text ist, oder? Ich denke, dass es besser ist, dass wir, wenn wir darauf klicken, ihr Programm ausführen das auf dem Computer des Benutzers installiert ist, mit dem er E-Mails senden kann. Das würde sich erhöhen, was die Zeit, die er braucht, um Sie per E-Mail zu kontaktieren, verkürzen würde. Und, weißt du, Zeit ist Geld, oder? Für jedermann. Und sie werden so etwas zu schätzen wissen. Wie macht man es? Nun, um es zu tun, müssen Sie das Anker-Tag erstellen. Und Sie können Emit dafür verwenden, um Ihnen mit dem männlichen 2-Wert für das Attribut einer Referenz zu helfen, richtig? Und hier geben Sie den Namen der E-Mail an, in die Sie ihn senden möchten. Und dann ziehen Sie hier den Text. Das muss sein, dass das sichtbar sein sollte, wie zum Beispiel E-Mail, was auch immer, oder? Und jetzt, wie Sie sehen können, haben wir so etwas hier. Wenn ich darauf klicke, habe ich eine Tonne dort, bert Programm auf meinem Computer installiert und jetzt kann ich hier sofort ihre Haupt senden. Das ist also ziemlich cool, oder? Weil es das Programm ausführt, das auf meinem Computer installiert ist. Wenn jemand das Mobiltelefon benutzt, wird es die mobile Anwendung ausführen, die ihm erlaubt, die E-Mail zu senden. Das ist also ziemlich genial, oder? Und ist das alles für diesen Vortrag? Nun, das erste ist, dass, wenn Sie das Bild so auswählen, das ist cool, dass, wenn Sie Verschlimmerung mit hier hinzufügen, es wird bemerken, dass der Text E-Mail war und es wird die E-Mail sofort hier setzen. Das ist cool, nicht wahr? Es sind Beschleunigungen, sogar die Dinge ein bisschen mehr, oder? Wie Sie sehen können, funktioniert es immer noch gut. Sie können auch das Thema hinzufügen, okay, damit wir so etwas tun können. Dies ist wie zum Beispiel Frage, Thema gleich Frage, Frage von dieser Seite. Über Katzen, so etwas. Dies ist also ein Standardthema. Nun, wenn ich darauf klicke, werden Sie feststellen, dass hier in der Karte sie in Poesie sehen ist Thema. Und wir haben mit Ihrer Frage von dieser Seite über GOT, das ist ziemlich cool, weil einige Leute nicht Themen von denen setzen. So haben einige von ihnen mit Themen gezogen, die nicht mit dem Text verbunden sind. Und dieses Ding ermöglicht es Ihnen, ein Standardthema zu haben , das zumindest das Me Too von verbindet, na ja, es kam von rechts? So können Sie hier das Standardthema mit der Konstruktion wie folgt setzen, okay, also machte den Doppelpunkt als männlich, dann das Fragezeichen als das Subjekt Gleichheitszeichen und dann den Inhalt des Subjekts. Die Standardeinstellung, während ich empfehle, diese Swing zu machen, ist es in dieser Vorlesung? Beachten Sie, dass wir die Adresse zurück verwenden können. Dies ist ziemlich nützlich, so dass wir anderen Stapel wie diesen darauf setzen können. Ich mag es, es so und y formatiert zu haben, um es sogar zu stören. Nun, Sie informieren, indem Sie das Adresse-Tag hinzufügen, dass der Inhalt davon nur eine Adresse ist. Ok? Warum überhaupt die Mühe zu tun selbst benötigt? Weil Google jetzt weiß, dass das Adresse ist, okay? So könnten Sie ihm weitere Informationen wie zum Beispiel Ihren Vor- und Nachnamen zur Verfügung stellen. Und zum Beispiel können Sie hier setzen Woher kommen Sie, wo Ihr Unternehmen gedeiht? Oder Sie können diese oft Nummer und so weiter, richtig, in den Adressstapel setzen. Und dann wird die Google wissen, dass, okay, dies ist kein Text in Bezug auf den Artikel, den Sie sind, zum Beispiel, zeigen auf ihrer Seite oder ein In Bezug auf es Produkt, das Sie verkaufen möchten. Dies ist nur eine Adresse, okay, das ist eine zusätzliche Information für Google. Sie haben wahrscheinlich auch bemerkt, dass der Inhalt hier jetzt mit dem kursiven Tag geschrieben wird , genau hier ist wie ein Ethylen, das auf jedem Denken gesetzt wird. Nichts hat sich richtig geändert? Wenn ich das Ich setze oder wenn sie es entfernen. Können Sie also das Standardverhalten ändern? Ja, du schaffst es. Aber um es zu tun, müssen Sie das CSS kennen, über das wir in der zukünftigen Lektion sprechen werden. Vielen Dank. 33. Telephone: Hallo in der Adresse. Ich denke, es ist eine gute Idee, Ihnen auch die Telefonnummer zur Verfügung zu stellen. Es erhöht auch die Glaubwürdigkeit Ihrer Website. Ich denke, es ist sehr wichtig, die Telefonnummer anzugeben. Mach dir keine Sorgen, auch wenn deine Website sehr beliebt ist, willst du gute Manakles. Glauben Sie mir, ich gebe die Telefonnummer an und viele, viele Leute besuchen meine Website und es ist selten, dass jemand anruft. Es ist eine gute Idee, eine geschäftliche Telefonnummer von Co zu haben, natürlich ist es keine gute Idee, dem persönlichen eine Telefonnummer hier zur Verfügung zu stellen, denn manchmal kann man jemanden bekommen, man nicht von Domain-Angriffen anrufen möchte. In diesen Tagen kann man nicht einmal Menschen sein, also mach dir keine Sorgen, nur vorausgesetzt, weil es die Glaubwürdigkeit wirklich erhöht hat. Okay, also, wie geht es? Nun, Sie können die Nummer, zum Beispiel, hier, so setzen . Es ist wichtig, die Leerzeichen hinzuzufügen. Ich denke, weil es die Sichtbarkeit Ihrer Anzahl erhöht , ist es einfacher, auf Papier zu schreiben, wenn jemand sagt, die Nummer so, wir haben diese Basis ist nicht ohne sie, richtig? Es ist einfacher zu lesen und sich daran zu erinnern. So machst du es also. Aber das Wichtigste für uns ist jetzt, dass wir eine Verbindung herstellen können. Ok? Also lassen Sie uns den Link zustimmen. Und um einen Link zur Nummer zu erstellen, geben wir nicht männlich 2 ein, aber wir könnten das sagen eingeben. Also sind es Hemden fürs Telefon, oder? Und dann der Doppelpunkt, es ist wichtig, den Doppelpunkt hier zu setzen und dann das Pluszeichen. Und dann müssen Sie hier den Ländercode eingeben, den Sie in Google finden können. Sie können einfach Ländercodes eingeben. Und zum Beispiel, für Polen, ist es was? Es ist 489. Also vier bis acht und dann die Nummer, die dir gehört, richtig? Und jetzt, wie Sie sehen können, möchte ich, wenn ich darauf klicke, eine Anwendung auswählen, die ausgeführt werden soll. Nun, wenn Sie einen Webbrowser mit Ihrem Telefon verbunden haben, können Sie die Nummer sofort an Ihr Smartphone senden. Das ist ziemlich cool, oder? Das ist der erste, ist jemand besucht Ihre Website auf dem Smartphone. Er kann einfach darauf klicken und dich sofort kalt machen. Das ist auch ziemlich cool, oder? Weil er es nicht tun muss, schreibe ich es auf Papier. Er muss es sich nicht auswendig lernen. Es ist also ziemlich cool, dass es einfach angeklickt werden kann und dann zum Beispiel die Anwendung wie hier auswählen kann. Welche Art von Anwendung, wissen Sie, Skype, was auch immer die Menschen können eine installierte App, die ihnen erlaubt , mit dem Mikrofon auf dem Computer auch anrufen, so dass sie einfach darauf klicken und den Anruf Sie vom Computer aus. So ist es auch einfacher und alles, was es ihnen leichter macht, wird von ihnen geschätzt. Also denken Sie daran, es ist cool, so etwas hinzuzufügen. Um dies zu tun, müssen Sie IPS anpassen, Scollon vor dem Pluszeichen ihren Ländercode mitteilen, richtig? Und deine Nummer. Und hier können Sie natürlich eingeben, was Sie wollen, schreiben Sie was auch immer, oder Sie können die Schriftart eingeben, zum Beispiel. Aber ich denke, es ist eine gute Idee, zu wiederholen, was das hier , denn nun, vielleicht jemand, der keine Anwendung verwenden will, vielleicht will jemand es aufschreiben. Dann ist es eine gute Idee, es so auszudrücken. Sie können das Bild auch dafür verwenden, wenn Sie sich nicht daran erinnern möchten. So können Sie einfach den Doppelpunkt benutzen und dann telefonieren. Und wie Sie sehen können, wird dieser Teil der Verbindung zum Telefon sofort hier platziert. Geben Sie einfach Ihren Tag Ländercode und die Nummer ein, die in dieser Lektion steht. Ich danke Ihnen sehr. 34. headers h1 bis h6: Hallo, mein Freund. Heute werde ich Ihnen beibringen, was unsere Header und wann sollten Sie sie verwenden? Weil Header ihren Inhalt Ihrer Website verbessern , weil Sie die Benutzererfahrung Ihrer Website besser machen. Warum ist das so? Nun, was ist ein Header? Der Header ist nur ein einfacher Text. Ja, das ist es. Aber es ist groß. Sie ist vergrößert und befindet sich auch oberhalb unseres Textes. Ok? Und diese Vergrößerung, diese Erweiterung, fordert den Benutzer auf, sich mehr auf diese Art von Texten zu konzentrieren als das, was unter der Überschrift steht. Okay, wie erstellen wir Header in HTML? Um es zu tun, verwenden wir Tag, das aufgerufen wird, zum Beispiel H one. Und was auch immer ich hier tippe, wird ein Header sein, Header. Das Wichtigste. Mal sehen. Wie Sie sehen können, haben wir hier eine große Texte, wie ich sagte, und es ist auch fett, richtig? Und auch können wir sehen, dass Zusammenführung addiert und unten. Das ist also ein Header und diese ziemlich sicher werden den Benutzer darauf konzentrieren, richtig? Er wird lesen, dass das erste, was sich hier nicht auf die Dinge konzentrieren wird, und er wird sich hier auf diesen konzentrieren. Und deshalb benutzen wir Schlagzeilen, richtig? Wir erstellen sie, um die Aufmerksamkeit auf den Schlüssel, die wichtigste Botschaft des Textes, zu konzentrieren. Einige Teile der Texte möglicherweise nicht interessiert Lachs und Überschriften ermöglichen es Ihnen, schnell auf den bestimmten Teil der Texte zu springen, die den Benutzer interessiert. Die Überschrift sagt dem Benutzer kurz und kurz, worum es im nächsten Absatz geht, was den Text leichter lesbar macht. Und wenn es einfacher zu lesen ist, ist der Benutzer was? Glücklicher. Er ist glückliche Männer. Nun, das ist entscheidend für jeden guten Artikel. Ok? So, wo unsere Schlagzeilen zum Beispiel verwenden, kann eine Überschrift Texte in einer viel größeren Schrift in der Zeitung geschrieben werden, als wären es die Untertitel einzelner Texte. Eine solche Überschrift wird verwendet, um Aufmerksamkeit zu erregen oder die Lesbarkeit von Texten zu erhöhen, oder? Okay, so erstellst du eine Überschrift, eine J1. Warum ist es ein J1? Nun, h ist der erste Buchstabe für aus dem Wort-Header, richtig? Header Okay, deshalb ist es Alter. Und die coole Sache ist, dass es mehr als einen H-Header gibt. Nun, Sie können a1, a2, a3, 4, 5 und 6 eingeben . Es gibt sechs Versionen von Headern. Was ist der Unterschied? Nun, das ist etwas kleiner als eins. Dies ist ein bisschen kleiner als h, hier, wir werden es ändern, um alt frei. Das ist etwas kleiner als h und so weiter, richtig? So können Sie das sehen, das Wichtigste, und sie werden standardmäßig kleiner. Sie können das Standardverhalten ändern, aber Sie sollten es nicht von diesem Raum aus tun, aus dem HTML-Körper mit CSS, über das wir in Zukunft sprechen werden. Lassen Sie uns zu dem Artikel über den Vortrag springen, den Sie hören. Beachten Sie, dass ich hier einige SMS bekommen habe, die Sie in diesem Vortrag gehört haben. Und beachten Sie, dass ich hier gute Kopfzeilen habe. Und wie ich bereits sagte, wenn Sie die Kopfzeile sehen, können Sie sofort sehen, was darunter ist, oder? Da die AGI, also warum erstellen wir Header es? Okay, in diesem Teil geht es darum. Sie müssen also nicht den gesamten Artikel lesen. Sie können einfach zu dem bestimmten Teil des Artikels springen und lesen Sie einfach den Teil, an dem Sie interessiert sind. Dies erhöht die Lesbarkeit Ihres Artikels und der Benutzererfahrung und was auch immer, denken Sie daran, was auch immer die Benutzererfahrung erhöht, macht Ihre Website anspruchsvoller. So wird Google höher rangieren, und auch Leute werden es mehr besuchen. Es ist also ziemlich wichtig, Header zu verwenden. Und der Header, der H1 ist, sollte nur einmal verwendet werden. Das ist nur etwas, das Sie über jede Unterseite auf Ihrer Seite nachdenken sollten , Okay, Website. Dies ist also wie die wichtigste Nachricht in Bezug auf den Artikel, den Sie auf Ihrer Seite beschreiben. Ok? Beachten Sie auch, was passieren würde, wenn ich zurückgehe, sagen wir, es wird nicht ein Header sein und M, alles klar, es wird hier so sein. Was wird passieren? Sie können sofort sehen, dass dieser Text nicht so leicht zu lesen ist wie zuvor, oder? Es ist immer besser, wenn wenigstens dieses Ding kühn wäre, zum Beispiel, richtig? Das ist ziemlich wichtig, um Header zu erstellen, okay? Über den Texten, die Sie unter der Kopfzeile haben werden. Also gehen wir zurück zu diesem Thema. Wie Sie sehen können, könnte der Header anders gestylt werden. Genau hier, es ist alles hier, es ist größer. Und es ist auch hier nicht fett, wie Sie sehen können, es ist fett und größer und dann wird es mit jedem Header kleiner. Aber Sie können dieses Verhalten ändern, um es zu dem zu machen, was Sie wollen, aber mit dem CSS, das Sie in Zukunft nicht lernen können. Okay, das ist Zeit für eine Übung. Wie Sie hier unten sehen können, ist ein Text, den wir jetzt gehen. Formatieren Sie den Beat, richtig? Weil hier alles in einer Zeile steht. Das ist ziemlich nicht zuverlässig, oder? Wenn jemand einen großen Teil von Texten sieht, wird er ihn nicht lesen. Erinnern Sie sich daran. Also müssen wir es formatieren. Wie Sie sehen können, habe ich den Beat BAD bereits in Visual Studio-Code formatiert. Also könnte ich es als Übung machen. Okay, Sie können entweder allein tun, oder wir meinen, wenn Sie schreiben wollen. Und wie Sie hier sehen können, haben wir so etwas wie die Grundlagen der Seitenerstellung, kurze Einführung. Ich denke, das scheint die gute Sache für den Header zu sein, oder? Dies ist wie das Hauptthema von allem hier unten weil wir nicht darüber sprechen, was ein HTML und CSS ist. Also diese Dinge, denke ich, sind mit dem Haupt-Header verbunden, also können wir sie nicht H2 nennen. Und diesen Flügel nennen wir auch H2, richtig? Und wie Sie sehen können, wird das etwas besser, oder? Weil wir die Grundlagen der Seitenerstellung haben. Kurze Einführung. Was ist HTML? Okay, so süß sind Dinge in Bezug auf HTML oder das CSS. Okay, hier werden wir über CSS reden. Es wird besser. Okay, lass uns jetzt, zum Beispiel, was tun? Ich denke, dass wir hier haben, was eine Art von Frage, die durch das Gesetz beantwortet wird. Also, was ist die Steuer? Okay, also denke ich, dass dieses Ding h3 sein kann, oder? Weil das hier mit H zwei verbunden ist. Also lasst uns dies in H-Rahmen ändern. Und auch was ist ein Selektor H frei. Und wie füge ich die CSS-Datei pij a tree ein. Und jetzt wird es immer besser. Wie Sie sehen können, all diese Dinge hier. Ich denke, es sind Absätze. Wir können also sagen, dass dies eine Art von Texten ist, oder wir sollten alle auswählen und sie in den Absatz setzen. So weiß der Google, dass dies Text ist. Ok. Wir müssen es nicht tun. Wie Sie bemerkt haben, wahrscheinlich sogar um zu sehen, dass dies Text auf der Seite ist. Also, wenn Sie hier schauen, aber denken Sie immer daran, dass Text. Wenn es sich um einen Text wie ein Artikel handelt, ist es ratsam, ihn so in den Absatz zu setzen. Und Sie müssen nach oben gehen, beachten Sie, dass dies nicht so zuverlässig ist, so gut zu lesen wie zuvor, aber es liegt daran, das Standardverhalten für 3, 2 und 1 in diesem Fall nicht so gut ist, oder? Wahrscheinlich dafür, was ist Selector? Es wäre besser, es zum Beispiel hier in der Mitte zu schaffen, oder? Zentrieren Sie es zum Beispiel. Und Sie können es mit einer Art Tag zentrieren, das Zentrum genannt wird. Wie Sie sehen können, ist es gerade eine rote DAG. Und es ist rot, weil es nicht mehr verwendet wird weil Dinge wie das durch CSS gemacht werden sollten und wir werden darüber in Zukunft sprechen. Also das, was ich betrogen habe, wurde vor langer Zeit in HTML verwendet, aber heutzutage, benutze es nicht. Und wahrscheinlich, nun, diese wären etwas leichter zu lesen, wenn es mehr Texte gäbe, oder? Das sind sehr kurze Texte. Also, wenn es hier mehr Texte gibt, wird das jedes Mal leichter zu lesen, oder? Du könntest auch, ich weiß nicht, Non-Verb, dass was auch immer, das, das wird besser, wenn der Text größer ist, oder? Vielleicht wird hier in diesem speziellen Fall die Randregel drei nicht benötigt. Aber nun, wahrscheinlich würde niemand einfach so etwas eingeben, um einen Kämpferpilot anzubringen, benutzen Sie das Link-Tag im Kopfbereich. Sie werden Ihnen dann ein Beispiel geben, wie es geht, oder? Und dieses Ding, würde es etwas Platz brauchen? Wir können sogar so etwas mit so etwas wie Lorem, Ipsum, Emmet Abkürzung tun. Wie Sie sehen können, wird das jetzt ein großes, ein bisschen größer. Wir können Lorem tippen und wir können es zum Beispiel mit 50 multiplizieren, wie Sie jetzt sehen können, ist es größer und okay, wie könnte ich sehen, ist diese schöne Seite und jetzt ist er groß. Wahrscheinlich müssten solche Texte sowieso gespalten werden. Diese werden also auch Nacht angezeigt, wenn Sie Platzhaltertext wünschen. Und nun, die nächste Übung, die ich Ihnen zeigen möchte , ist, wie Sie die Header von H1 bis H6 erstellen. Versucht, es allein mit Hilfe von emittierten wir vor gesprochen, wie es zu tun? Nun, h multipliziert mit 6, wie Sie sehen können, Mais uns suchen Stapel genannt h, richtig? Aber wir wollen Zahlen dort. Also lasst es uns so machen. Dies sind Zahlen wie 1, aber wir wollen 1, 2, 3, 4, 5, 6, 7. Und ich sagte Ihnen, das wird anstelle der Nummer des Dollarzeichens verwendet, wir werden von eins bis zu der Zahl zählen, die hier ist, Schriftsteller. Also haben wir sechs und 12, 34, 56. Okay, das ist, das ist ziemlich cool. Jetzt brauchen wir den Inhalt. So, wie man einen Inhalt zu erstellen? Nun, wenn Sie die geschweiften Klammern verwenden und die Kontur hier setzen. Und wie Sie sehen können , haben wir hier den Text. Oh, tut mir leid, das ist an der falschen Stelle. Der Inhalt sollte hier sein, oder? Wie Sie sehen können, haben wir hier einen Text. Und auch wir wollten nummeriert, aber beginnend von eins bis sechs. Und wie Sie sehen können, funktioniert es gut. H1 bis H6. Sie haben wahrscheinlich bemerkt, dass ich einen Fehler gemacht habe, und das ist völlig okay, weil ich ein Mensch bin, oder? Ich sage Ihnen das, weil wahrscheinlich, wenn Sie versuchen, Ihren Code zu schreiben, wenn Sie versuchen, etwas für Scott zu schreiben, würde Ihr Schriftzug gerade jetzt? Du wirst Fehler machen. Und du musst wissen, dass ich vor dem Vortrag vorbereitet bin, richtig? Und ich mache weniger, weniger von ihnen, weniger Fehler, weil ich bereit bin und auch ich Erfahrung in dieser Angelegenheit habe, richtig? Aber wir Menschen neigen dazu, Fehler zu machen, mach dir keine Sorgen, und fühle dich nicht überfordert, wenn du die Antwort nicht sofort kennst. Wenn Sie es sind, wenn etwas nicht richtig funktioniert, ist das ziemlich normal. Ok? Sie sind am Anfang einer Reise und selbst wenn Sie bei Vance sind, wenn Sie fortgeschrittene Erfahrung in etwas haben, werden Sie Fehler machen, vielleicht weniger von ihnen, aber Sie gehen jetzt machen sie und nicht sofort keine Antworten. Außerdem sage ich dir das und ich behebung fast nicht jeden Fehler im Nachbearbeitungsrecht. Weil ich die letzte Sekunde löschen konnte, in der ich so einen Fehler gemacht habe und dir zeigen konnte, dass ich keine Fehler mache, aber es würde dich einfach Kriege fühlen lassen, richtig? Weil du so sein wirst, okay, dieser Kerl macht mich nicht krank. Wie zum Teufel macht er alles richtig, richtig. Ich werde nie so sein wie er. Um ehrlich zu sein. Du bist genauso wie ich, aber ich habe genauso ein bisschen erfahrener als du. In Zukunft. Du wirst all die Dinge tun, die ich so schnell mache wie ich. Es gibt auch eine coole Abkürzung, über die ich nicht gesprochen habe. Es ist unsere Klasse Z. Wenn du solche Texte hast. Und es geht hier hoch. Wie Sie sehen können, ist es schwer, Orange zu lesen. Überprüfen Sie, ändern Sie etwas sogar in diesem Text. Und um es zu ändern, können Sie den Text mit der Al plus Z Verknüpfung umbrechen, wie Sie jetzt sehen können, ist alles hier umgebrochen, so wenn der Text nur ein bisschen zu groß auf dem Bildschirm ist. Also, wenn du scrollen musst, wird es einfach so eingewickelt, oder? Und Sie müssen wissen, dass es das Aussehen des Textes hier drüben ändert. Es wird nicht geändert werden, aber hier ist es einfacher, jetzt etwas zu ändern, einen neuen Text hinzuzufügen, oder? Daher empfehle ich dringend, diesen Modus zu verwenden. Das ist nur die Lektion. Haben Sie einen guten Tag und es gibt immer, denken Sie daran, dass ich hier bin, um Sie zu unterstützen, falls Sie irgendwelche Fragen haben. Haben Sie einen guten Tag. 35. Cite vs. blockquote: Hallo an alle. Heute werde ich Ihnen den Unterschied zwischen der Warteschlange gut aussehen und der Standortsteuer beibringen. So werden wir heute lernen, wie man jemanden wie zum Beispiel Albert Einstein zitiert. Wie Sie sehen können, um jemandem zuzuweisen, dass wir die Tack auf seinen Namen oder seinen Namen und das Buch, in dem er es geschrieben hat, oder Sonntag URL verwenden sollten , richtig? Wir müssen die Website eingeben, wie woher der Text, der in Blockquote ist oder das q-Tag kommt. So ist die Website dunkle Inhalte, zum Beispiel, der Name der Person, die wir sehen. Und dann ist der Inhalt innerhalb des Blockquote. Im q-Tag. Wir haben auch jemanden zitiert und hier haben wir zur Verfügung gestellt, wer es gesagt hat, richtig. Aber wir haben es in ihm getan, weil er wie Just Adam hier ist. Wir haben ein Angebot gemacht, besser zu einigen als zu 0 gehören. Und dann sagten wir, dass der Sprengstoff von Angie Sepkoski gesetzt wurde, die Blut entwickelt Buch. So haben wir auch das Buch zur Verfügung gestellt. Es ist ziemlich wichtig zu sagen, wo es herkommt. Nun, wir wissen nicht, woher diese Texte kommen. Wenigstens weiß ich es nicht. Dieses Ding wurde vor langer, langer, langer, langer Zeit vor dem Internet gesagt , oder? Also wissen wir nicht genau so traurig zu sagen, dass es speziell aus dem Buch kommt, wie wir hier sagen können, oder? Was ist der Unterschied zwischen dem Q und dem Blockquote? Nun, wie Sie sehen können, ist blockquote ein Blockzitat. Es bedeutet, dass, wenn wir hierher gehen, es ein Block ist, was bedeutet, dass wir Marge nach oben und unten haben. Es bedeutet, dass der Text nicht nebeneinander ist. Es ist nicht in der Linie, wie im Falle des Zitats. Zurück. Wie Sie sehen können, ist das q-Tag, das hier ist, inline, richtig? Es hat nicht die helle Linie hinzugefügt, oder? Das ist also der erste Unterschied. Der zweite Unterschied ist, dass, hey, bemerken, dass wir hier haben, Zitat, die Zitatzeichen, sie sind nicht hier. Das ist also der Hauptunterschied. Und die Leute empfehlen, das Code-Tag für Dinge zu verwenden, die nur 94 kurz sind, Dinge wie diese in Ordnung, für größere. Ist das, weil dieses Wort beabsichtigt war, als jemand diese Dunkelheit erschaffen hat. Ok. Sie können immer lesen, wann etwas verwendet werden soll. Wenn Sie die Maus über das Tag bewegen, wie Sie sehen können, das Seitenelement einen Verweis auf ein kreatives Werk dar. Es muss den Titel des Werkes oder den Namen des Autors oder eine URL-Referenz enthalten , richtig? Oder, und Referenz in abgekürzter Form und so weiter. Aber Sie können sehen, wie etwas verwendet werden sollte, wenn Sie die Maus in Visual Studio Code bewegen, es ist ziemlich nützlich Sache. Und auch wenn Sie hier auf diesen Link klicken oder ihn direkt in Ihren Webbrowser kopieren, können Sie mehr darüber lesen. Ich finde das hübsch, ziemlich cool. Also lasst uns dieses Zitat lesen, weil ich es wirklich mag. Lassen Sie uns diesen Vortrag beenden. Nachdenken. Es ist bekannt, dass eine solche und eine solche Idee unmöglich umzusetzen ist. Aber es gibt einige ignorieren Tiere. Also jemand, der unwissend ist, also ist jemand vielleicht dumm, der nichts davon weiß. Und er macht das stationär. Vielleicht war er nicht so dumm, wie alle sagten, er hätte Recht. Es ist sehr cool, Zitat, weil es zeigt, dass wir nicht auf Definitionen schauen und ihnen 100% glauben sollten. Weil wir wissen, was wir im Moment wissen, nicht mit unserem aktuellen Wissen ist wahr, aber vielleicht gibt es etwas, das wir vermissen. Es kann also einen Leitfaden wie diesen mit Ignoramus geben. Und er ist unwissend, und er wird nicht über die Dinge, die gesagt wurden, tragen. Und er wird etwas erfinden. So wird Erfindung zum Leben erweckt. Ich liebe dieses Ding wirklich. Also hören Sie nicht immer auf Dinge, die uns zur Verfügung stehen, weil vielleicht, vielleicht sind sie nicht die richtige Immer. Haben Sie wahrscheinlich bemerkt, dass der Blockcode irgendwie gebunden ist und Sie vielleicht nicht mögen, wie es Stil ist. Vielleicht bevorzugst du das hier. Immer. Sie können das Standardverhalten so ändern, aber in Zukunft mit dem CSS. Also keine Sorge, es ist gut, die Tags wie diese zu verwenden, um zu informieren, welche Art von Text in Ihrem größeren Text ist, oder? Du informierst das Google-Board, informierst andere Leute, was für ein Text das ist? Es ist wirklich wichtig, solche Dinge zu tun, um Ihren Code ein bisschen mehr Semantik zu machen. Wenn Sie also Bedeutung, semantische Bedeutung geben , können Sie jedoch unser CSS auch die Anführungszeichen mit Entitäten hinzufügen, über die wir gesprochen haben. Es gibt also Entitäten wie untere doppelte Anführungszeichen und rechte doppelte Anführungszeichen. Dann erstellen wir ein Zitatzeichen wie dieses. So können Sie Dinge erreichen. Aber wie Sie sehen können, ist es ein bisschen schwieriger und es ist nicht die beste Lösung. Sss ist in solchen Fällen immer besser. Das ist ein Dutzend. Vielen Dank. 36. abbr d dfn: Hallo, mein Freund. Heute werde ich Ihnen zeigen, wie Sie Verknüpfungen in HTML richtig definieren und verwenden , um sicherzustellen, dass Roboter verstehen, was Sie in Artikeln schreiben. Um also etwas zu definieren, wie wir hier haben, ist HTML eine Zielsprache, die für die Erstellung von Websites verwendet wird. Wir sollten das sagen, Hey, wir haben hier etwas definiert. Und um es zu tun, verwenden wir ein Tag, das HDFN genannt wird, das steht für definieren die f n, richtig? Und wie zeigen wir das? Wir setzen nur den Angriff definieren auf die Sache, die wir innerhalb des Tags definieren. Wie zum Beispiel, Absatz. Ok? Das ist also ein Par und Stack, weil dieser Text innerhalb des Absatzes ist, oder? Und wir müssen den HTML dort in diesem Absatz jetzt definieren , weil der Stapel darin ist, okay? Jetzt können wir deutlich sehen, dass hier eine Definition ist, also sollten wir sie später in Ihrem Artikel nicht definieren. Aber hier neben wo wir gesagt haben, dass, als wir genau gesagt haben, wo wir angeben, dass Haidt hier eine Definition ist. Ok? Warum tun wir das? Weil Roboter beispielsweise von Google leben, wenn sie Ihre Website sehen und sehen, dass Sie HTML definieren. Und jemand möchte zum Beispiel die Definition von HTML finden und er tippt in Google ein, was ist HTML-Definition? Sie haben eine höhere Chance, richtig angezeigt zu werden? Denn Google wird wissen, dass Sie es definieren. Sie haben nicht nur einen Artikel über HTML gemacht. Sie definieren den HTML-Code. Okay, das ist der Unterschied. Hier haben wir gute etwas wie das, was wir verwenden, heißt JS in diesem Text hier. Und Sie können feststellen, dass wir hier eine Abkürzung haben, jede Abkürzung, wenn Sie es verwenden, um es einfacher zu verstehen für andere zu machen , weil nicht jeder wissen muss, was JS ist. Sie, dann sollten Sie etwas verwenden, das wir verwerfen, angreifen ein Babyhaar, die seine Abkürzung, richtig? Und wir machen es so. Wie Sie sehen können, haben wir hier sofort hinzugefügt, was das Titel-Attribut, wo Sie angeben, wofür diese Verknüpfungen steht. Java-Skript, okay, Dies steht für JavaScript. Mal sehen, was sich geändert hat, wenn wir den Firefox öffnen. Wie Sie bemerkt haben, wird HTML standardmäßig kursiv geschrieben, oder? Weil es keine Schrittbriefe sind, oder? Es ist Italien. Versuchen Sie es jetzt. Und hier js, wenn wir den Mouseover bewegen, haben Informationen, die in Ordnung sind, also steht die Abkürzung für JavaScript und auch wir haben die kleinen Kugeln hier getötet, richtig? Es zeigt sich also, dass es darauf hindeutet, dass sich dort etwas versteckt, richtig? Wenn Sie sie überall bewegen, werden Sie wissen, worum es bei dieser Abkürzung geht? Und diese wirklich gute Idee, solche Dinge zu tun. - Warum? Denn wie ich bereits sagte, nun, Ihre Schüler, Leute, die Artikel lesen, müssen nicht jede Abkürzung kennen. Und wenn Sie Abkürzung Tag verwenden, haben Sie die Google gezeigt, haben Sie sich um die Menschen, um die Benutzer Ihrer Website kümmern ? Sie erhöhen die Lesbarkeit Ihrer, Ihrer Artikel, oder? Wenn Sie die Chance erhöhen, jemand glücklich zu sein, und wenn jemand glücklich ist, googeln Sie diese Hapi, okay, das ist, wenn die Leute die Google-Dienste nutzen. Und deshalb ist die Verwendung von Abkürzung eine gute Idee. Ich werde nie Abkürzung. Sie haben wahrscheinlich bemerkt, dass HTML auch eine Abkürzung ist. Wir haben es hier nicht nur definiert, sondern es ist auch eine Abkürzung, richtig? Sie können also auch ein Tag in ein anderes Tag einfügen, oder? Wir reden darüber. Es ist wie ein verschachteltes Tag. So können wir ihre Abkürzung auch setzen und sagen, dass es die Hyper Text Markup Language ist, richtig? So wie das. Und hier, wie Sie jetzt sehen können, wenn wir die Maus über bewegen, haben wir auch diese Information. Also verwenden wir das hier definierte, weil wir es definieren und wir die Abkürzung Tag verwenden. Weil, nun, das ist eine Abkürzung, richtig? Es ist also eine gute Idee zu zeigen, wofür es steht. Hier. Wir verwenden nur das Abkürzungstag, weil wir nicht definiert haben, was js ist, oder? Wir sagen nur, Hey, wir verwenden diesen speziellen Fall, JavaScript, das ist alles Teil. Wir haben gezeigt, dass es JavaScript für Leute ist, die nicht wissen, wofür diese Verknüpfung steht, und die Lektion entwerfen. Ich danke Ihnen vielmals. 37. Semantische Tags <strong><em>und <b><i>vs</i></b> , ,</em></strong>: Hallo, mein Freund. Sie können Artikel auf Ihrer Seite ohne Formatierung erstellen, und es wird nur ein einfacher Text sein. Aber wenn Sie sich Klartext ohne Formatierung, so haben wir aus, zum Beispiel, Bolding Texte. Also haben wir zum Beispiel dem Benutzer gesagt, hey, wissen Sie, hier ist dieses C, wie sagt, die ersten Buchstaben von hier, zum Beispiel, so. Also, wenn Ihre Texte nur ein einfacher Text ist, ist es nur schwieriger zu lesen, vor allem, wenn es ein längerer Text ist, oder? Nicht ist, dass die neu erstellen, zum Beispiel, mit emit, zum Beispiel, mit der Forumabkürzung. Und wenn wir es zum Beispiel tun, ist der 30-fache Text wie dieser einfach unlesbar, oder? Sie müssen Formatierungen wie zum Beispiel Kopfzeile verwenden, über die wir gesprochen haben. Sie müssen alle sah etwas verwenden. Wie heißen diese? Die starken und mutigen und andere Dinge wie diese, aber wir werden nicht in diesem Vortrag sprechen. Also gibt es ein Tag B, ich wusste, dass wir über das erste wissen. Wir machen die Texte kobalt, sobald wir es schaffen würden. Acht Alec, es gibt auch etwas wie Unterstreichung und Streik zugrunde liegende machen einfach einen Basiswert unter dem Text und das S steht für Streik, und es schlägt nur durch den Text. Diese vier Tags werden, wie Sie wahrscheinlich bemerkt haben, nur zum Formatieren von Text verwendet. Also änderten sie, wie der Text angezeigt wird, und um das Aussehen zu ändern, sollten Sie sie nicht verwenden. Ja, das sind alte Steuern, sehr alt und gut, heutzutage verwenden wir nur CSS, um zu erreichen, was diese Tags tun. Fast immer. Bald zeige ich Ihnen eine Art Ausnahme. Aber die meiste Zeit werden Sie das CSS verwenden. Warum ist das? Also, weil CSS Ihnen erlaubt, externe phi zu erstellen, wo Sie ändern können , wie die Dinge auf jeder Webseite erscheinen, die Sie haben. Nun, wir haben jetzt gut nur eine einzige Seite. Sie lassen ihn also nicht manuell auf iOS wechseln. Ich denke, das ist einfach nichts. Aber später, wenn Sie zum Beispiel 400 Seiten haben , richtig? Dann ist so etwas wirklich cool, weil Sie von einer externen Datei ändern können , wie etwas weg ist, unsere Logline, richtig? Weil du später vielleicht nicht willst, dass etwas fett ist oder du vielleicht von ball2 data lake oder etwas anderes wechseln willst, stimmt's? Also sollten diese Dinge getan werden, kann nur durch CSS. Aber es gibt Tags, die semantische Tags genannt werden, was bedeutet, dass sie teilweise von der Formatierung auch zusätzliche Bedeutung haben. Welche Art von Bedeutung kann ein Tag haben, das zusätzlich ist? Nun, es gibt ein Tag, das stark genannt wird, das standardmäßig eine b als Formatierung hat. Also, wie Sie hier unten sehen können, bevor Sie dies tun, stellen Sie sicher, dass Sie die Bedienungsanleitung lesen , wenn wir das starke Tag auf diesem Teil von Texten verwenden, es ist auch fett, oder? Es würde es ändern, zu sein, Es ist auch fett. Warum also auch die Mühe, stark zu verwenden, ist, weil es eine zusätzliche Bedeutung hat. Aber du könntest jetzt sein, was für eine zusätzliche Bedeutung? Das bedeutet dir gar nichts, oder? Weil, hey, dieses Ding Kugeln, diese großen Eier von der gleichen Sache, warum überhaupt die Mühe machen? Nun, diese Bedeutung ist nicht für den Benutzer. Diese Bedeutung gilt für Geräte, für Programme, für Roboter wie den Google-Roboter, der Ihre Website besucht und den Text analysiert, den Sie für den Benutzer zur Verfügung gestellt haben. Ok. Dann könnte das etwas Nützliches sein, oder? Ja, denn wenn Sie zum Beispiel diese Dinge mit dem starken Tag machen und zum Beispiel, wenn jemand blind ist und er ein gutes Gerät hat, das es ihm liest, Dies wird akzentuiert werden, zum Beispiel, es wird es gelesen werden, anders lesen. Bevor Sie dies tun, stellen Sie sicher, dass Sie die Bedienungsanleitung richtig lesen. Statt vorher dies zu tun, stellen Sie sicher, dass Sie die Bedienungsanleitung lesen, okay, Sie erhalten möglicherweise wichtig. Nun, um ehrlich zu sein, Es ist nicht fragen, wer entscheidet, wie es rot sein wird, denn es ist für die Jungs, die Programme erstellen, dass wir Ihren Text rechts Hintern lesen. Es, Maximus, nennen Sie Ihre Texte wichtig. Und auch throng wird verwendet, um dem Benutzer zu zeigen, der Ihre Website liest. Tot. Dieser Teil der Texte ist wichtig, wenn er eine Art von Code von Texten liest und er sieht diese, okay, das ist wichtig. Und warum ist es wichtig, solche Dinge zu tun? Nun, wenn jemand einen Text hat, der gut keine Formatierung wie diese hat, wird er Ihre Website verlassen, überprüfen. Wenn er sagt, dass einige Dinge fett sind, wird es ihn in der Lage sein, Ihre Texte von einem Ort zum anderen zu springen, einfacher. Er wird wissen, was für Sie wichtig ist, oder? Weil du sagen kannst, Hey, das ist wichtig und deine Texte werden deswegen interessanter sein. Und es hat einen Einfluss auf die Erhöhung Ihrer Position im Google-Ranking. Warum ist es so? Denn wenn jemand Ihre Website nicht sofort verlässt, wenn jemand gut auf Ihrer Website bleibt, Website für lange, Gooten kann es wissen und sie werden wissen, dass, hey, das ist eine ziemlich coole Website, richtig? Und die zweite Sache ist, dass bemerken, dass es viele Websites gibt , die Formatierung nicht richtig und dunkel verwenden. Nun, ein großer Wettbewerb für Sie, wenn Sie einen Artikel erstellen, oder? Weil ein Artikel, der Gee, dass Sie nicht über, zum Beispiel, HTML erstellen können, finden Sie im Internet auf, Ich weiß, 100 Tausend Webseiten. Warum sollte Google Sie empfehlen? Nun, kann erhöhen, weil Sie Packs wie diese verwenden, richtig? Dies ist einer von vielen Faktoren, die berücksichtigt werden können, oder? Butt, hey, dieser kleine Faktor und jeder Faktor, wenn Sie einen zu einem anderen Faktor hinzufügen, dann haben Sie eine höhere Chance, in Google für die Nutzer des Internets zu erscheinen , oder? Daher ist es wichtig, das starke Tag auf Ihrer Website hinzuzufügen , um Google zu zeigen, dass Sie wissen, was Sie tun, zum Beispiel direkt mit Ihren Texten. Es bedeutet, dass hey, du bist wirklich und eine Person, die, die anderen Leuten einen Wert auf deiner Seite zeigen will, oder? Du hast es nicht getan, du achtest auf das, was du erschaffst. Es ist nicht so, als ob Sie gerade einen Artikel erstellt haben und etwas verkaufen möchten. Hey, ich habe überall darauf geachtet, wo ich geschaffen habe, und ich weiß, welcher Teil wichtig ist. Deshalb werde ich, jeder wichtige Teil meines Textes es stark machen, zum Beispiel, richtig? Okay, deshalb ist es wichtig zu wissen, warum du etwas tust. Denn sonst vergisst man einfach einen Wert, richtig? Das ist also ein großer Unterschied zwischen dem Lesen stark und B. Also werden wir stark anstelle von b verwenden wenn wir etwas Wichtiges machen wollen. Es gibt auch so etwas wie M, das für Betonung steht. Es bedeutet Handlungen und Druck und Standardverhalten für es ist, gut, das Italien. Beachten Sie, dass ich dieses Ding wie was lesen kann? Sagen wir mal. Ich mache es so. Ich liebe Katzen und Hunde. Ich lache, Katzen und Hunde. Ich liebe Katzen und Hunde. Okay, also dieses Ding, es ist nur nützlich zu zeigen, wie etwas rot sein sollte. Und das wird hauptsächlich von anderen Programmen verwendet, oder? Es zeigt keine Bedeutung Reich die starke Marke, richtig? Da E, können Sie deutlich sehen, dass, wenn etwas auf Ihrer Website fett ist, aber wenn etwas wie diese verwendet wird, wenn der Schwerpunkt darauf liegt. Wenn also die Textformatierung intellektuell ist, ist es nicht so leicht zu erkennen, oder? Aber wir zeigen nur, dass diese Dinge anders gelesen werden sollten. Auch. Verwenden Sie es, wenn Sie das Gefühl haben, dass etwas Akzente sein sollte. Akzentuiert es anders. Und es gibt auch eine Art von etwas wie Mark genannt. Und benutze es normalerweise, um Dinge zu markieren, die interessant und erwähnenswert sind. Stellen Sie sich vor, Sie haben ein Buch und einen gelben Marker. Und denken Sie darüber nach, welche Teile von Texten Sie als interessant markieren möchten, damit, wissen Sie, dort liegen, was es wert ist, zu wiederholen, oder? Also, wenn jemand etwas aus Ihren Texten später wiederholen möchte, dann sollte es markiert werden. Und die Texte wie diese sehen so aus. Meiner bescheidenen Meinung nach, sollte nur in irgendeiner Art von Tutorials verwendet werden wo Sie zeigen möchten, dass dieser Teil der Definition ziemlich cool ist. Ok? Ansonsten denke ich nicht, dass es verwendet werden sollte. Warum? Weil jeder etwas anderes als erwähnenswert betrachten kann, oder? Warum sollten Sie sich darüber entscheiden? Das ist also meine Meinung darüber. Wir haben auch hier ein Beispiel wie dieses. Css ist für das Erscheinungsbild Ihrer Website verantwortlich. Das willst du sagen. Dieses CSS ist verantwortlich für das Aussehen. Sie wollen sicherstellen, dass andere Leute wissen, dass dies für Sie wichtig ist. Ok? Wie Sie sehen können, sieht dieses Beispiel so aus. Also haben wir hier das kühne CSS bekommen. Wenn ich meine Maus über bewegen, haben wir Informationen. Dies, das ist ein Cascading Stylesheet und es steht für und hier haben wir die ersten Buchstaben fett gemacht, um, wissen Sie, wie zeigen Sie den Benutzer, getan haben. Diese ersten Briefe sind von hier. Es heißt, weil es betont, dass das wichtig ist, oder? Für, für, für, für, für, für den Benutzer. Und lassen Sie es uns selbst schaffen. Wie hoch ist es, richtig, also lasst es uns entfernen. Und beachten Sie, dass, wenn Sie das Tag entfernen möchten, wir es genau hier und dann von hier aus schneiden müssen. Aber wir können es schneller tun Konturdiagramme Shift plus B und tippen Sie einfach entfernt Angriff. Okay, Zähler plus 3 plus p entfernt, es wirkt kritisch. Und jetzt lasst uns das tun, was wir vorher hatten. Du willst also das starke Etikett drauf setzen, oder? Weil ich das für wichtig halte. Dies sollte sich von allen anderen Texten abheben. Css steht für Cascading Style Sheets. Nun, wir sind was? Wir definieren hier bald etwas. Also denke ich, es ist eine gute Idee, das Define-Deck zu benutzen, oder? Und auch das ist eine Abkürzung, richtig? Daher wird es wahrscheinlich eine gute Idee sein, eine Abkürzung zu verwenden und hier einzugeben, die für Cascading Style Sheets steht. Diese, okay? Und beachten Sie, dass ich vor dem Gebrauch hier die Beta hatte. Und das ist eine Ausnahme, wo Sie die Beta verwenden können, weil, na ja, Sie verwenden diese nur ein einziges Mal in diesem Teilchen, unsere Texte rechten Auge, Sie wollen die nur drei Buchstaben fett. Es wäre dämlich, eine spezielle Auswahl in der CSS-Datei nur um dieses willen zu erstellen, okay, wenn es eine einmalige Verwendung gibt, benutze einfach das Bolzen-Deck. Wir verwenden nicht das starke Tag, weil mit dem einzelnen Buchstaben ist nicht wichtig, oder? Es gibt also Fälle, in denen Sie das BI verwenden können, werden Sie gebeten, richtig zu handeln? Aber diese sind selten. Aber es ist gut zu wissen, dass sie so existieren. Und wie Sie sehen können, sieht es jetzt so aus. Großartig. Wie ich bereits sagte, möchten Sie es verwenden, denn wenn jemand coole Texte sieht, gibt es weniger Chancen, dass sie Ihre Website schließen und sie werden länger darauf verbringen, was einen enormen direkten Einfluss auf Ihre Google-Ranking, okay. 38. sub: - Hallo. Manchmal möchten Sie in Ihrem Artikel drucken. Sie werden den Buchstaben, den Einzelbuchstaben unter der Zeile aller anderen Buchstaben fahren wollen. So zum Beispiel, wie in dieser Situation, genau jetzt haben wir hier H2O. Nun, die beiden sollten unter der Zeile liegen, rechts, aller Buchstaben. Und drei hier sollten oberhalb der Linie sein, richtig? Also sollte es über x so sein, klein frei sie wird hier sein. Wie kann man das erreichen? Nun, Sie müssen das tiefgestellte Zeichen verwenden, um unterhalb der Zeile zu drucken, oder ein hochgestelltes, um eine fett gedruckte Linie zu drucken. Okay, also lasst uns das Rudel hierher legen, den Subduct, und hier diesen hier. Und ja, Sie können hier sehen wir als Ergebnis die Sache, die wir wollen, wenn etwas wie diese Leichtigkeit nützlich auch, bemerken, dass auf Wikipedia, wenn wir zum Beispiel hier ein freies Recht darauf haben, dass Dies sind Referenzen, richtig, die so verwendet werden. Inspectieren Sie es. Wie Sie sehen können, verwenden sie diese Seife hier, richtig? Lassen Sie das hier nicht so aussehen, als wäre es im Haupttext, oder? Es wird nur referenziert, oder? Und wenn sie darauf klicken, springen sie zu ihrer Referenz, oder? Richtig. Und nun, das ist eine gute Übung, die du tun könntest. Erstellen Sie einen Artikel, machen Sie einige Referenzen mit dem SAP-Stack und auch dem h Referenztyp, um zu dem Ort zu springen , an dem der Benutzer springen möchte, wenn er darauf klickt. Es ist nur zuhören. Ich danke Ihnen sehr. 39. Vorformatierte Text, Tags: Vor, Code, Var: Hallo, meine Freunde. Manchmal gibt es eine Situation, in der Sie den Text von einer anderen Stelle einfügen möchten. Wie zum Beispiel, Sie haben ein Programm, das Sie anderen zeigen möchten , und Sie möchten die Formatierung beibehalten, ist nicht nur eine Institution wie diese, wo manchmal haben Sie, zum Beispiel, eine Art von Gedicht, den Vers, die Sie möchten, um anderen zu zeigen und Sie möchten die Formatierung beibehalten, oder? Die Form durch Formatierung, ich meine, alle Einzüge, die hier sind, genau hier haben wir tun, dann wollen wir die Räume behalten, wo sie sind. Wenn ich so etwas mache, wenn ich es hier kopiere, werden Sie feststellen, dass es nicht so gut aussieht, wie es hier aussieht. Und in Fällen wie diesem, sollten Sie etwas Gold verwenden wird vorformatierten Stack genannt. Also werden wir das auswählen und die prac TAC eingeben. Wie Sie sehen können, ist jetzt alles so formatiert, wie es hier aussieht. Das ist also ein Tag, das Sie verwenden, wenn Sie formatierten Text beibehalten möchten, okay? Beachten Sie, dass jetzt jeder Einzug richtig gehalten wird, und nun, es gibt zu viele Einzüge. Was habe ich hier gemacht? Ich benutze die Verknüpfung, die Shift plus Tab genannt wird, okay? Es löscht nur jeden Einzug in der Auswahl einmal. Also müssen wir es noch einmal und noch einmal tun. Wie Sie sehen können, ist es jetzt zurück zu diesen. Wenn Sie hier einen Einzug haben wollen, richtig? An jedem Ort können Sie Vertrauen Typ oben wieder vertrauen, richtig? Also, um es zu tun, drücken Sie die Registerkarte. Also Shift Plus oben ist ein Einzug zurück, und hier, fügen Sie Einzug, richtig? Und so benutzt man die Vorsteuer, nicht diese Toten. Die Sache, die wir hier haben, ist eigentlich ein Code, oder? Das ist also eine gute Idee, Google zu zeigen, dass dies ein Cout ist. Und wir werden peifen, dass dies Code ist, indem wir den Mantel zurück verwenden. Was bedeutet der Code? Tun? Sie informieren die Google, dass dies ein kulturelles Google ist? Bitte interpretieren Sie das nicht als Text, okay? Jetzt wissen Sie Dinge, die Sie interpretieren sollten. Konzentriere dich auf andere Teile des Artikels, okay? Also diese Information für den Roboter, um sie zu informieren, dass dies ein Polizist ist. Das vorformatierte wird sich nur ändern, wie die Dinge in Ihrem HTML erscheinen werden. Also kombinieren wir diese beiden einfach, um sicherzustellen, dass alles gut läuft. Und in der gleichen Zeit, um ihre Google zu informieren, dass dies Code ist. Der Code kann auf einzelnen Zeilen verwendet werden, oder? Wie zum Beispiel, wenn wir diesen Teil nur haben und wir ihn in den Code einfügen könnten, brauchen wir nicht den vorformatierten Vortrag hier dazu zu verwenden, oder? Weil das nur eine einzige Ausrichtung ist, richtig? Aber Sie können den Code für diese einzelne Zeile verwenden. Das ist also der Unterschied. Und es gibt auch etwas, das das die FAR genannt wird. Es steht für Variable und es wird verwendet, um zu zeigen, dass es eine Variable im Text. Beachten Sie, dass wir hier so etwas haben. Die Zahl 70, 40% größer als die Zahl c. Also hier ist eine Variable, richtig? Wir wissen das als Menschen, aber wir werden sagen, dass dies kein einziger Buchstabe ist wie C. Oder zum Beispiel, wie ein, richtig? Weil, na ja, a ist etwas, das auf Englisch verwendet wird, oder? Nennen wir es ein, und Google würde es tun. Gut, dass das getan hat, ist wie ein falsch geschriebenes Wort, richtig? Und der falsche Brief, die sollten nicht sein, nachdem ich diesen Ort gehört habe , richtig? Also sollten wir ihnen einfach mitteilen, dass, hey, diese Variable, richtig? Also werden wir nur so etwas wie diese Variable tun. Und das ist variabel. Beachten Sie, dass ich es zweimal tun musste, um Google über die Situation Anleihen zu informieren, es gibt so etwas wie Multi-Cursor, und wir können beide Dinge gleichzeitig auswählen und das Tag in der gleichen Zeit hinzufügen. Das ist ziemlich cool. Wie macht man es? Nun, wir benutzen das Out. Wir halten die aus, okay, halten Sie die Alt auf der Tastatur und dann wählen Sie hier und halten immer noch die Alt. Und wir können zwei Auswahlen gleichzeitig treffen. Und jetzt werden wir die Enter, Abkürzung, Abkürzung und Typ-Variable drücken . Und wir haben gerade an beiden Orten auf einmal eingetippt. Ziemlich cool, richtig? Beachten Sie, dass dieser Brief hier jetzt in Italien Ei geschrieben ist, richtig? Also der Unterschied zwischen für die Formatierung, aber sie informierten Google auch, dass dies variabel ist. Ich weiß, dass du denkst, nun, ich will meine Zeit und solche Dinge nicht verlieren. Warum noch kühner? Vielleicht wird es die Lesbarkeit für die Roboter verbessern, aber es ist mir wirklich egal. Okay, das ist ein fairer Punkt. Aber denken Sie daran, dass Sie in Zukunft etwas oder diesen Code CSS und Eve lernen werden, geben Sie vier Beispiele an, dass Sie die VR tac jede Variable auf Ihrer Seite verwenden. Wenn Sie also dieses Tag für jede Variable hinzufügen, können Sie in Zukunft zum Beispiel alle auf einmal auswählen und ändern, wie sie aussehen. Zum Beispiel könnten Sie sie in die rote Farbe oder so etwas ändern. Und, oder machen Sie einige unterstrichen. Aber unter dem Brief und die Leute würden sofort sehen, dass. Okay, also das ist variabel und Datum, Stimmung machen Ihren Code, Code gut, ganzen Artikel einfacher, die gesamte Übung zu lesen. Wenn Sie sogar mutige Dinge wie die Rinde, auch mutig manuell so. Sie können leicht sehen, okay, Also suchen wir nach einem, richtig, aber Sie können das Verhalten ändern, wie es aussieht, nicht hier von der CSS, dass wir reden Zukunft. Das ist eine andere Lektion. Vielen Dank. 40. Multicursor ur Suchen und austauschen von Text in VSC: Beachten Sie, dass wir in der letzten Vorlesung den Code so eingefügt haben. Und einige von Ihnen haben wahrscheinlich bemerkt, dass einige Dinge nicht interpretiert wurden. Wie was? Nun, wie die Dinge hier. Warum? Weil HTML denkt, dass dies ein Tack ist. Er weiß nicht, welcher Typ es ist. Schlecht? Nun, es denkt, dass es ein Tack ist, oder? Weil wir hier die Öffnungsklammer haben, die den Angriff öffnet. Und der vorformatierte Text ist nur vier vorformatierten Text. Und es bedeutet nicht, dass es alles als Sex interpretiert, okay? Es würde nur Leerzeichen interpretieren. Also zum Beispiel Einrückungen und Leerzeichen, und so weiter, richtig? Also, wie man dieses Problem zu lösen? Nun, wir müssen die Entitäten benutzen, oder? Das Problem ist, dass der Arm und das ist, es zu wiederholen, so dass wir es ein bisschen schneller tun können. Aber diese Bots zu machen, die Ausbeute, das ist Frühling. Viele von ihnen zu antworten. Nun, wir können es ein bisschen schneller machen. Wie? Nun, wir können den Multi-Cursor verwenden, die gesamte Funktion Suchen und Ersetzen aus dem Visual Studio-Code, der zuerst verwendet wird, und Multi-Cursor. So können wir mehr als einen Winkel mit der rechten, die Alt-Taste auf der Tastatur auswählen . Wenn ich also die Alt halte, kann ich mehr als einen Ort auswählen, wie zum Beispiel hier, und dann kann ich sie in diese ändern. Jetzt müssen wir das Gleiche für diese Dinge tun. Hier kann ich sitzen, wie Sie sehen können, ist es anfällig für Fehler. Also können wir es so machen. Es war ziemlich schnell, oder? Wir haben es richtig gemacht, jetzt wird alles interpretiert. Richtig. Ok. Aber ich denke nicht, dass dies eine gute Lösung ist, wenn es viele Erscheinungen des Fingers gibt, willst du ändern, wenn es frei ist? Okay, das wird eine schnelle Institution wie diese sein. Du könntest sogar etwas verpassen, da gibt es viele davon. Wie löst man dieses Problem mit dem Visual Studio-Code? Nun, wir können so etwas wie Kontrolle plus F Shortcut oder Control plus h verwenden. F Shortcut oder Control plus h verwenden. Das steht für Fund. Dies ist nur in der Nähe von f. Deshalb ist es eine Abkürzung wie diese. Wenn Sie auf dieses Steuerelement plus F klicken, können Sie versuchen, Dinge in Ihrem Code zu finden, wie zum Beispiel dieses Zeichen. Das Problem ist, dass wir versuchen, wir jedes Auto von dieser Sache gefunden haben, richtig? Also, selbst an Orten wie diesem, schlecht, können wir dieses Verhalten ändern. So neu finden wir, wie Sie die Verknüpfung Control plus h verwenden können, um zu sagen, dass der Betrachter sein muss oder was sollte an Orten platziert werden, wo diese Finger verwendet wird. So können wir hier, dort Entität setzen. Und jetzt, wenn ich darauf klicke, werde ich alles in meinem Code zu Tode ersetzen. Wie Sie sehen können, ist dies eine problematische Sache, weil wir es nicht an Orten wie zum Beispiel ersetzen wollen, dass Gespräche, die Redox sind. Also lasst uns Konturdiagramm Z verwenden, um auf das Ding zurückzukommen, das wir vorher hatten. Und jetzt möchten Sie nur auswählen, was die Sphinx, die hier nur sind. Dann. Also werden wir es auswählen. Und bevor ich darauf klicke, werde ich hier klicken. Hier, wie Sie sehen können, ist so etwas wie in der Auswahl finden. Es gibt auch eine Abkürzung dazu. Aber ich denke, es ist schneller, einfach darauf zu klicken. Wenn ich darauf klicke. Wie Sie sehen können, haben wir hier nur Vorkommen dieser Klammer ausgewählt, richtig? Beachten Sie das gesamte weit nur in der Auswahl, die wir hatten. Wie Sie sehen können, fand es 16 von ihnen. Und wenn ich darauf klicke, BAM, und das ist cool. Es hat sich nicht erneuert. Richtig aktualisiert. Also funktioniert alles gut und wir haben es ziemlich schnell gemacht, schneller als mit dem multimodalen Multi-Cursor, richtig? Denn jetzt ist es nur ein Klick. Aber natürlich werden Sie wahrscheinlich einen Multi-Cursor schneller verwenden, wenn es einfach frei ist. Vorkommen sind zwei von ihnen, richtig? Also ist es schneller, einfach schnell Griechisch und unten, oder? Dann verwenden Sie diese Funktion. Aber wenn es viele Vorkommnisse gibt, um sie zu ändern , und Dinge wie diese sind ziemlich nützlich, nicht wahr? Es hat nur zugehört. Vielen Dank. 41. Was ist Form? Grundlagen: Formulare: Hallo an die NG. Zu sagen, was ein 44 ist, ist nur ein einfaches Dokument. Ein Blatt Papier, zum Beispiel im wirklichen Leben, das es Ihnen ermöglicht, Daten vom Benutzer zu sammeln, oder? Dokument, das Daten sammelt. Und es tut dies mit den Stellen zu füllen, in denen kalte Eingänge sind. Dokumentieren Sie also, dass Daten mit etwas, was man Eingaben nennt, zusammenfasst. Ich bin sicher, dass Sie verrückt mit Formularen in Ihrem Leben sind, wahrscheinlich, wenn Sie verschiedene Daten über sich selbst eingeben mussten, zum Beispiel, oder wo Sie sich auf der Website anmelden mussten, richtig? Dies ist ein Formular, dies ist eine Probe der Form. Die anderen Beispiele, zum Beispiel, der Kontakt, die Spitze auf den Websites erfordert einen E-Mail-Namen und den Inhalt der E-Mail, richtig? Der Text, der als Forenbeitrag geschrieben und gepostet werden soll, ist eine Farm. So können Sie sehen, dass Form weit verbreitet ist. Wie erstellen wir ein Formular? Um das Formular zu erstellen, geben wir ein Formular ein. Okay, das ist also die einfachste Form, die erstellt wurde. Und jetzt, wenn wir es ausführen, werden Sie feststellen, dass es nichts gibt. Warum ist es so, weil es nur ein Container für Eingaben ist. Also für denkt, das ermöglicht es Ihnen, Dinge wie Daten in sich zu setzen. Okay, das ist kreativ, einfache Eingabeseite. Und mal sehen, wie es aussieht. Wie Sie sehen können, ist es ein Ort, an dem Sie Text ausfüllen können, oder? Beispieltext. Du kannst schreiben, was du willst. Und wenn ich auf Enter klicke, wie Sie sehen können, entweder aktualisiert, weil es versucht, es irgendwo zu senden, aber nun, wir haben nicht angegeben, wo. Dies ist also eine Standardeingabe, die Sie im Formular-Tag erstellen können. Nennen wir es Login. Denn nun, lassen Sie uns ein Login-und Passwort-Formular in dieser Vorlesung erstellen. Wie Sie jetzt sehen können, haben wir Logging vor. Jetzt weiß der Benutzer, dass er den Login hier binden sollte, richtig? Dies ist also ein Ort, um einen Login einzugeben. Okay, lasst uns jetzt zum Beispiel nach Passwort fragen, oder? Also, wie es zu tun? Nun, wir könnten diese manuell von Grund auf eingeben oder wir können es so kopieren. Oder wir können die Visual Studio-Code-Funktion verwenden, die Sie kopieren wir fühlte Auswahl eine ganze Zeile, wo Sie diesen Cursor hervorgehoben haben. Okay, wenn ich jetzt auf die Schaltfläche Control plus C klicke, kann ich jetzt einfach plus V steuern und die ganze Zeile kopieren lassen. Ziemlich nützlich, oder? Viele Leute wissen nichts davon, auch ich habe nicht angefangen. Also hier werden wir das Passwort jetzt eingeben. Und Sie werden feststellen, dass Sie jetzt gut zwei Eingänge haben, ein FERPA Login und Passwort. Fügen wir hier die helle Linie hinzu, so dass sie in einer anderen Linie sind. Das Problem dabei ist, wie Sie sehen können, das, na ja, dies ist nicht richtig ausgerichtet, aber Dinge wie das werden durch CSS gemacht. Sie sich also keine Sorgen über Formatierung, darüber, wie es aussieht, Dinge wie diese. Du hast sie in Zukunft verkauft. Ok. Also hier ist Login, hier ist das Passwort. Und nun, lasst uns etwas in den Login legen und etwas in den Pass legen. Wie Sie sehen können, ist alles, was ich hier tippe, sichtbar und so sollten Sie nicht ein Passwortfeld erstellen. Die Eingabe. Warum ist es so, denn wenn jemand hinter dem Benutzer hinter seinem Rücken ist, kann er sein Passwort sehen und Hamada würde das gerne haben. Sie müssen also den Typ der Eingabe ändern. Die coole Sache an Eingaben ist, dass Sie den Typ mit dem angegebenen Attributtyp ändern können, und Sie geben zusätzliche Informationen über die Eingabe mit diesem Attribut, richtig? Und Sie können es zu was ändern? Zu, zum Beispiel, das Passwort. Und was ändert sich das? Wie Sie jetzt sehen können, wenn ich Dinge hier tippe, die möglichen diese versteckt. Also lösen wir das Problem. Es gibt also viele, viele weitere Eingänge. Und wie ich bereits sagte, ist der Standardtext. Also, wenn ich es in Text ändere und nichts wird diese Chance auf Text eingegebenen Textfeld ändern, das Sie ausfüllen können. Der Benutzer kann ausfüllen, oder? Nun, machen wir es zum Beispiel so. So sieht es in unserem HTML besser aus. Und obwohl es minimale Typen gibt, aber wir haben sie in Zukunft gelernt, diese wie grundlegende Vorlesung darüber, wie ein Panel mit Login und Passwort zu erstellen. In Ordnung. Und es gibt auch noch eine Sache, die Sie sich vielleicht gefragt haben, richtig, wir hatten jetzt gute Daten, aber was machen wir mit diesen Daten? Dinge wie die werden wir in den zukünftigen Vorträgen lösen. Es gibt nur eine Lektion. Vielen Dank. 42. Submitting: Hallo, mein Freund. Wir haben eine Vier erstellt, aber wir können sie nicht einreichen, wir können sie nicht senden, oder? Diese Form wird also weniger verwendet, um sie zu ändern. Wir können eine Schaltfläche erstellen, die wir erlauben, ganze Inhalte wie diese einreichen. Also, wie es zu tun? Nun, wir können aus dem Emitat wählen, der Vorlage. Und wie Sie sehen können, dann haben wir eine Eingabe, die Typ ist einige, und es erlaubt Ihnen, darauf zu klicken. Wie Sie hier sehen können, ist diese Schaltfläche. Und standardmäßig hat es jetzt keinen Text bekommen, weil es auch ein Attribut gibt , das den Wert auf das Lachen über stat setzt. Wenn wir es entfernen. Wie Sie sehen können, ist der Standardwert Subbandchor. Ich denke, das ist ein sehr schlechter Wert als Standardwert. Deshalb sagt Emit Ihnen, es zu ändern, was auch immer sonst. Also in unserer Situation, denke ich, es wäre am besten, es loggen schreiben zu nennen, einzusperren, vielleicht mit dem Platz hier so, richtig? Wir haben jetzt gute hier Schaltfläche, die wir klicken können. Und wie Sie sehen können, wenn wir darauf klicken, ändert sich nichts. Okay, aber wo wir klicken können und etwas erfrischt sich in die Burg-Runtime. Also versuchen wir, etwas zu senden, aber wir haben nicht angegeben, wie ein Ereignis gesendet werden soll, wohin es gesendet werden soll. Und was schickten wir. Machen wir hier eine BreakLine-Zelle. So sieht es besser aus, oder? Und jetzt lassen Sie uns angeben, wo wir Informationen wie diese senden. Wir tun dies, indem wir das action-Attribut auf dem Formular-Tag verwenden. Es besagt, dass wir hier die Datei oder den Pfad zu der Datei, die wir diese Informationen verarbeiten, zur Verfügung stellen sollten. Stellen Sie sich also vor, Sie haben Ihren Server so etwas wie Process Login Dot PHP bekommen, richtig? Warum PHP? Weil Sie solche Dinge leider in den serverseitigen Sprachen wie PHP oder Python tun müssen , richtig? Sie müssen also Ihre Werte an die Programmiersprache senden, die sie verarbeitet. Also, leider, ja, Sie können es mit HTML tun. Denken Sie daran, dass HTML nur dafür verantwortlich ist , wie die Dinge auf Ihrer Website dargestellt werden. Daher ist CSS für den Inhalt Ihrer Website verantwortlich, um sie besser aussehen zu lassen. Aber Sie müssen auch wissen, zum Beispiel PHP, um zu wissen, wie man Dinge verarbeitet. Aber dennoch müssen Sie zuerst lernen, wie man Foren erstellt, oder? Also diese Dinge, die ich Ihnen sagen würde, sind ziemlich nützlich. Diese Aktion sagt also, dass wir den Inhalt von hier an dieses phi senden werden. Und um es zu verarbeiten, müssen Sie zum Beispiel PHP wissen, richtig? Aber stoppen Sie diesen Vortrag nicht, weil es wichtig ist, auch wenn Sie nicht wissen, pH-Wert als Person, die HTML und CSS kennt, weil manchmal Sie nicht brauchen, um andere Sprachen wie PHP zu kennen, weil gut, vielleicht sind Sie nur verantwortlich für Erstellen von HTML und jemand anderes wird es verarbeiten, dann müssen Sie immer noch wissen, wie Sie diese richtig senden, weil es hier nicht endet. Schau, wenn ich jetzt auf Login klicke, werden wir zu diesem Prozess Logging Dot PHP geschickt. Und hier ist ein Fragezeichen. Und nach diesem Fragezeichen sollten wir Werte von hier haben. Aber das tun wir nicht. Warum ist es so, weil wir die Eingabe nicht benannt haben, müssen Sie immer die Eingabe benennen. Andernfalls würde der Computer nicht wissen welche Eingabe gesendet wird, welche ist, weil wir hier Logging eingeben, aber es ist nicht innerhalb dieses Tags, oder? Also müssen wir es benennen. Und nennen wir es zum Beispiel Protokollierung. Und hier nennen wir es zum Beispiel, naja, Passwort oder wir können es PW nennen. Ich denke, nennen wir es w, So werden wir nicht verwirrt, indem wir freie Zeiten Passwort haben. Du kannst es nennen, wie immer du willst, oder? Aber es sollte selbstbeschreibender Name sein. Wenn Sie also hineinschauen, wissen Sie, dass Okay, hier ist möglich. Und was ändert sich jetzt? Nun, wenn ich etwas eingeben und ich klicke auf Login, wie Sie sehen können, das erste, was ist, dass Firefox, beachten Sie, dass wir das Passwort eingegeben ist, weil wir den Eingabetyp Passwort verwenden und er weiß, dass es ein Passwort, richtig? Wir können also nicht vorbeikommen. Die zweite Sache ist, dass wir hier, nach dem Fragezeichen, nach dem Fragezeichen,gute so etwas wie die Protokollierung haben, die wir hier eingeben. Und der Wert, den ich direkt danach eingegeben habe, haben wir ein gutes Zeichen, das für die Verbindung von mehr als einem Namen wie diesem verwendet wird. Und hier haben wir BW, richtig? Die Sache, die wir hier eingeben und der Wert dafür. Also PHP nulliert jetzt, dass hier der Wert für diese versteckt ist und hier ist der Wert für diese versteckt. Und die ETE kann damit tun, was Sie wollen. Sie können die Datenbank ändern, dass, wenn es eine Anmeldung wie die, die, die PW mit diesem Login verbunden ist und so weiter. Aber es gibt ein kleines Problem, das wir hier gemacht haben, verwenden wir die Standardmethode, die get ist, die Werte wie diese sendet. Innerhalb des Links. Das Problem ist, dass es nicht sicher, sicher ist, oder? Und jemand kopierte und schickte es, um die Hand zu verschieben, er konnte das Passwort von jemandem sehen. Also für Situationen wie diese, verwenden Sie nie die GetMethod, verwenden Sie die Post, die, wie Sie jetzt sehen können, wenn ich so etwas mache, es immer noch alles an den Prozess sendet, den Login-Dot PHP, aber es ist hier nicht sichtbar. Es ist jetzt im Hintergrund. Es kann interpretiert werden, also nicht Krieg, oder? Sie sollten also mit dieser Methode senden. Beachten Sie auch, dass das Problem beim Senden auf diese Weise darin besteht, dass wir auf eine andere Website gesendet werden. Nun, wir könnten uns die gleiche Website schicken. Aber das Problem ist, es gibt immer ein Neuladen der Website. Wenn Sie Dinge in Hintergründe senden möchten oder jemand es nicht sieht, müssen Sie JavaScript-Zeile lernen und Sie müssen das Ajax oder etwas landen. Jetzt, da wir diese Funktion verwenden müssen, mit der Sie Dinge im Hintergrund senden können, okay? Dann müssen Sie dies nicht angeben. Sie fangen einfach Dinge und senden sie dann mit dem JavaScript und dieser Funktion in den Hintergrund. Also ist das vielleicht noch besser, oder? Aber als eine Person, die HTML lernt, müssen Sie sich daran erinnern, jede Eingabe zu benennen, okay? Und natürlich, einen Eingabetyp einreichen zu lassen, der es jemandem ermöglicht , darauf zu klicken und Dinge zu senden. Linsen Es hat weniger als vielen Dank. 43. Radio: Hallo, meine Freunde. Heute werde ich Ihnen beibringen, wie man benutzt und wann man den Funkeingang benutzt, wie man ihn erstellt? Nun, wir verwenden den Eingang und wir können den Emmett verwenden und erstellt mit diesem Funktyp, wie Sie hier sehen können, haben wir zwei zusätzliche Attribute. Da gehen wir. Jetzt reden Sie bald darüber. Also, wie sieht es aus? Wie Sie sehen können, ist es ein Punkt, auf den Sie klicken können. Also, das ist etwas, das Sie wählen können, oder? Wenn wir mehr davon erschaffen, haben Sie drei Punkte, oder? Und neben diesen Punkten können Sie zum Beispiel den Hebeltyp eingeben, oder? Sie können die Leute darüber fragen, welche Art von Lieferung sie in Ihrem Geschäft haben wollen, zum Beispiel, wenn sie die Karriere von IBD nutzen wollten, von einem Punkt abholen wollen oder vielleicht die Puzzle-Gebühren billiger verwenden würden und so weiter, Richtig? Die Registerkarte Korea und so weiter. So können Sie das in Geschäften verwenden. Also zum Beispiel, sagen wir hier ist, dass Korea, hier ist ein Höhepunkt und hier ist ein Pulsbüro. Richtig? Jetzt haben wir was? Text neben jeder Schaltfläche, wie diese, neben jedem Radiotyp, richtig? Das Problem ist, dass, wenn ich auf einen von ihnen klicke, wir alle auf einmal auswählen können. Und das wollen wir nicht erreichen, oder? Wenn jemand auf Ihrer Website erscheinen wird, kann er, sollte er in der Lage sein, nur einen Typ des Hebers zu wählen angekommen. Er kann Karriere wählen und wählen. Ich zeige gleichzeitig auf Papas, wann Sie Funkeingänge verwenden sollten. Aber damit sie so funktionieren, müssen Sie sagen, welcher Funkeingang gruppiert ist. Okay, das ist der Zeitpunkt, an dem du etwas kreieren solltest. Wie heißen diese? Das name-Attribut, und Sie sollten alle diese Namen auf den gleichen Wert gesetzt haben. So zum Beispiel, Lieferart wie folgt. Beachten Sie, dass ich beim Erstellen von Zustellungstypen hier keine Leerzeichen verwende, oder? Also mache ich so etwas nicht. Ich benutze den Unterstrich, wenn ich eine weitere Auszeichnung als Wert innerhalb dieses Namens mache, richtig? Oder du könntest so etwas tun, aber niemals Leerzeichen benutzen. Okay, jetzt habe ich Bro Web-Browser gesagt, dass dies eine Gruppe von Optionsfeldern ist, richtig? Also werden wir jetzt, wenn ich auf lang von ihnen klicke, die anderen sind nicht überprüft NMR, oder? Und das wollen wir erreichen. So können wir zum Beispiel fragen, welche Art von Lieferung möchten Sie wählen? Schreib, so etwas, okay, also kann ich diese wählen, diese oder diese. Wir könnten es ein bisschen machen, aber sie suchen, indem sie ein paar Haltepunkte hinzufügen, richtig? So wie das. Und wie Sie sehen können, sieht es besser aus. Es gibt immer noch ein Problem. Beachten Sie, dass ich nicht auf Texte klicken kann und ich denke, dies ist nicht gut für Ihre Website, weil diese die meisten Leute, die einfach auf Text neben diesen Schaltflächen klicken, oder? Damit es funktioniert, müssen Sie diesen Text irgendwie mit dieser spezifischen Eingabe verbinden, richtig? Und um dies zu tun, müssen Sie ein Tag verwenden, das Label genannt wird. Also sagen wir, dass dieses Ding ein Label für ist, und hier geben wir für was an. Das Problem ist, dass wir nichts haben, auf das wir in dieser Eingabe verweisen können, oder? All diese Eingabe sieht gleich aus. Wie können wir also sagen, dass diese Beschriftung für diese Eingabe ist? Um es zu tun, müssen wir ID-Attribut erstellen und es einzigartig machen. Wir können hier, was auch immer, oder? So zum Beispiel, so. Und jetzt, wenn ich auf diese klicke und ich kann gehen, indem ich darauf klicke, hier, es funktioniert nicht, oder? Aber hier kann ich auf Texte gehen und es funktioniert gut. Aber wissen Sie, was auch immer hier zu tippen, ist keine gute Idee weil es nicht ist, wie Ihr Code aussehen sollte, oder? Also schlage ich vor, hier auch die gleiche Sache zu tippen, die im Namen ist, aber hier draußen eine Zahl wie zum Beispiel, liefern Sie einen Typ 1, richtig? So wie das. Okay, also brauchen wir mehr davon. Also lassen Sie uns dies kopieren, während Sie die Alt verwenden. Und lassen Sie uns das hier kopieren, so. Lassen Sie uns dies auswählen und gleichzeitig die Antwort verwenden. Und lassen Sie uns Etiketten erstellen. Und lassen Sie uns das hier kopieren. Im Gegensatz zu diesen Verknüpfungen machen eine Eingabe und beim Erstellen des Codes Bit schneller. So haben wir das bekommen und jetzt können wir auf Klick auf Texte erstellen und alles funktioniert gut. Aber leider ist es nicht alles gut aussah und erstellen Sie eine Eingabe, die das einreichende Buch ist. Und wir, zum Beispiel, sagen hier Sand und gut, lassen Sie es in die Form richtig setzen? Und Aktion mit einem B zum Beispiel, bilden, dass PHP. Beachten Sie, dass, wenn ich auf Post und danke klicken auf Senden, wir haben hier etwas wie Lieferart auf Klasse bekommen, wenn ich nicht auf cool hier klicken wir Lieferart auf. Hilft es irgendetwas? Wir wissen nur, dass der Hebel zum erneuern gewählt wurde, richtig? Und es gibt alles, wir wissen nicht, welche Art von Karriere gewählt wurde, oder? Das hier, dieses oder vielleicht x1. Und das ist ziemlich wichtig, oder? Weil wir diese Informationen nicht verarbeiten können. Um diese Informationen verarbeiten zu können, müssen wir zeigen, wann etwas wie Violett wieder gesetzt werden soll. Und nun, wir können das nennen, was hier angerufen hat, oder? Denn das ist eine Caldera wie die gleiche Länge war hier. Und wir müssen das auch an diesem Ort wiederholen. Also, das ist eine Spitzen-Up-Bindung. Denken Sie daran, dass ich diese Basis hier nicht benutze, richtig? Dash Point und das Postamt so. Und jetzt nicht so tot, wenn ich, zum Beispiel, wähle den Pickup-Punkt in einem Sand. Jetzt wissen wir, dass die Lieferart gleich ist, um einen Punkt zu wählen und ich kann es richtig verarbeiten? Ich kann jetzt zeigen, dass der Typ auf den Benutzer zeigt, oder ich kann sagen, die Preise zu vergeben und so weiter, richtig? Also, jetzt funktioniert es gut. Wie Sie sehen können, müssen wir hier viele Dinge DIBL , damit es richtig funktioniert. Wir können das alles noch verbessern, indem alles in etwas setzen, was man als Feldset bezeichnet. Wie Sie sehen können, haben wir jetzt eine Art Grenze um all diese Dinge hier. Und so können wir sagen, dass es hier um diese spezielle Sache geht, richtig? Das hier, diese Gruppe. Nun, wenn wir mehr davon haben, hatten wir mehr Dinge zur Auswahl. Wie Sie sehen können, können Sie dies klar für diese von diesen gebildet unterscheiden, oder? Nun, diese Feldgruppe, richtig? Diese Gruppe von Dingen, nicht weil wir alles in einer Form haben. Deshalb fühle ich mich traurig. Es ist ziemlich cool. Und wir haben auch etwas, was man eine Legende nennt. Und schau, ich muss keinen Einbruch verwenden. Dan, und ich kann so etwas tun. Und wie Sie sehen können, ging dieser Text in die Grenze. Es sieht jetzt noch besser aus. Das wird also für dieses Ding verwendet. In der nächsten Vorlesung werden wir über Checkbox sprechen, wie man sie benutzt und wie man sie richtig macht, damit sie nutzbar sind. Wenn Sie den Inhalt später in der Lektion bearbeiten. Danke. 44. Checkbox-: Hallo, mein Freund. Heute werden Sie über Checkboxen sprechen. Nun, lassen Sie uns einen anderen Feldsatz erstellen und verwenden Sie die Eingabe, die Checkbox genannt wird. Also der Typ ist Checkbox. Wie sieht er aus? Wie Sie sehen können, haben wir hier ein Kästchen, das wir aktivieren können, und wir können es auch deaktivieren. Der Unterschied zwischen dem und dem, was sie sich hier entwickeln, ist das Radio. Wenn Sie eines der Dinge hier wählen, wie Sie sehen können, kann ich es nicht wählen. Ich muss wenigstens eine der Optionen hier auswählen. Ich kann es überprüfen und deaktivieren. Okay, dieser große Unterschied. Und auch, wenn Sie viele Checkboxen Zeile erstellen, dann können Sie Mad Men von ihnen auf einmal auswählen, oder? So können Sie diese vier Situationen wie diese nutzen, zum Beispiel, was ist Ihr Hobby, richtig? Nun, jemand kann mehr als ein Hopping haben, oder? Zum Beispiel mag jemand schwimmen. Er mag Videospiele, und er mag zum Beispiel Programmieren, oder? Und nun, er möchte vielleicht all diese Optionen wählen , denn das sind alle seine Kopien, richtig? Das ist, wenn Sie die Kontrollkästchen verwenden , weil Sie hier eines auswählen müssen und Sie eines auswählen müssen. Vielleicht hier, vielleicht mag jemand nichts davon, oder? Und es ist nicht der Fall Hobby, also muss er nichts wählen. Richtig. Das ist, wenn Sie das Kontrollkästchen verwenden. Wann können Sie Scheckbücher verwenden? Nehmen wir auch an, Sie fragen jemanden nach etwas wie, wollen Sie zum Beispiel eine Rechnung ausstellen? Und er kann dann nachsehen, ob es so etwas gibt. Und er wird das Formular zeigen, um die Daten in Bezug auf die Rechnung zu stellen, richtig? Wenn die Person es deaktiviert, werden die Daten verschwinden. Okay, jetzt konzentrieren wir uns darauf, das Ding hier richtig zu machen, denn beachten Sie, dass, naja, wir sollten zuerst die Eingabe hier setzen, denn das ist Eingang für alles wie 14 Reifen weit. Und lassen Sie uns Etiketten erstellen, richtig? Vier. Lassen Sie uns also ein Etikett erstellen, das vier sein wird, wird es weniger dankbar für all diese Dinge, die Weine machen. So Etikett für und zum Schwimmen. Hier haben wir Videospiele und Programmierung. Wenn ich nun auf Text neben ihm klicke, wie Sie sehen können, kann ich ihn auswählen. Also, jetzt konzentrieren wir uns auf den Namen, weil gut, wann Daten zu senden und irgendwie zu analysieren später, oder? Nun, nicht fragen. Aber vielleicht jemand, deshalb müssen wir wissen, wie man es richtig benennt. Denn gerade jetzt, wenn ich es schicke, wie Sie sehen können, nun, liefern der Typ ist hier Teil und unsere Hoffnung ist nicht. Also, wie können wir es nennen? Es gibt zwei Möglichkeiten, Checkboxen zu senden. Nun, der erste Weg ist, es einfach wie die IDs zu benennen. Beachten Sie, dass, wenn ich wählen, zum Beispiel, die Programmierung und Videospiele. Jetzt sehen Sie, dass Videospiele eingeschaltet sind, die Programmierung ist an. Jetzt kann jemand auf dem Server nach Dingen suchen, die in Ordnung sind. Wenn sie eingeschaltet sind, bedeutet das, dass jemand es überprüft hat, oder? Nun, so etwas zu analysieren ist jedoch nicht immer einfach. Ok. Wir gehen, du musst genau wissen, welche Art von Namen hier sind, okay? Glauben Sie mir nur, dass es die Dinge ein bisschen seltsam macht und auf dem Datenteil, okay, Sie wollen die Serverseite. Also Maasai und Leute nennen alles das gleiche wie zum Beispiel, in diesem Fall wie BIM. Aber es gibt jetzt ein Problem. Und ich habe, wenn ich auf Senden klicke, wie Sie sehen können, Hobbes und Hobbes darauf. Wir wissen nicht, welche Kopierzone. Und deshalb müssen wir jetzt einen Mehrwert für jeden Leitfaden schaffen. Also müssen wir etwas Ideen machen. Also zum Schwimmen Videospiele und Programmierung. Und jetzt, wenn ich die Video-Gewinne in der Programmierung wählen, können wir hier Hobbes Videospiele und Hobbes Programmierung sehen. Und jetzt auf der Serverseite können wir einfach nach dem HobbyName suchen. Und wir wissen, dass Videospiel und Programmierung für Ihre Probe ausgewählt wurden. Sie müssen es jedoch wissen. Es ist gut zu wissen, wo die Klangsprachen nicht in der Lage sind, es richtig zu analysieren. Wenn du hier keine eckigen Klammern hinzufügst, okay? Entweder verwenden Sie den gleichen Namen, denken Sie daran, dass Sie möglicherweise müssen, bedeutet nicht, dass Sie diese Klammern hier immer hinzufügen müssen. Also wäre das jetzt wie auf dem Server, ligand Guan Variable. Es wäre also eine Art RA, die Werte wie diese. Mach dir keine Sorgen, wenn du dich jetzt nicht verstehst, denn du solltest dich auf HTML konzentrieren, okay, auf die Erstellung von Dingen wie die Darstellung der Daten, okay? Aber Sie müssen nur im Kopf haben, vielleicht eines Tages, wenn Sie diese Daten verarbeiten möchten, wenn Sie das PHP lernen, zum Beispiel JavaScript. Vielleicht musst du das hinzufügen, nicht immer. Vielleicht musst du es vielleicht hinzufügen, oder? So fügen Sie das Kontrollkästchen hinzu und machen es auch so, damit andere die Daten verarbeiten können, dass diese nicht gesendet werden können. Das ist nur die Lektion. Vielen Dank. 45. Meist benutzte Attributen in Formen: Hallo, meine Freunde. Wie lernen Sie heute die am häufigsten verwendeten Attribute in Eingabeformularen? Konzentrieren wir uns auf das überprüfte. Beachten Sie, dass, wenn wir hier sind , wir jemanden fragen, welche Art von Delhi sehr wollen Sie wählen? Und immer in solchen Fällen sollten wir standardmäßig etwas wählen. Wir sollten etwas standardmäßig überprüfen. Warum ist es so? Denn stellen Sie sich die Form vor, wo Menschen sind da Dinge. Diese Form ist ziemlich lang. Und standardmäßig werden die meisten Menschen zum Beispiel die Karriere wählen, oder? Und darauf basiert, können Sie etwas anderes zeigen, oder? Wenn jemand das Schwein auswählt, auf das ich hinweise, kannst du ihm etwas anderes zeigen. Also sollten wir eine Standardoption wählen, damit er nicht direkt hier darauf klicken muss. Du kannst es später ändern, mach dir keine Sorgen. Wir können standardmäßig zum Beispiel hier gesetzt, überprüft. Also, wie Sie sehen können, ist das erste, was zu überprüfen, wenn ich die Seite aktualisiere. Immer verschieden standardmäßig ist gesetzt, aber natürlich können wir die später auf etwas anderes ändern, oder? Aber standardmäßig setzen wir es auf Kourion. In einer solchen Situation ist es eine gute Idee. Aber in einer Situation wie Was ist Ihr Hobby? Es ist immer noch Grube, oder? Denn was wir mit so etwas tun können. Aber das Problem ist, warum sollten wir uns für das Hobby entscheiden, oder? Es ist Tag Hub nicht unser sein. Wir sollten es nicht tun. Aber falls ich sehe, welche Art von Lieferung möchten Sie wählen? Es ist eine gute Idee, auch eins davon zu erreichen. Denn die meisten Male würden Sie sich sowieso für Courier entscheiden, zum Beispiel, richtig? Ok. Also das ist eins, benutze das geprüfte. Sie bemerken wahrscheinlich, dass es keinen Wert für dieses Attribut gibt. Wie ist es möglich? Da es einige Attribute gibt, dass das Volume mit dem Namen des Attributs identisch ist, wie diese, überprüft gleich überprüft. Und um ehrlich zu sein, ist das selbstbeschreibend genug? Wenn du es dir ansiehst? Es ist genug, wenn Sie zu sehen, dass wir gerade dieses Attribut hinzugefügt. Und du musst das Ding nicht einfach hier stecken, okay? Browser, wir wissen, dass, wenn Sie es so setzen, Es ist Sie genau wie diesen Link hier hinzugefügt. Ok? Jetzt noch ein paar weitere Attribute wie diese, über die wir gesprochen haben. So wie zum Beispiel erforderlich. Was macht es? Nun, stellen Sie sich vor, Sie erstellen einen Eingabetyp Text. Und du fragst jemanden nach der Straßennummer, Straßennummer, richtig? Und zum Beispiel, Straßenname wie dieser. Und glauben Sie mir, wenn die Leute hier den Straßennamen eingeben, was auch immer, sie neigen dazu, die Straßennummer zu vergessen und später, Dinge wie das verursachen Probleme, denn wenn jemand etwas bestellt und er dafür bezahlt, müssen Sie den Kerl anrufen und Fragen Sie ihn nach der Straßennummer, weil Sie ihm keine Lieferung schicken können, oder? Weil du nicht weißt, wohin du schicken sollst. Deshalb sollten Eingaben wie diese erforderlich sein, oder? Wir müssen das erforderliche Attribut hinzufügen. Und was ändert sich, wenn ich auf „Senden“ klicke? Wie Sie sehen können, haben wir q jetzt eine Nachricht, bitte füllen Sie dieses Feld aus. Ziemlich cool, richtig? Wenn wir es entfernen. Damit Sie sehen können, können wir einfach gehen und die Bestellung abschicken, oder? Aber damit können wir es nur tun, wenn wir etwas setzen. F: Das ist also ziemlich cool, denke ich, hier in Fällen wie diesem erforderlich zu setzen. Als Nächstes ist der Autofokus. Autofokus konzentriert sich, wie der Name schon sagt, auf eine der Eingaben. Wenn sich jemand auf den Patch bezieht. So etwas ist Yoast, sagen wir, Sie erstellen ein Spiel und Sie fragen eine Person, der Benutzer, zu geben, wie viele Einheiten, Pferde, zum Beispiel, er will kaufen, oder? Und Sie erstellen die Input für diese live in Harmonie Einheit Pferde, richtig? Und er muss laufen, er muss darauf klicken, um die Nummer hier zu setzen, oder? Das ist nicht cool, wenn er diese Dinger macht. Zum Beispiel. Jedes Mal, wenn er dazu kommt , will er Pferde kaufen. Also klickt er zum Beispiel auf die Verbindung Goldpferde oder die staatliche Ebola, so etwas, richtig? Und er klickt darauf und er will Pferde kaufen. Und warum muss er darauf klicken? Wieder? Das braucht nur Zeit. Sie können sich erinnern und so etwas wie diesen Autofokus tun. Und jetzt, wenn ich diese Seite aktualisiere, wenn ich etwas auf dieser Seite mache, richtig? Und ich erfrischen sie, immer der Fokus hier drin, richtig? Sie können sehen, dass es hervorgehoben ist und Sie können die Zahl hier eingeben. Das ist, wenn Sie den Autofokus verwenden. Sie möchten den Fokus auf eine der Eingaben sofort setzen und Sie helfen anderen, das Formular zu fühlen. Ich finde es ziemlich cool. Die nächste Sache ist die Größe und maximale Länge. Beachten Sie den Kopf gerade jetzt, wenn wir fragen, wie viele Sie brauchen jemand kaufen will, können wir hier große Zahl setzen, das ist das erste, was und die Größe der diese nur zu vk. So können wir es ändern, indem wir das Größenattribut hinzufügen. Und wir können zum Beispiel ihr Formular eingeben. Und das kann sehen, dass es eine kleinere Zahl ist, Sie können zwei setzen, es ist noch kleiner, oder? Dies definiert also nur, wie groß die Eingabe ist. Aber wir können hier noch eine große Zahl setzen. Sie können diese Zahl begrenzen, indem Sie etwas namens maxlength verwenden. Und wie der Name schon sagt, setzen Sie hier ein, wie viele Buchstaben in die Eingabe eingefügt werden können. Also, wenn ich eins sage, wie Sie jetzt sehen können, kann ich nicht mehr als einen setzen, oder? Ich kann eine beliebige Nummer hier setzen, richtig. Aber ich kann nicht oder ein letzterer Teil, ich kann nicht mehr davon. Du denkst vielleicht, okay, aber warum er Briefe richtig setzen kann, weil es M ist, Texteingabe. Wenn Sie überprüfen möchten, ob einige Dinge, die hier gesetzt werden, wie Sie nur Zahlen hier haben möchten, die Sie für Schulden JavaScript und später verwenden müssen, ist es auch eine gute Idee, eine serverseitige Programmierung zu verwenden Sprache wie PHP, denn Dinge wie diese können ziemlich einfach betrogen werden, okay, Leute können hier Dinge auch mit dem Inspektor eingeben, so dass Sie nicht alle Informationen glauben können, die von hier kommen. Schlecht. Nun, für einige grundlegende Benutzer sind solche Dinge ziemlich cool, oder? Es geht, sie wissen jetzt, dass sie auf die Zahlen von eins bis neun setzen können. Und nun, es gibt etwas namens Satelliten-Platzhalter , wo Sie vorschlagen können, zum Beispiel, sagen , hey, sind wir hier 129, erlauben Nummern 1, 2, jetzt, neun, nur. Jetzt, wie Sie sehen können, haben wir hier die Notentexte 12, 9, und wenn ich die Nummer, verschwindet sie. Also ist es nur ein Vorschlag, was man hier setzen kann? Und denke, das ist ziemlich kalt in Fällen wie zum Beispiel auch hier. So kann ich zum Beispiel einen Platzhalter erstellen. Und zum Beispiel ist dies erforderlich, oder? Und er sagt jetzt nichts, okay, diese, die es erfordern, um die Straßennummer zu setzen, aber übertreiben Sie es nicht, weil Platzhalter vielleicht aufgerufen wird. Aber stellen wir uns vor, dass Sie ein Passwort erstellen. Lassen Sie uns ein paar Bruchkanten erstellen, weil es gerade nicht gut aussieht. So wie das. Lassen Sie uns ein Passwort erstellen. Also im Port-Passwort. Und wie Sie hier sehen können, haben wir ein Passwort. Und stellen wir uns vor, dass wir in den Platz Halter Sache schieben eine spätere, zwei Zeichen, Großbuchstaben. Dreimal. Auf der ganzen Welt. Sie haben hier eine Art Forderung darüber gestellt , wie möglich es aussehen sollte und wenn jemand es anschaut. Okay, also kann ich acht Buchstaben setzen und die Hitze beginnt zu tippen und er sagt, wie viele Briefe waren das? Wie viele sollten Großbuchstaben sein? Wie viele Zeichen durch diese Verwendung wie das Ausrufezeichen oder so weiter, richtig? Das ist ein Platzhalter, bei dem US-Schach so denkt, okay? Aber übertreiben Sie es nicht, wenn es viel Finks zu schreiben gibt. Legen Sie es nicht an den Ort, den man die Lesevorgänge nennt. Besser, es so auszudrücken. Oder zum Beispiel später erfahren Sie, dass Sie zum Beispiel können. der Maus über etwas und Sie können einen Tooltip erstellen , in dem Sie der Person zeigen können, wie möglich es aussehen sollte, okay, das ist besser, als den Platzhalter in diesem Fall zu verwenden. Und Sie haben etwas, was als Wert bezeichnet wird, ist der Standardwert für etwas. Nun, in Fällen wie diesen, bevor wir es verwenden, um den Bereitstellungstyp auf einen Wert zu setzen , den diese später an den Server gesendet und dann schreiben. Der Wert hier wird für den Benutzer als Standardwert sichtbar sein. So zum Beispiel, Straßennummer, Nehmen wir an, dass wir einen guten Wert haben 92, in Ordnung? Und jetzt, wie Sie sehen können, haben wir hier 92 als Standardwert. Es ist kein Platzhalter. Also, wenn ich hier etwas tippe, verschwindet es nicht richtig? Hier verschwindet es, aber hier tut es nicht. Also muss ich es tun. Und Sie fragen sich vielleicht, wann so etwas in Fällen von Texten verwendet wird. Stellen wir uns vor, dass Sie eine Seite erstellen, wo Menschen ein Konto erstellen können, oder? Und sie haben eine Art von Daten wie Straßennummer, wo sie verlassen, wie ihr Name ist und so weiter. Und jetzt stellen Sie sich vor, dass Sie ein Top haben, wo Sie den Leuten erlauben , ihre Daten zu ändern, oder? Und wenn sie auf diese Registerkarte gehen, können sie ein Formular mit vielen Eingaben sehen, in dem sie die Werte ändern können, wie das Wort, das sie verlassen usw. Und für den Fall, denke ich, es ist eine gute Idee, standardmäßig das zu setzen, was sie vorher geschrieben hatten, oder? Vielleicht wollen sie nicht jeden Eingang ändern, oder? Sie wollen nicht alle Daten über sie ändern. Vielleicht wollen sie auf LET die Telefonnummer zum Beispiel ändern. So werden sie nur die Telefonnummer durch andere Dinge ändern sollte, wissen Sie, bereits dort getippt werden. Die Standardwerte sollten also hier gesetzt werden. Und auf diese Weise. Damit sie nicht die kostbare Zeit verlieren, oder? Weil sie alles von Grund auf neu eingeben müssen , um nur eine Sache zu ändern, oder? Also ist es eine gute Idee, so etwas zu tun, um es wie das Leben besser zu machen. Das sind also die wichtigsten Attribute, die ich für wichtig halte, aber es gibt noch viel mehr von ihnen. Sie können auf die Mozilla Developer Seite gehen und dann in HTML-Elemente Referenz auf die Eingabe gehen. Wie Sie sehen können, gibt es viele mehr gibt auch Arten von Eingängen. Sie können die Beispiele hier sehen, aber auch es gibt viele Attribute und mit einer kurzen Beschreibung. Aber ich habe dir das Wichtigste gezeigt. Es ist nur voller Zeit, jedes mögliche Attribut zu lernen, wenn Sie wahrscheinlich nie einige von ihnen in Ihrem Leben verwenden, oder? Wenn du sie brauchst, dann wirst du sie auf Laura ziemlich schnell finden, weil du den Papst gekauft hast, der diesen Tag in der Google hält. Einige Frage und Sie werden in diese Flagge über Workflow-Website bekommen und Sie werden die Antwort hier ziemlich schnell finden. Zum Beispiel, so. Aber einige Dinge sind nicht nur damit verbunden, wie der Krieg, aber wann sollten Sie sie verwenden? Und das ist, wenn es gut ist, Video-Autos wie dieses zu haben, um Hinweise zu sehen, wann man Dinge benutzt. Denn wenn Sie zum Beispiel den Platzhalter übertreiben, werden Ihre Formulare nicht Kohle sein, oder? Das ist nur diese Lektion. Vielen Dank. 46. EXERCISE: So erstellst du ein Kontaktformular auf deiner Website: Hallo meine Freunde, es ist Zeit zum Üben. Ich möchte, dass Sie ein Kontaktformular auf Ihrer Website erstellen, denn gut, jede Website sollte so etwas haben. Sie sollten dem Benutzer Ihrer Website erlauben, sich mit Ihnen in Verbindung zu setzen, sonst sehen Sie möglicherweise nicht glaubwürdig aus. Ok? Also, um es zu tun, gehen Sie jetzt verwenden einige Eingaben. Und auch so etwas hier, über das wir noch nicht gesprochen haben. Wenn dieses Ding Textbereich genannt wird, können Sie darüber lesen. Google. Und das ist auch Ihre Übung, weil manchmal werden Sie nicht alles wissen, Glauben Sie mir, okay, so lesen Sie darüber oder sogar, wenn Sie etwas tippen. Aber stattdessen gibt es Informationen über solche Dinge. Hier auch, schauen und Sie können darauf klicken. Also mach dir keine Sorgen, du kannst darüber lesen, oder? Natürlich werden wir das tun. Es ist auch in diesem Vortrag. Mach dir also keine Sorgen, wenn du es nicht alleine machen willst. Aber es ist gut, dass du manchmal alleine trainierst. Ok. Also versuchen Sie es auf eigene Faust zu tun. Ok. Mach das gleiche, was hier auf der rechten Seite zur Verfügung steht. Okay, lass uns all diese Dinge jetzt von Grund auf machen, denn dieses Gesetz und so werden wir dann viel mehr als nur durch einen Blick auf die SCCOE, glauben Sie mir. Also müssen wir welche Form erstellen, oder? Und wie Sie sehen können, gibt es zwei Arten von Formularen. Get and pulse wird die post Methode verwenden, weil, na ja, wir wollen nicht, um den Inhalt der E-Mail innerhalb des Links zu senden. Wie gesagt, Post macht die Daten, die gesendet werden versteckt, richtig? Also werden wir die Post-Methode und die Action-Sets verwenden, wo wir ihre eigenen senden möchten. Nehmen wir zum Beispiel an, dass Sie auf Ihren Servern etwas namens Prozess, Senden, E-Mail wie folgt haben, oder? Und PHP, weil es die PHP-Sprache verarbeiten wird. Also haben wir jetzt unsere Form. Wir sollten in der Lage sein, ein Formular zu senden, wie es zu essen. Lassen Sie uns also einen Submit-Button erstellen, der einen Wert von Schweiß haben wird. Aber vielleicht lassen Sie uns alles auf dem Feld sagen, richtig, denn, nun, das wird ein bisschen größer sein. Also lasst es uns so machen. Und jetzt lasst uns hier alleriesen. Und sagen wir, zum Beispiel, Kontakt mit uns, oder? Es sieht also besser aus. Und jetzt müssen wir nach Dingen fragen, wie etwa nach einer E-Mail, oder? Lassen Sie uns also eine Eingabe erstellen, die diese nicht eingegeben werden können. Was ist der Unterschied zwischen einer E-Mail und einem Text? Wie Sie sehen können, sehen Sie, wenn Sie sich das ansehen , erstens keinen Unterschied, aber es gibt eine große Sache. War der Unterschied. Nun, das erste, was er sagte, wenn jemand seine E-Mail häufig in den Formularen verwendet, könnte er einen Vorschlag bezüglich Schlüssel-E-Mail bekommen. Das ist also ein großer Vorteil, oder? Und die zweite Sache ist, dass wir Ihnen jetzt eine E-Mail schreiben müssen. Also dieses Ding wird nicht gesagt werden, bitte geben Sie eine E-Mail-Adresse ein, richtig? Sie müssen ein Bild eingeben. Also etwas, das ist, Sie haben dieses Schild hier drin, richtig? Jetzt. Wir können es schicken. Sonst wird es nicht gesendet. Sie können jedoch ein leeres Bild senden. Das ist also nicht auch etwas, was wir haben wollen, weil wir jemanden kontaktieren wollen, der uns eine E-Mail sendet, richtig? Wir müssen antworten, es könnte noch einmal, deshalb sollte dieses Feld benötigt werden, oder? Okay, nennen wir es E-Mail. Also jemand, der nicht wusste, was er hier eingeben soll, und der Name wird E-Mail sein. Und wir können auch die ID auf E-Mail setzen, wenn Sie möchten. Später fungiert als dieses Feld true, zum Beispiel CSS. Jetzt brauchen wir es nicht, aber wer weiß? Vielleicht brauchen wir es. Vielleicht möchten Sie ein Label dafür erstellen, zum Beispiel E-Mail. Und wenn jemand darauf klickt, wird er das Formular hier auswählen, richtig? So können wir die ID in der gleichen Nacht, ihren Namen und den Typ dieses Mal verlassen . Okay, also haben wir eine E-Mail und jetzt müssen wir nach dem Benutzernamen fragen. Also werden wir einen typischen Text mit dem Namen, Namen erstellen. Es, weil, wenn wir nach dem Namen fragen, so wird es Name genannt werden. Und nun, das sollte auch erforderlich sein. Ich denke, später gehen wir jetzt nach dem Thema fragen. Also lasst es uns so machen. Nun, ich denke, wir sollten etwas Pause, Pausenlänge gebrauchen, oder? Also lassen Sie uns zum Beispiel, ich musste Zeilen wie diese brechen. Jetzt haben wir hier einen E-Mail-Namen. Wir könnten eine weitere Bruchlinie wie diese gebrauchen. Nun, wir haben nach dem Thema gefragt und wir sollten auch nach dem Inhalt der E-Mail fragen, oder? Und dafür werden wir die Eingabe verwenden, die Textbereich genannt wird. Der Unterschied zwischen Textbereich und den typischen Texten ist, dass aussehen, wenn ich so etwas mache. Inhalt, Inhalt. Beachten Sie, dass das klein ist, oder? Sie können hier viele Dinge eingeben, oder? Wie der Inhalt der E-Mail, richtig? Oder es ist eine Art Post im Forum. Wir können verlangen, dass jemand Dinge in einer Zeile schreibt. Das ist das Erste. Die zweite Sache ist, wenn ich auf die Enter klicke, wie Sie sehen können, unser Formular ist B wird gesendet werden. Nun, wir haben hier nicht alles schlecht wenn wir alles eingeben, was benötigt wird, und ich klicke hier, geben Sie ein, es wird sinnvoll sein. Die Texteingabe ruft die Sendeaktion auf, wenn jemand die Eingabetaste drückt. Es ist also auch nicht etwas, das wir hier haben wollen, oder? Deshalb werden Sie etwas namens Disco-Textbereich verwenden. Also werden wir das entfernen. Und wir gehen jetzt Textbereich erstellen. Wie Sie sehen können, haben wir hier ein paar Dinge hinzugefügt. Das erste, was ist der Name, denn gut, wir müssen irgendwie in der Send Email dot PHP interpretieren. So zum Beispiel, in einem Inhalt haben wir es in meinen Inhalten. Und ich habe Kate nicht identifiziert, oder solange wir es vorerst entfernen können. Und hier ist so etwas wie Spalten und Zeilen. Beachten Sie, dass dieses Pink ziemlich groß ist, oder? Es liegt daran, dass die Spalten auf 13 eingestellt sind. Wenn ich es auf 10 ändere, wie Sie sehen können, wird die Größe geändert, oder? Das sagt also, wie groß horizontal unser Textbereich sein sollte. Ok. Also lassen wir es so, wie es vorher war. Ich denke, es ist ziemlich gut. Und sie sind alle sagt, wie viele Zeilen können, können, kann, kann der Benutzer eingeben, genau wenn ich nur eine benutze, also wird es nur eine falsch ohne die Schriftrolle hier geben, richtig? Wir haben die Schriftrolle hier. Wenn ich Werkzeug tippe, wie Sie jetzt sehen können, können wir zwei Zeilen nehmen, aber die dritte Zeile sind die Scroll hier automatisch. Ich denke, 10 ist ein sehr guter Ausgangspunkt. Also machen wir es vielleicht ein bisschen besser, indem wir hier die Bremsleitung hinzufügen. Ich denke, wir sollten hier auch eine Aufschlüsselung hinzufügen , um sicherzustellen, dass, wenn jemand die Größe ändert, es vorbei ist. Ok. Und der Unterschied zwischen einem Textbereich ist auch diese, die bemerken, dass ich die Eingabetaste hier richtig drücken kann? So oft ich will. Und so sollte es sein, oder? Denn im Moment wollten wir eine Art von Text erstellen, wirklich Tags, nicht nur einfache Wortmögen, Tipp, Thema, ein paar Worte schreiben. So erstellen wir den Textbereich. Und bemerken Sie auch, dass, wenn ich hier Sampling tippe, es ist weiter gegangen. Refresh-Ratensteuerung plus Shift plus R Wie Sie sehen können, wird es hier angezeigt. Dies ist also ein Standardtext, nicht hier. Wir setzen den Wert nicht ein, wie in den Eingaben, um Eingaben zu werden. Aber wir legen den Wert hier. Warum? Weil jedes Leerzeichen im Textbereich interpretiert wird. Das ist der große Unterschied, oder? Immer betreten wird auch interpretiert werden. Ok? Das ist also wichtig zu wissen, dass es so funktioniert. Allerdings denke ich, es ist eine gute Idee, einen Platzhalter zu halten und fragen Sie die Benutzer nach etwas wie, Wie kann ich Ihnen helfen, richtig? Ich denke, kleine Dinge wie das macht Ihre Website, während das Kontaktformular besser empfangen, okay, die Leute werden besser von Ihnen denken, wenn Sie solche Dinge tun. Also, wie kann ich auch haben, ich kann hier ein paar Dinge tippen und jemand wird mich umarmen, oder? Ich werde nur kleine Dinge, aber sie sind wirklich wichtig. Und zum Beispiel können Sie in der E-Mail auch den Platzhalter hinzufügen. Zum Beispiel hier draußen, das E-Mail-Zeichen wie folgt. Also schlagen Sie vor, okay, hier ist ein Ort für E-Mail. Sie können beispielsweise auch den Autofokus hinzufügen . Wenn ich diese Seite aktualisiere, wie Sie sehen können, muss jemand nicht hier klicken. Er heizt, er fängt gerade an, er kann sofort die E-Mail tauchen, oder? Also haben wir eine Struktur geschaffen. Es sieht nicht gut aus, weil solche Dinge hier nicht ausgerichtet sind. Sie können es ändern, keine Sorge, CSS später verwenden. Außerdem funktioniert es nicht richtig? Denn wenn ich gut darauf klicke, wenn ich darauf klicke und ich alles Q setze, weil es jetzt erforderlich ist werden wir so zur Seite geschickt und es wird nicht verarbeitet. Aber keine Sorge, du wirst lernen, wie man solche Dinge macht, oder jemand anderes wird es für dich tun. Ok? Moment lassen Sie HTML. So lernen Sie, wie man richtig alles, was Inhalte auf Ihrer Website mehr Lektion. Und wie immer, wenn Sie irgendwelche Fragen haben, zögern Sie nicht zu fragen. Haben Sie einen guten Tag. 47. Grundlagen des Entstehens von Tabellen: Hallo, mein Freund. Heute werde ich Ihnen zeigen, wie Sie eine Tabelle erstellen. Aber erstens, was ist ein Tisch? Tabelle ist eine Darstellung von Daten in Spalten und Zeilen. Ok? So ermöglicht es Ihnen als Webentwickler, Daten in einer guten Art und Weise zu arrangieren, oder? Weil es so aussieht, als ob es so gezeigt werden sollte, oder? Es ist nicht so, als würde jemand nur Daten in Text schreiben. Und das ist in Ordnung. Das sieht gut aus. Du weißt es genau jetzt, okay, also der Name des Kurses ist dieser, die Preise für diesen Kurs. Und wir wissen auch, dass dies eine Tabelle in Bezug auf Video-Tutorials ist. Und er sieht auch ziemlich nett aus. Und Sie fragen sich vielleicht, warum es schön aussieht, wenn, hey, wir haben hier eigenen HTML ist, weil es ein kleiner Blick auf CSS ist. Beachten Sie, dass etwas schrecklich aussehen kann und Sie ändern können , wie es aussieht, wenn Sie CSS ziemlich schnell verwenden, oder? Also dieses Ding verknüpft mit der Style-CSS-Datei , die wir lernen werden, wie man in zukünftigen Vorträgen erstellt. Also für jetzt wissen wir nur, wie es so geht. Es tut mir Leid. Aber Sie können sehen, wie leistungsstark CSS jetzt und Sie können sehen, dass es eine gute Idee ist, von diesem Kurs zu lernen. Denn gut später lernt man coole Dinge. Okay, also lasst es uns entfernen. Es tut mir Leid. Lass es uns so aussehen. Und lasst uns diesen Tisch hier entfernen. Und lassen Sie uns versuchen, es selbst zu schaffen. Also lassen Sie uns eine Tabelle erstellen. Um eine zu erstellen, erstellen Sie eine Tabelle, müssen wir ein Tabellentag verwenden, das für die Darstellung von Daten in Spalten und Zeilen verwendet wird, richtig? Und nun, um Tabellenzeile zu erstellen, müssen wir dieses Tag verwenden, das Tabellenzeile t genannt wird, r. Jetzt können wir innerhalb der Tabellenzeile setzen, die etwas ist, das horizontal in die Tabelle gelegt wird. Irgendeine Art von Daten. Wir müssen es mit TD-Tabellendaten tun. Tabellen-Datenpaket wird auch Zelle genannt. Ok? Also werden wir eine Tabelle Daten hier setzen und nennen wir es, zum Beispiel, Name. Wie Sie sehen können, haben wir hier jetzt einen Namen. Wir können so viele setzen, wie wir wollen. Tabellendaten sind hier, okay, also können wir noch eine setzen und sie nennen, zum Beispiel Preis in Dollar, richtig? Und wir können einen anderen setzen, einen anderen, einen anderen, so viele wie Sie wollen, und alles wird in einer Reihe vorhanden sein. Du fragst dich vielleicht, jetzt hass geschimpft, es ist in Rao, jetzt in einer Reihe. Aber warum überhaupt die Mühe, Tabellen zu verwenden? Nun, wir könnten alles so schreiben, oder? Nun, es sieht fast aus, fast gleich, oder? Nun, lasst es uns entfernen. Und beachten Sie, dass Sie Rahmen zur Tabelle hinzufügen können , indem Sie etwas namens Es heißt Attributrahmen. Und jetzt, wie Sie sehen können, dass jeder Text in Tabellendaten ist, was eine Zelle ist, die hier eine Art Grenze hat, richtig? Und nun, du machst solche Dinge normalerweise nicht aus HTML, okay? Du machst es durch CSS, aber wir werden es leben. Wie Sie sehen können, ist es sogar auf dem roten, dass Sie es nicht verwenden sollten. Es gibt bessere Möglichkeiten, dies durch CSS zu tun, aber wir leben es nur aus Gründen des Lernens Tabellen. Okay, es wird einfacher für uns sein zu sehen, dass, hey, dieser Name ist drin, diese Partikel sind eine Tabellendaten, richtig? Also haben Sie diesen Namen und den Preis. Und Eve wollen wir jetzt was? Der Name des Kurses. Zum Beispiel, C plus plus, können wir es nicht in die gleiche Tabellenzeile einfügen, oder? Wir müssen irgendwie von hier nach hier springen. Und um es zu tun, müssen wir eine andere Tabellenzeile erstellen. So erstellen wir eine andere Tabellenzeile. Und dann Tabellendaten, die C plus plus ist, und eine andere Tabellendaten, die der Preis oder zum Beispiel 19, 99$ zum Beispiel ist . Und wenn Sie mehr von den Kursen setzen möchten, dann müssen wir dies ein paar Mal kopieren, zum Beispiel so, und ändern Sie einfach die Daten. So zum Beispiel hier zu Java, der Preis, und zum Beispiel hier zu pi zehn und den Preis, richtig? Also haben wir gute, jetzt eine Tabelle mit Tabellenüberschriften und Daten innerhalb. Beachten Sie, dass ich gesagt habe, dass dies keine Daten sind, das sind Tabellenüberschriften, richtig? Weil diese beiden Titel beschreiben, was unten ist. Und deshalb solltest du diese Typen Tabellenkopfzeilen nennen, okay? Th steht für Tabellenkopf ist auch gut, etwas hinzuzufügen, was als Beschriftung bezeichnet wird. Beschriftung sollte ein Tag sein, das diese danach, das Tabellen-Tag innerhalb des Tabellentags, aber das erste Tag danach. Und hier drüben können wir eine Beschriftung machen, damit wir unseren Tisch benennen können. Und zum Beispiel, nennen wir es ein Video-Tutorials. So präsentieren wir jetzt die Daten richtig und leichter. Wenn Sie CSS lernen, könnten Sie einfach tun, welchen Link zur style.css und ändern, wie es aussieht, richtig? Was jetzt ziemlich gut ist. Wir werden die Grenze entfernen, wenn wir sie nicht von hier wollen , und es sieht noch besser aus, oder? Also leider, das ist nicht das, was Sie jetzt tun. Wir müssen dabei bleiben. Es ist gut zu wissen, dass Sie angeben können, welcher Teil Ihrer Tabelle Tabellenkopf oder Tabellenkörper ist. Also kannst du solche Sachen machen. Dies ist Tabellenkopf, weil wir hier gute Header haben. Und dieser Teil ist Table Glatze, weil dies der Inhalt Ihres Tisches ist. Und du könntest sagen, warum sollte ich das tun? Nun, Sie werden Ihr Leben einfacher machen, wenn Sie diese Daten in CSR oder JavaScript verarbeiten wollen , okay? Zum Beispiel nur für das Set. Aber was, es ist nicht etwas, das von HTML und Krieg benötigt wird. Okay, also können wir einen Tisch erstellen und jetzt ist es Zeit für Bewegung. Manuell erstellen. Und dann mit M in einer Tabelle mit drei Zeilen und fünf Spalten. Ok? Also manuell werden Sie einen Tisch machen. Tabelle sind alle Tabellendaten und Sie kopieren diese nur fünf Mal 1, 2, 3. Das hat mich dazu gebracht, es so zu tun, weil sonst, wo ich so Tabellendaten, Tabellendaten, Tabellendaten, also ein Maulwurf bin. Und dann würdest du das so kopieren, richtig? Wir brauchen drei Reihen von Nullen, also so, okay, also lösen wir es. Aber du kannst Emmet auch benutzen, oder? Also innerhalb der Tabelle, haben wir gute alte Tabellenzeile. Wir können sehen, dass jetzt haben wir Tabelle falsch. Wir brauchen in welchen Tabellendaten, wir brauchen es fünfmal und wir müssen alles mit drei multiplizieren. Und da haben wir es sogar noch ein bisschen schneller erschaffen, oder? Und es sieht auch ziemlich gut aus, oder? Weil wir die richtige Einrückung scheint nur die Lektion, vielen Dank. Haben Sie einen guten Tag. 48. So dehnst du Zellen mit Rudern?: Hallo, mein Freund. Heute werden wir darüber sprechen, wie man eine Zelle dehnt, um sich auszudehnen. Und wenn so etwas gebraucht wird. Um dies zu verstehen, zeige ich Ihnen ein praktisches Beispiel. Schauen Sie, wir haben jetzt gute kostenlose Kurse hier, C plus, plus Java und Python. Welche Art von Kursen sind das? Sie sind die Programmierkurse. Stellen Sie sich vor, wir haben mehr Kurse wie zum Beispiel, sagen wir, wir haben C plus, plus Java, Python. Und lassen Sie uns sagen, dass wir gute HDMI, CSS und zum Beispiel JavaScript haben, richtig? Wie Sie sehen können, ist dies die Programmierung von Kursen. Und hier haben wir die Web-Entwicklung Kurse. Sie haben also einen anderen Typ, oder? Art des Kurses. So können wir hier eine andere erstellen. Tabellenkopf. Zum Beispiel, sagen Sie Art von Kurs, oder? Okay, also können wir jetzt angeben, also all diese hier, gut 32 und fördern diese TD. Und dieser hier programmiert, oder? Und hier haben wir was dann? Web-Entwicklung, richtig? Sagen wir einfach nass. Wie Sie sehen können, wiederholen wir uns hier und das sieht definitiv nicht gut aus, oder? Weil wir sie jetzt nach dem Typ sortiert haben. Und wiederholen wie dies macht Ihren Tisch einfach nicht niedrig Gold, Es ist einfach nicht lieber Einkaufen. Ich denke, dass sich die Programmierung hier erstrecken sollte, sollte sich in diesem Fall von einer Zelle zur zweiten Zelle zu Zelle erstrecken . Und dafür verwenden wir das span Attribut. Spanne bedeutet, erstreckt sich bis zu einem Bereich. Es ist, in welchem Ausmaß etwas ausdehnt. Und nun, in unserem Fall wollen wir überspannen. Also wollen wir Stretch in der Rolle erweitern, richtig? Weil wir wie anstelle einer Rolle haben wollten, sollte 1, 2, 3 Zeilen nehmen , oder? Und deshalb werden wir die Programmierung von hier entfernen . Und wir werden diese Zelle hier wählen, diese spezielle Zelle, und Sie wollen sie zweimal hier unten erweitern. Also werden wir ihr rowspan Attribut eingeben und hier nicht zwei eingeben, weil zwei bedeutet, dass es sich auf zwei Zellen erstrecken wird, einschließlich sich selbst, sondern um frei. Und jetzt sieht es besser aus, nicht wahr? Okay, also machen wir dasselbe mit dem Web, richtig? So wie das. Und jetzt die Zeilenspanne zum freien Schreiben, wenn es mehr von ihnen gab, dann, na ja, sagen wir zum Beispiel, wir haben gut. Nun, beachten Sie, dass die js, dann werden wir es einfach auf vier Zellen erweitern. Eine Zelle, die auf vier Zellen erweitert wird. Es braucht jetzt nur noch den ganzen Platz. Und ich denke, es sieht besser aus, oder? Weil wir die gleichen Informationen nicht oft wiederholen. Es ist ein Tisch, der professionell aussieht. Also, das ist, wenn wir die Zeilenspanne verwenden oder wir verwenden die Colspan auch was? Um sich im Falle von Kolspan-Säulen zu strecken, oder? Weil es heißt, steht für Säulen. Richtig? Stellen Sie sich vor, Sie möchten zusätzliche Informationen zu dieser Tabelle geben. Wie zum Beispiel, alle diese Kurse wurden in englischer Sprache erstellt oder zum Beispiel, dass sie von mir erstellt wurden, sind Fänge ohne Küken. Alles klar, was würdest du tun? Nun, Sie könnten hier unten in Text eintauchen oder Sie könnten diese Informationen in die Tabelle einfügen. Aber Sie müssen es irgendwie tun, wo er fährt, um sicherzustellen, dass niemand denkt, dass dies wie eine Daten in der Tabelle ist, oder? Das steht für den Namen, Preis oder Typ, richtig? Also müssen wir alle verbinden, die Zellen hier unten. Und während wir sie richtig dehnen müssten, also müssen wir die Spannweite richtig machen? Also lassen Sie uns eine Tabelle falsche Tabellendaten erstellen. Und sagen wir, dass alles hier von mir geschaffen wurde, oder? So geschaffen von Al-Qaida. Und das Problem über ist die, ist, dass jetzt diese Tabelle Datenzelle ist alles erweitert, oder? Weil alles drin sein musste, naja, eine einzige Zelle. Und wir haben hier eine große Lücke, oder? Und die zweite Sache ist, dass wir einen leeren Raum haben , den wir nicht brauchen, oder? Deshalb wäre es toll, es zu reparieren. Nun, Sie könnten den leeren Raum reparieren, indem Sie zwei zusätzliche Tabellendaten einschließen, richtig? Aber wir beheben nicht die größte Lücke, die wir hier haben. Also müssen wir eine Dehnung machen. Also müssen wir Colspan verwenden. Wir müssen unsere Zelle überspannen. Wie oft? Nicht zweimal. Weil wir es dann nur auf zwei Zellen verbieten, aber dreimal. Also haben wir es auf unserem ganzen Tisch, oder? Dies ist also wie eine zusätzliche Information jetzt in Bezug auf diese Tabelle, spezifisch diese Tabelle. Oder du könntest einfach hier tippen, dass das auf Englisch erstellt wurde, was auch immer, richtig? Dies ist Information, die die gesamte Tabelle bewacht. Und nun, Sie könnten es wie dieses Zentrum ausrichten, um es zentriert zu machen, richtig? Es gibt viele andere Werte, die Sie online wählen können. Wie Sie sehen können Derman, andere, aber das nützlichste ist Zentrum. Und um ehrlich zu sein, wie Sie sehen können, ist es rot. Es bedeutet, dass es nicht benutzt werden sollte. Und je mehr ist es besser, CSS in solchen Fällen zu verwenden. Ich denke jedoch, dass es für kleine Dinge wie diese, wenn es selten ist, nur verwenden, keine gute Idee ist, in CSS zu gehen und eine bestimmte Regel zu erstellen, über die wir in Zukunft nicht sprechen können, okay, für nur einen einzigen Fall wie diesen Wenn dieser Tisch nie wiederholt wird, dann vielleicht bist du einfach, du weißt schon, nur ich habe nicht alles funktioniert gut, oder? So erstellen Sie colspan, die die Spalten, die Zellen in der horizontalen Weise dehnt . Also von links nach rechts dreimal in diesem Fall, als Übung, machen Sie die Typspalte auf der linken Seite, nicht auf der rechten Seite, ich möchte Typ, Name und dann den Preis haben . Ok? Es gibt nur die Lektion. Vielen Dank. 49. Was ist CSS?: Hallo, mein Freund. Es ist Zeit für einen super wichtigen Vortrag, denn heute sprechen wir über CSS, das für Cascading Style Sheets steht. Wir werden uns in diesem Vortrag auf diese beiden Worte konzentrieren. Stylesheets in das zweite Rad. Konzentriere dich auf diesen. Also, was ist ein Stylesheet? Es ist eine Datei, die einen Stil für Ihre gesamte Webseite beschreibt. Okay? Und die Stile sehen zum Beispiel hier aus. Also sagen wir zum Beispiel, hey, ich möchte, dass jeder Tisch die Rahmenfarbe verläuft, um zusammenzubrechen. Sie möchten, dass die Schriftgröße gleich dieser ist. Wir wollen minimale Breite gleich diesem haben. Und wir werden auch wollen, dass die Schattenbox hoch ist. Mach dir keine Sorgen, wenn du nicht verstehst, was genau macht, weil wir, weißt du, all diese Dinge in der zukünftigen Vorlesung erklären. Aber vorerst möchte ich Ihnen nur zeigen, dass dies eine Datei ist in der Sie ändern können, wie die Dinge auf Ihrer Website erscheinen. Wie sehen sie in einem einzigen Phi aus? Und warum ist es so wichtig? Okay, lass uns ein paar Absätze erstellen, okay? Wie zum Beispiel ist dies Beispieltext, und lassen Sie uns diese Texte ein paar Mal kopieren. Und jetzt sagen wir, dass wir gute diese Tags haben. Und wollen Sie den Text im Inneren fett machen? Also, wie würden wir es tun? Wir gehen zu etwas wie, zum Beispiel, dieses Recht? Es dauert also ein paar Sekunden, um so etwas zu tun. Nun, wir könnten es beschleunigen, wenn wir ein paar Abkürzungen kennen, wie zum Beispiel das. Und ich habe einen Fehler gemacht, während ich diese gemacht habe. So ist es auch, wie Sie sehen können, anfällig für Fehler. Also werde ich diesen Teil des Videos nicht löschen weil ich Ihnen zeigen möchte, dass dies nicht gut ist, gute Idee. Wie Sie sehen können, haben wir es kühn gemacht. Wir haben eine Lösung, die gut funktioniert, oder? Okay, ich will es schaffen, es wird dauern, und dann, was ich tun werde , wieder, ich werde all diese Dinge auswählen. Alles klar, das, okay, und jetzt ist es Zeit, was? Um deine Meinung zu ändern und zu sagen, ich mag es nicht, es zu haben, oder? Okay, ich kann ein Konturdiagramm z verwenden, aber sagen wir, dass Sie diese 52 Tage später wieder öffnen und dann entfernen müssen. Sie müssen es also so löschen, oder Sie können die F1 verwenden und dann den Angriff entfernen. Also lassen Sie uns sagen, dass, Hey, wir kennen einige Abkürzungen, die uns ein bisschen helfen werden. Aber das Problem ist, dass es immer noch viel Zeit in Anspruch nimmt. Also lasst uns einfach alles von hier entfernen. Okay, jetzt machen wir es wie ein Profi. Also, wie produziert es? Verwenden Sie CSS. Okay, also lassen Sie uns eine Datei erstellen, die wir das CSS nicht ablegen können. Also lassen Sie uns den Ordner hier entfernen, weil wir es von Grund auf neu machen müssen. Und nun, lassen Sie uns einen Ordner erstellen, oder? Warum erstellen wir einen Ordner? Zuerst? Wir erstellen einen Ordner, weil wir viele Stylesheets haben könnten, nicht nur eines, oder? Also lassen Sie uns zu dem Ordner gehen, den wir halten, alle Stylesheets gleich wie für Bilder, oder? Wir haben die Mappe hier. Wir haben nur einen in jeder Gruppe durch den Pflog. Vielleicht haben Sie mehr von ihnen. Und es ist gut, Ihr Projekt klar zu halten. Okay, also haben wir den Ordner CSS, und das Innere davon werden wir eine Datei erstellen, muss eine Erweiterung wie diese haben, CSS, und Sie können es nennen, was auch immer, richtig? Aber nennst du es Stil, denn das ist unser Hauptstil, dot css, fein. Okay? Natürlich können Sie es nennen, wie immer Sie wollen, aber das ist etwas, das wir als Schöpfer gewohnt sind, Okay, nennen Sie es ist eng. Und jetzt ist es Zeit für Magie. Es ist Zeit, alle diese Power-Balkendiagramme auszuwählen. Wie machen wir es? Wir verwenden etwas, was Selektor genannt wird. Okay? Es gibt viele Selektoren in dieser Vorlesung werden Sie den einfachen Selektor lernen , den wir nur wählen oder Angriff nennen. Wie funktioniert es? Nun, Sie geben einfach den Namen von Jack ein, den Sie auswählen möchten, okay, und es ist fertig. Und dann erstellen Sie diese geschweiften Klammern. Das tue ich. Sie erstellen sie, weil Sie hier Eigenschaften einfügen möchten , die sich auf diese Teilchen Herzinfarkt auswirken. Okay? Nun, Sie können mehr als eine Sache auswählen, oder? Also werden wir vielleicht später wollen Sie den BDI, diese Tabelle, DAC, den Beschriftungs-Tag, was auch immer, oder? Und in diesen geschweiften Klammern, etwas, das das CSS analysiert. Es weiß, dass es alle Eigenschaften, die hier sind, auf diesen spezifischen, richtig, den Pazifik-Selektor anwenden muss . Also der Stapel in diesem Fall. Und so haben wir den Absatz ausgewählt und wir wollen, was? So ändern Sie die Text-Darstellung, um sie fett zu machen, z. B. Also, wie machen wir es? Nun, wir geben den Namen der Immobilie ein. Dass wir finden, wo, was wir Control plus Raum verwenden können. Und wie Sie sehen können, können wir hier viele Immobilien finden. Und du könntest jetzt sein, OK, OK, also musst du all diese Dinge auswendig lernen, nicht das Erste ist, dass wir, wie du sehen kannst , welche Hinweise hier haben, richtig? Es wäre also dämlich, sich an all diese Dinge zu erinnern. Es ist gut, die grundlegenden zu kennen, zu wissen, wo man nach ihnen sucht, aber man muss sich nicht all diese Dinge auswendig lernen. Also mach dir keine Sorgen. So werden Sie bald sehen, dass es ziemlich einfach zu bedienen ist , denn stellen Sie sich für eine Sekunde vor, wie eine Eigenschaft aufgerufen werden könnte. Wenn wir auch die Schriftart Aussehen ändern wollen, Es heißt Schriftart. Geben wir Schriftart ein. Und wie Sie sehen können, gibt es eine fam mili von Schriftarten ändernden Eigenschaften. Also, wenn ich dash tippe, wie Sie sehen können, haben wir hier Schriftgröße, die die Größe ändert, oder? Das ist also ziemlich selbstbeschreibend in diesem ist ziemlich cool deswegen. Also lasst uns das Schriftgewicht ändern. Schriftstärke ändert sich dann. Wie viel Tinte ist in der Schrift, richtig? Wir können die Zahl hiermit eingeben, wir werden die Texte wie Bolzen hier wählen, okay, und es wird nur den Text fett Buchstaben machen. Sie können sehen, dass sich nichts geändert hat. Warum ist das? Also, weil wir diese Datei nicht mit diesen fünf verbunden haben. Html5 ist das, was hier ist. Schreiben Sie die CSS-Datei in den Ordner CSS. Dieser Kampf weiß nichts von diesem, oder? Mach das Dumme. Wenn sich etwas automatisch verbinden würde, dann geht es, vielleicht würden Sie nicht wollen, dass dieser besondere Stil mit diesen fünf verbunden ist, oder? Sie müssen also sagen, Sie müssen sagen, dass Sie darauf verlinken möchten. Und um dies zu tun, verwenden wir das Link-Tag, das MME uns durch die Verknüpfung mit dem CSS hilft, wie Sie hier sehen können. Und wenn ich auf Enter klicke, haben wir hier, was die Attributbeziehung, die Shays sagt, dass HTML eine Beziehung zu der Datei hat , die hier als Stylesheet angegeben ist. Also ja, das Stylesheet, richtig? Das ist von diesem Namen. Also dies ist eine Datei, die diesen Typ in einem Blatt beschreibt, okay, Also Größe Blatt, und hier ist der Link zu wo es ist. Beachten Sie, dass es immer noch nicht funktioniert. Warum ist das alles, was es ist? Weil, na ja, diese index.HTML ist im Hauptkatalog, richtig? Und wir müssen irgendwie eine Verbindung zu diesem bestimmten Ort herstellen. Und wir machen es genauso, wie wenn wir es mit Bildern gemacht haben. Also müssen wir es entfernen und geben, was CSS. Und wir müssen in den Ordner von CSS gehen und die style.css auswählen. Und jetzt sieh mal, es ist kühn. Es ist ziemlich cool. Und was ist cooler, dass wir hier noch viel mehr Dinge ändern können. So Schriftgröße wie zum Beispiel, möchte ich es 30 Pixel machen. Lass es uns groß machen. Wie Sie sehen können, ist es jetzt groß und Sie können Ihre Meinung so oft ändern, wie Sie wollen. Und du machst eine Änderung hier in einer bestimmten Datei, du könntest sagen, Hey, es gab nur fünf Absätze. Warum sollte es mich überhaupt interessieren? Das war ziemlich schnell und weg? Ich würde es brauchen, um das Seiten-CSS für den Befehl zu erstellen. Lernen Sie eine neue Sprache für wie Selektoren und Eigenschaften. Okay, aber wir haben hier auf den Fünf-Absatz, stellen Sie sich vor, dass Sie beiseite haben, die zum Beispiel aus 500 Unterseiten besteht . Wenn Sie es tun, dann bin ich sicher, dass Sie alle nicht. Deshalb ist style.css großartig, weil es Ihnen erlaubt, von einem einzigen Feuer zu wechseln, all diese Dinge und was mehr ist? Beachten Sie, dass dieses HTML5 jetzt so klar ist, bevor wir im Durchschnitt gearbeitet hatten, an jedem Tag, wir hatten so etwas, richtig? Und wenn wir es betrachteten, es war schwer, sich auf die konzentrieren, was ist der Text hier und was wir anderen zeigen wollten , dass wir hier einen Absatz schaffen, richtig? Dies beschreibt also das Aussehen der anderen Seite. Dies beschreibt, welche Art von Texten verzerrt ist, oder? Wir sagen, Hey, das ist eine Kopfzeile hier, wir haben eine Beschriftung. Also haben wir jetzt diese zusätzliche Masse nicht hier. Deshalb verwenden Sie die style.css. Beachten Sie also, dass Sie, um etwas auszuwählen , den Namen des Tags eingeben müssen, das Sie suchen möchten. Dann erstellen Sie die geschweiften Klammern und dann den Namen der Eigenschaft. Es gibt viele Namen wie diese und wir lernen die meisten der wichtigsten in zukünftigen Vorträgen und dann die Kolumne, und dann fügen wir den Raum hinzu. Holz wird nicht benötigt. Wie Sie sehen können, ist hier nichts passiert Bett, aber wir fügen es hinzu, um es besser aussehen zu lassen. Natürlich können Sie hosten, so dass Sie alles in einer Zeile haben. Aber diese sehen auch nicht gut aus, oder? Richtig, damit dein Code gut aussieht. Und dann haben wir den Wert, den Wert für die Eigenschaft, die gefunden werden kann, wo. Wenn Sie den Konturdiagramm-Raum verwenden, haben Sie jeden Wert, der hier gesetzt werden kann, oder? Oder vielleicht, wenn Sie etwas vergessen, können Sie auch was tun? Schriftgröße und geben Sie dann von Scotch Schriftgröße. Wie Sie sehen können, können wir hier klicken und wir können leicht darüber lesen. Also keine Sorge, Sie müssen sich das nicht auswendig lernen. Ich erinnere mich nicht an alles, also mach dir keine Sorgen. Das Wichtigste, ja, aber nicht alles. Niemand kann es im Krieg tun. ZB könnte den Vortrag jetzt beenden, aber ich denke, es ist eine gute Idee, Ihnen einige Ideen zu geben, wie CSS anders als jazzy verwendet werden könnte, um das Aussehen auf Deponie zu verändern. Also, was ist das? Stellen Sie sich vor, Sie haben eine Website, die ziemlich gut aussieht, aber gut für Sie. Es gibt viele Benutzer auf dieser Seite und sie nutzen diese Website häufig. Einige von ihnen mögen nicht, wie es aussieht. Vielleicht möchten sie anpassen, wie es aussieht. Ist beides böse. Ja. Sie, Sie könnten ihnen erlauben, die style.css zu ändern und nur für sie einzubeziehen. Die Seiten hier sagen, dass sie einschließen wollen, oder? Sie könnten Ihre Website die verschiedenen, verschiedenen Farben machen. Ziemlich genial, oder? Sie sollten auch wissen, dass Sie das Aussehen Ihrer Website auf den Smartphones ändern könnten . Wenn jemand den großen Monitor hat, können Sie alle Elemente auf dem gesamten Monitor kratzen und sie werden ziemlich gut aussehen. Aber später, wenn jemand öffnet 0 Website auf Smartphone, sehen wir nicht gut aus? Also manchmal müssen Sie sogar etwas entfernen oder das Aussehen ändern und Sie können es tun, richtig? Du kannst ausdrücklich sagen, dass dieser Flügel auf dem Smartphone so aussehen wird, okay. Obwohl Sie sogar ändern können, wie Ihre Website aussieht, wenn jemand sie druckt? Ja, Sie können jedes Logo entfernen, jedes Bild sah, und lassen Sie einfach den Artikel für den Druck wenn jemand die Verknüpfung Control plus drei plus B verwendet, oder vielleicht Steuerung plus b, sie sehen nur die Texte, richtig? Nicht alle, alle anderen Dinge wie Bilder und so weiter. Vielleicht wird etwas wie Spezifikation nicht benötigt, oder? Also können wir es nur zum Drucken entfernen, damit jemand seine Tinte nicht verliert. Ziemlich genial, oder? Um sich anzumelden, CSS ist etwas, das Aussehen in einer feinen ändert. Und Sie sparen viel Zeit, und Zeit ist kostbar, Zeit ist Geld, richtig? Sie können Ihr Layout steuern. So, wie die Website aussieht aus 15, auch wenn Sie Hunderte von Unter-Site haben. Und auch, es ist gut zu wissen, dass Ihre Website schneller geladen wird. Denn wenn das CSS einmal geladen wird , wird es in etwas sein, das Bargeld genannt wird. Es ist eine Art Speicher in Ihrem Webbrowser, innerhalb des Benutzer-Web-Browsers, der das CSS enthält. Wenn also jemand von einer Seite auf eine andere Seite springt, muss dieser Phi nicht nachladen. Es ist nur im Cache. Es ist in diesem Speicher, wo der Webbrowser es verwenden kann, wann immer er es verwenden möchte, richtig, also lade diejenigen und benutze es einfach. Das ist cool. Das ist nur die Lektion. Danke. 50. CSS und CSS (Kaskade): Hallo, meine Freunde. Heute werden wir über den nie endenden Krieg zwischen den Pfeilen sprechen. Was? Ja. Die Regeln kämpfen miteinander. Die Regeln, die Sie mit so etwas anwenden möchten. Was bedeutet das? Nun, lassen Sie uns noch ein paar Regeln hinzufügen. Wie zum Beispiel, lassen Sie uns die Größe ändern, um für zwei Pixel zu leben. Machen wir es große Texte. Und lasst uns auch die Farbe ändern. Um die Farbe des Textes zu ändern, verwenden wir die Farbeigenschaft, und dann können wir die Farbe von hier auswählen, wie zum Beispiel Blau. Sie können es auch mit Kuba ändern. Wir werden später darüber reden. Also haben wir uns ein bisschen verändert und wie Sie sehen können, haben wir jetzt einen großen Text, der blau ist. Das Problem ist über diesen Krieg zwischen Rollen ist, dass Sie Größe nicht nur hier in der externen CSS-Datei erstellen können. Nein, nein, nein, nein, nein, nein, nein. Sie können sie inline erstellen, oder? Oder Sie können sie hier erstellen. Innerhalb des Kopf-Tags in ihnen. Pack Gold Stil, oder, na ja, es gibt einige Standardwerte, nicht wahr? Beachten Sie, dass der Absatz eine Art Marge hat, oder? Beachten Sie, dass wir einen guten Spielraum zwischen diesem Text und diesem haben. Wir mussten hier nicht die Bruchlinie hinzufügen, oder? Um die Zeile einzudringen, richtig? Es gibt also mindestens vier Möglichkeiten, dies zu tun. Also, was passiert, wenn ich, zum Beispiel, hier Absatz eingeben und ich werde die Farbe zu rot ändern. Ok? Hier haben wir blaue Farbe. Hier haben wir was? Rote Farbe? Wie Sie sehen können, dass X rot ist. Aber warum? Und auch bemerken, was sehr wichtig ist, ist, dass wir das Schriftgewicht und die Schriftgröße beibehalten haben, oder? Also haben wir behalten, was auch immer App war, oder? Aber wir änderten die Farbe in Rot. Und dieser Fink wird Kaskade genannt, okay, die Art, wie Sie wählen, welche Größe angewendet werden soll, oder? An bestimmten Ort wird Kaskade genannt. Was ist eine Kaskade? Weil es sehr selten Wort verwenden, oder? Kaskade. Wasserfall, wenn Sie in Google tippen, ist ein Wasserfall, der so etwas wie Schritte hat, Rock Steps, oder? Und das Wasser fließt von oben nach unten. Und in der CSS-Abteilung ist es ziemlich ähnlich. Kaskade ist ein nie endender Krieg zwischen den Regeln. Sie haben die Standardstile des Browsers. Stellen Sie sich vor, das Wasser fließt hier, richtig, ist ein Schritt wie auf der Kaskade, oder? Und die Wasserfälle runter, boom, boom und boom, richtig? Und es braucht wie Wasser jeden Stil, den es vorher war, richtig? Also Browser hat Standardstil und es setzt den Rand rechts? Beachten Sie, dass wir nicht Rand oder andere Formatvorlagen aus dem Absatz entfernt haben, als er hier und andere Seiten hinzugefügt hat, richtig? Wir haben das Schriftgewicht und die Schriftgröße nicht entfernt, wenn es hier hinzugefügt wurde, die Farbe, richtig, wir ersetzen einfach die Spalte, richtig? Schlecht, wir haben andere Sachen nicht entfernt. Sie können auch einen Inline-Stil wie diesen erstellen, wenn Sie die Website eingeben und die Farbe beispielsweise in lila ändern , oder? Und wir werden nur die Farbe ändern, oder? Aber wir behalten das immer noch. Und wir werden behalten, was oben ist, was Marge und andere Dinge wie das ist. So wie Sie auf der sehen können, ist das erste, was lila. Das erste, was in der Kaskade ist der Browser, dann die externe CSS-Datei, wie die style.css, die hier ist, richtig? Und dann haben wir den Stil im Style-Tag definiert. Das ist also hier. Und dann haben wir den Inline-Stil, der hier ist. Und die Sache, die mir geholfen hat, es mehr zu verstehen, ist, dass ich, wenn ich diese Kiste hierher schiebe, bin ich wie überfahren, oder? So wie das. bedeutet, dass, wenn wir eingeben, zum Beispiel, in externe CSS , Datei, style.css, was die Schriftgewicht, fett Schriftgröße 40 Pixel und Farbe blau. Wir machen das nur. Also behalten wir, was in der Browser-Standardgröße war, richtig? Aber wir fügen eine neue Ebene hinzu, oder? So fügen wir neue Dinge wie Schriftart und Schriftgröße und -farbe hinzu. Ich könnte ändern, was standardmäßig eingestellt wurde, rechte Handlungen zum Beispiel, Marge. Ich kann es ändern. Lassen Sie uns es auf 50 Pixel ändern. Du kannst es tun, oder? Das heißt nicht, dass du es nicht schaffst. Wie Sie sehen können, könnten wir es auf Kindle ändern und es auf 100 Pixel setzen. Es liegt an dir. Aber das musst du nicht. Das ist wichtig, weil wir behalten, was immer wach war, oder? Deshalb nennt man es Kaskade. Denn nun, stellen Sie sich vor, dass Wasser von oben nach unten strömt und es braucht, was vorher war, oder? Es braucht also jede Regel, die vorher war, aber wenn etwas Neues ist, wird es ersetzt werden, richtig? Also, jetzt wissen Sie, was C in CSS bedeutet? Also CSS ist Stylesheets. Also phi ist mit Regeln, die diese enge darstellen , und sie folgen der Kaskadenrolle, richtig? Ich habe dieses Thema ein wenig vereinfacht. Er muss sagen, dass dies vereinfacht ist, weil es mehr dazu gibt, aber wir werden mehr darüber in zukünftigen Vorträgen sprechen , wenn wir mehr Arten von Selektoren lernen, ja, es gibt mehr von ihnen. Also mit der Zeit, werden Sie mehr darüber erfahren, welche Art von wie beginnt priorisieren funktioniert, Okay, also welche sollte zuerst priorisiert werden. Beachten Sie nun, dass dies ziemlich logisch ist, weil es dumm wäre, wenn Sie das Standardverhalten des Webbrowsers nicht ändern könnten, richtig? Sie können sogar das Standardverhalten in Google Chrome überprüfen. Sie können die Control Shift plus j verwenden. Und wenn Sie Texte wie zum Beispiel hier überprüfen, werden Sie feststellen, dass hier ein Standardverhalten wie Anzeige, Blog, Rand, doc, Start eins ist. , bin ich. Wir werden darüber reden, was es tut. Aber wie Sie hier sehen können, unser User Agent Stylesheet, was wurde durch den Web-Browser hinzugefügt. Ok? Also können wir dieses Verhalten ändern ziemlich einfach, oder? Durch beispielsweise die Verwendung des externen CSS. Und auch IV, Sie haben, zum Beispiel, externe CSS. Und Sie haben eine einfache Sache, die Sie innerhalb spezifischer HTML5 hinzufügen möchten. Sie können diesen Stil innerhalb des head-Tags verwenden. Warum? Weil du es dann nicht in jeden Klingen laden musst, richtig? Und auch, wenn Sie etwas sehr, sehr kurz haben und es nur einmal passiert, dann können Sie vielleicht das Inline verwenden. Allerdings ist die meiste Zeit der empfohlene Weg dieses Ding hier. Also mit dem externen CSS, weil, na ja, das gibt Ihnen die meisten Vorteile die meiste Zeit, oder? Denn wenn Sie hier etwas ändern, ändern Sie jede HTML-Datei, die die CSS-Datei enthält. Okay, macht die auf der offenen Lektion. Vielen Dank. Und wie immer, denken Sie daran, wenn Sie irgendwelche Fragen haben, zögern Sie nicht zu fragen. 51. Kurs gegen die ID: Hallo, meine Freunde. Heute werden wir über Klasse und ID-Attribut sprechen, diese Bruit wichtige Vorlesung. Also konzentriere dich. Was ist eine Klasse? Klasse ist etwas, das Dinge klassifiziert. Bedeutet es? Es bedeutet, dass es Dinge in Gruppen arrangiert. Ok. Gruppen. Alex. Und wenn so etwas gebraucht wird. Nun, schauen Sie, wir haben ein paar Absätze. Nehmen wir an, Sie möchten alle zentrieren. Sie möchten also den Text in der Mitte des Bildschirms haben. Im Moment befindet sich der Text auf der linken Seite des Bildschirms. Ich will es in der Mitte haben. Okay, also wie soll ich das machen? Ich muss den Absatz auswählen und die Eigenschaft verwenden, die als Text ausrichten bezeichnet wird. Text ausrichten ermöglicht es Ihnen, zu ändern, wo der Text sein soll, oder? Es wird live zentriert sein, richtig? Lasst uns hier den Mittelpunkt stellen. Und das können Sie sehen, dass wir es getan haben. Also lösen wir das Problem. Ist es auch. Aber lassen Sie uns sagen, dass wir jetzt gute Adresse haben. Und Insider-Adresse haben wir, zum Beispiel, meinen Namen und den Nachnamen. Und stellen Sie sich vor, es gibt hier mehr Inhalte. Und ich möchte das auch zentrieren. Okay, also lass es uns vielleicht so machen. Adresse und lassen Sie uns Text hier ausrichten. In Ordnung. Okay, wir haben das Problem gelöst. Aber wir wiederholten Stunden von 2 mal Abbildung, dass es Morphium gab. Wie zum Beispiel, ich nenne nicht unsere Telefongröße, schreibe so etwas. Also müssten wir solche Dinge tun. Nicht gut, oder? Damit wir das noch lösen können, gekauft. Um es zu tun, müssen wir den Multiplikations-Selektor verwenden. Um es zu lösen, verwenden wir hier das Komma und wir geben den Namen von Jack ein, den wir schreiben möchten. Es bedeutet also, dass wir Absätze auswählen und Adressen auswählen und so etwas tun, wie es hier ist. Und okay, wir lösen das Problem. Was E, Wenn ich die Dinge anwenden möchte, die hier sind, tun viele, viele mehr Steuerrecht? Es gibt viele Taxa. Also müsste ich hier zu CSS gehen und dann ein anderes Tag, ein anderes Tag, ein anderes Deck hinzufügen . Und geh, richtig? Das ist die Zeit, Dinge zu klassifizieren, sie zu gruppieren, oder? Beachten Sie, dass unser Hauptgrund dafür war, die Dinge zu zentrieren. Und nun, wir könnten alle Absätze in eine Gruppe klassifizieren und es so machen, indem wir das Klassenname-Attribut verwenden. Und dann die Zitate. Wir geben den Namen ein, den wir erfinden, oder? So haben wir Windel Beispiel Zentrum. Und wir können so etwas tun, na ja, an jedem Ort, den wir wollen, wie zum Beispiel diesen. Und jetzt, anstatt dies zu schreiben, gehen wir nicht dot center. Um Steuer zu wählen, die gute Klasse haben, haben wir benannte Zentrum getan, wir müssen das Punktzeichen und dann den Namen der Klasse verwenden. Wie Sie sehen können, ist die Lösung ähnlich. Aber jetzt kann ich sagen, Hey, ich will diesen Kerl nicht. Es wird zentriert sein, und das ist es nicht. So können Sie jetzt entscheiden, was Sie auf Ihrer Website zentrieren sollen und Sie müssen sich nicht um den Namen des Tags kümmern, oder? So funktioniert es also. Wenn Sie angeben möchten, möchte ich auf die Absätze zentriert werden. Sie können sagen, richtig, indem Sie p hier hinzufügen. So p Punkt Mitte ist weg, zentrieren Sie sich auf den Absätzen. In unserem Fall wollten wir jedoch alles zentrieren. Beachten Sie, dass dieser Name sein kann, was Sie wollen, okay? Also kannst du das in das ändern und es wird auch funktionieren, richtig? Aber füge hier keine Leerzeichen hinzu, wie zum Beispiel das, okay? Weil es jetzt nicht funktioniert, weil wir gut haben. Jetzt hier zwei Klassen, okay? Diese Klasse und diese Klasse. Sie können mehrere Werte für die Klasse haben. Bald wirst du sehen, warum es gut ist. Denn vielleicht möchten Sie den Text vergrößern, zum Beispiel direkt darauf, um ihn zu vergrößern. Lassen Sie uns also eine Klasse erstellen, die wir größer nennen, und wir gehen auf 79 Act Schriftgröße und machen, zum Beispiel, 40 Pixel. Und jetzt kann ich sagen, Hey, ich will, dass dieser größer ist, und zum Beispiel, dass er größer ist, oder? Also fügen wir den Abstand zwischen den Werten hinzu. Und wie Sie sehen können, ist dies größer als dies größer ist. Und wir können diese Klasse auf jeder Art von Top verwenden, oder? Also Klasse ist an was gewöhnt? Um Dinge zu klassifizieren. Also arrangieren wir Dinge in Gruppen, Katalogen. Okay, jetzt ist es Zeit für Ausweis. Id. Identifiziert Dinge. So haben Sie, zum Beispiel, etwas Gutes heißt Personalausweis, und es identifiziert Sie nur schreiben Sie die einzelne eindeutige Person. Sie können repliziert werden. Und wie Sie sehen können, können wir Klasse magnetisieren verwenden. ID kann jedoch auf Ihrer Seite verwendet werden. Wir haben einen bestimmten Namen, nur einen. Ok? Wann benutzen wir so etwas? Nehmen wir an, wir wollen diese Adresse oder vielleicht diesen bestimmten Absatz wählen, oder? Sie können dann sagen, dass ID dieses Absatzes ist, zum Beispiel, eindeutiger Text auf diesen muss ausgewählt werden. Und dann gehst du hierher und um es auf diesen Typen zu wählen , um es anders zu machen, nicht die anderen. Sie werden das Hash-Zeichen und dann den Namen verwenden. Und jetzt kannst du tun, was du willst, um es zu schreiben und die Farbe rot zu machen. Du kannst ändern, was immer du willst. Ich kenne Schriftgewicht, fett. Es gibt noch viel mehr, aber ich will nicht all diese Dinge hier jetzt in dieser Teilchenelektrode zeigen , richtig? Aber du kannst tun, was du willst. Dieser spezifische Typ, der Sie sehen können, dass er jetzt gelesen wird. Es ist auch fett, oder? Die anderen waren nicht betroffen. Also verwenden Sie ID, um ein bestimmtes einzelnes Element auszuwählen, oder? Du willst es etwas anders machen. Dieser identifizierte und änderte es. Und denken Sie daran, dass Sie nicht zwei IDs auf Ihrer Seite haben können. Okay, das wird gut funktionieren. Wie Sie sehen können, ist es fett und gerade jetzt, aber es wird viele, viele Probleme bei der Auswahl eindeutiger ID mit JavaScript verursachen viele Probleme bei der Auswahl , die Sie in Zukunft werden, ich bin sicher Lamm. Denken Sie also daran, dass ID nur einmal mit diesen eindeutigen Texten existiert. Natürlich können Sie andere Ideen wie ID, anderen Namen haben, oder? Aber nur solche mit diesem Namen, okay? Das ist ziemlich wichtig für Sie, sich daran zu erinnern. Es ist wie du, du bist einzigartig. Sie haben den Personalausweis, der Sie nur Sie identifiziert. Lassen Sie uns das ein wenig üben und erstellen Sie ein Formular. Ein Formular. Und innerhalb davon gehen wir jetzt freie Eingaben erstellen. Und nun, wir haben drei Eingänge. Und ich möchte nur Eingaben in dieser Form wählen. Nicht in dieser Form, oder? Weil Sie normalerweise Eingabe eingeben könnten, oder? Aber Sie wählen jetzt diese Eingabe und diese Eingabe, als er starb. Okay, das ist also ein Problem. Nehmen wir an, wir haben ein Formular, dass ID ist, zum Beispiel, Korb. Und hier haben wir eine Form, die Ordnung genannt wird. Und Sie können jetzt nur Eingaben aus diesem Partikel wählen, sind vier. Sie können nun den Korb eingeben, oder? Und im Korb, wenn Sie Eingänge wählen möchten, geben Sie den Raum ein, okay? Wenn Sie also wollen, gehen Sie in die Dunkelheit. Du willst also etwas von innen machen. Geben Sie das Leerzeichen ein, und geben Sie dann den Namen der Beschriftung auswählen möchten. Also Eingang. Und jetzt werden wir zum Beispiel die Farbe in Blau ändern. Und auch können wir nicht ändern, zum Beispiel, mit 250 Pixel. Wie Sie sehen können, war das erste Formular betroffen. Wir können hier in blau tippen und sie sind kleiner. Die zweite Form war nicht betroffen, oder? So ist ID auch ziemlich cool, einander von einem anderen zu unterscheiden. Okay, das ist eine wirklich gute Lektion. Und wie immer haben Sie Fragen. Fühlen Sie sich frei zu fragen. 52. Nützliche CSS um deine Arbeit zu beschleunigen: Hallo, es ist Zeit, nützliche Erweiterungen zu lernen, die Ihre wertvolle Zeit sparen würden. Eines davon wird HTML-CSS-Unterstützung genannt. Was macht es? Beachten Sie, dass, wenn ich hier bin und ich zum Beispiel einen anderen Klassennamen hinzufügen möchte. Und ich benutze die Tastenkombination „Control plus“. Ich konnte viele verschiedene Wörter hören, weil, na ja, die grundlegende Version der Nähte Box ist nur Wette. Wenn ich, wenn ich gerade anfange, größer zu tippen, wie Sie sehen können, okay, es ist hier. Aber es versucht auch, aus dem Text zu wählen, der in HTML ist , und das ist nicht, nicht, nicht, gut. Wie Sie sehen können, sollten Sie nur Klassen haben, die Ihnen von hier zur Verfügung stehen, richtig? Das ist alles. Um es zu ändern, können wir es einfach nicht installieren. Und jetzt bemerken Sie, dass, wenn ich die Tastenkombination Control plus Leerzeichen verwende, ich die Mitte und größer habe. So n ist Stil. Von hier aus. Das hat eine Klasse, oder? Ziemlich genial. Bombe, größer, und das ist alles. Okay, das ist also die Lösung dafür und auch für die Identifizierung. Oder wie Sie sehen können, können Sie hier auf die IDs bekommen , die Sie aus Korb und einzigartigen Texten wählen können, oder? Weil Sie hier zu zwei Ausweisen gegangen sind. Das nächste Ding heißt CISSP. Wie der Name schon sagt, können Sie auswählen, wie Ihr CSS gut geschrieben wird, ohne in diese CSS-Datei gehen zu müssen. Das ist also ziemlich cool, denn jetzt, wenn ich wirklich sehen wollte, wie zum Beispiel größere funktioniert, muss ich Slices öffnen und danach suchen. Du könntest okay sein, aber es ist ziemlich schnell, oder? Okay, es sind Dateien, aber stellen Sie sich vor, dass Ihr CSS ein BBB größer ist, oder? So wie das hier. Und dann suchen Sie nach dem spezifischen Gas. Das ist nicht cool. Okay, also gehen wir einfach zurück zu dem, was es vorher war, okay? Und lassen Sie uns das Problem lösen, indem Sie den CSS-Peak verwenden. So CSS Peak. Und wie Sie sehen können, wenn nach der Installation, gut. Jetzt, wenn ich das Steuerelement auf meiner Tastatur verwende und die Maus darüber , müssen wir unseren Visual Studio-Code neu laden, damit ich ihn schließen und wieder öffnen werde , weil es manchmal gut ist. Boogie nach der Installation Okay, ich hab's geschafft. Und jetzt, wie Sie sehen können, haben wir hier eine Art von Informationen darüber, wie etwas dort aussieht. Aber das Problem ist, wie Sie sehen können, können wir einfach sehen, was nicht und nicht die ganze Sache, richtig? Das Problem ist, dass diese spezifische Erweiterung gerne alles Zutat hier wie diese hat, okay? Also müssen wir es auf diese Weise formatieren. Ich ziehe es vor, so zu formatieren, weil ich deutlich sehen kann, dass diese Erweiterungen hier sind und ich eine geschweifte Klammer geöffnet und geschlossen habe, aber manchmal wie diese. Und wie Sie jetzt sehen können, haben wir hier Informationen darüber, wie Center aussieht, wie größer aussieht. Wie Sie sehen können, ist es manchmal ein bisschen buggy, vielleicht reparieren wir es? Aber ich benutze das meistens nicht, um zu spitzen, sondern um in diese Krawatte CSS zu gehen, um Dinge zu bearbeiten und wie es geht. Ich halte die Steuerelementkürzel und klicke dann auf Logik und bin sofort an der Stelle, an der ich sie aktualisieren möchte. Das ist also ziemlich cool, oder? Also möchte ich etwas bearbeiten. Ich halte nur die Kontrolle und ich kann dorthin gehen und bearbeiten. Das ist sehr genial. Sie können es auch hinzufügen, es von hier. Um es zu tun, gehen wir wählen etwas, klicken Sie mit der rechten Maustaste, gehen Spitze, und dann Peek Definition. Sie können die Shortcut-Ausgaben bei 12 verwenden, während ich denke, es ist schwer, N auf der Tastatur zu treffen. Und dann kannst du, wie du von hier aus sehen kannst, ein Sampling bearbeiten, richtig? So können Sie, zum Beispiel, angerufen Weg Bolzen. Und Sie können doppelklicken, um das STI CSS wie folgt einzugeben. Und Sie können hier auch bearbeiten, aber Sie könnten es von dort bearbeiten und die Größe ändern, wie Sie sehen können, sind die Schriftstärke auf etwas anderes. Das ist nur eine Lektion. Vielen Dank. 53. Div -Spalten in Inline: Wir verwenden das nicht bedeutet, dass das Ereignis oder eine Spanne und das Erreichbare ist es Auto Jahre def ich bin sicher Cassie dovish, es ist autosomal sie in lokale oder uns in der Schlange. Bitte leihen Sie sich das Vagina-Flaggschiff Coniacian. Gehen Sie ordentlich auf die nächste Sache. Ok. Spanne, Nieren, die Tech Crash jeweils zu geben Jonathan, E Punkt H Attribut. Ich staffle ihnen eine Menge Geld. Status, wird der Stapel Auto Razumovsky Spende zu verbieten. Estella, Enten war sein Vorschlag für das Schlüssel-Neutron. Sie sollten alle wissen, Shuttle dunkel, Mama zu Krishnan und Attributdaten. Jetzt Thomas Shabbat, Erwachsene müssen Mama binden und ich kopiere die eigentliche Steuer uns Tunnel Vision überhaupt. Akashic jeden Text Türkei, da alle nicht offensichtlichen Auslöser, um sie ihre Syntax-Texte zu schieben, der Echo-Artikel, mich nicht gelehrt fragen, ist schlampig, haben keine andere Wahl, als zu rufen. Die Mitarbeiter können in der Regel suchen. Sozialisten geworfen, aber ich werde externe Hilfe auf den Buddha kann Mini unser Ziel neutralisieren. Also die DIA, NumPy Air Act oder ADA Diät-Kontrolle Shift E, EPA Deutsche wählte auf und Titus Martinez zu Zeit und VDJ Route, dass es nur albern, obwohl es, so ist es nicht, wie wir normalerweise tun Strich, um Klartext eine Option namens Faszie zu nennen, der Ofen, der Text. Das sind Volumenmess-Mama, um den alten Stumpf zurückzunehmen. Es Forschung sollte sein, die Neutron Washington Tac Toe Mode nennen. Wenn der Decoder wie die Grenze 2 4 plus 2 Neutron ist und aeruginosa darauf feststeckt, was dem Nigerianer nicht gelehrt Mama zu zahlen, um zusammen zu gehen, schieben Sie es in Längsrichtung. Bs Kontakt. - Ja. Könnte in der Regel Moment, das hat zwei Martinez Zeit. Aber er ist Christ, du bist Martinez. Und ein Dollar pro Jahr noch Blocksalze Natron Block wurde nicht gelehrt uns gesagt. Sie Schema nicht gehen, um die Nevada geben in der Nähe verwenden neigen dazu, den Text schönen Tag zu speichern, einige entfremdet. Aufmerksamkeit auf, dass deckt das gleiche sind wir zu pflücken eiternde Säge auf denen auf Premium direkt gestempelt. Die letzte Ziffer könnte sein, Haltung zahlt mich scham nahm ein EBS geben, dass. Sie ist ich, hat uns stark geschoben. Alberto Lepidus von Brasilien Regime. Also bin Dustin, Schatztumoren werden immer noch ein Provinzfilm sein. Der kleine Strahl der Kinder Angriff. Eve ein geometrisches. Sie entwickeln keine zehn Stunden oder Auslassungen, nicht wahr? Golf, Tennisball. Es ist also minimale Farbe. Waschen Eimer Grant waschen, Colorado. Jemand schuldet uns, weil wir in jeder Farbe haben, eine wie einige Agribusiness Knochen wenig sie fett opec ist Minima Dinah nicht erforderlich, um von Zehnen Puzzle erfüllt werden , um Tinnitus am Anfang angetrieben und sie sagten, ja, gut abgeschwächt. Es sagt uns, dass als unsere Version Maßnahme Mama zwei Datensätze auf Amanda verbracht wird vorgeschlagen flache Jacken oder vielleicht entkommen Verzeichnisblock im Wesentlichen sagen, wir dosieren Tympanon, Gestik , Aussaat wird das Internet Dolly geworfen, Anatomie uns Inline, bewährt. Es ist Minima Anruf oder eine Spanne auf Trigonometrie bekam Spannweiten Minimum und nicht Hintergrundfarbe von Rot. Die sind auf Zoom. Wir mussten zu ihnen Ostern in einer Masse von Künstler Abkürzung zu tun zusammenfallen, um zurück nach Kotler zu gehen, Kong bekommt nichts anderes Block, um mich zu blockieren. Heute ist dieser Temperaturwinkel. Sie decken nicht Login und ich werde Angriff Lehrbuch unten eingeben er ist, aber nicht Mama. Ein bisschen gestisch. Die neue Dynamik Martinez, kleiner Punkt Kovach durchgegangen, aber Coupang, hinterhältige Dinge wie das Neutron und Typ, def East Ponto, kein braunes Baggie zu den Mock Taschen, osha, Spanne, Tags, Volumen, Anzeige, Inline, ein def, benutze Taxon und Display-Block, um diesen verrückten Mist abzublocken. London. Es gibt eine Partnerschaft über ihm Versuche, aber Hornhaut. So gibt die Propylaia zu seiner Aussage sowohl Professor Ananya, wir werden Farbe kämpfen, dass von einem stego mich traurig, dass sie Region sowjetisch zu Typ II Hintergrundfarbe war Nino und La Nina. Dank Gesetz wiederherzustellen, Taco Bodhi Baum. Wenn die Gebotsmenge eines Prototyps Körper, islamische Farbe des Tanzes Pose, diese Integrale des Enzyms. Ich installierte die binge Israel und Kalina legte es stark auf die Datenbank aber immer noch es sagt, wie üblich die Ergebnisse, die Sache ist akzeptieren die laufen fertigen Farben nach mir geworfen, Susan, anfängliche Trauma sitzt auf dem Monitor Bewohner auf seine Lippenschatten verwenden wir SCADA steht, wie es sagt, Nummer. Aber das sind Ionen DO Tomate. Inline-Block über Maschinen sollte Papierkorb ist über 10 zu den Texten setzt ziehen sie. Ja. Dish Tax van sie in. So schlagen die flüssigen Texte zu Ihrer digitalen Persona Schlüssel actin Ja. Inline. Danke, Jacqueline AGMA auf der Karte pro-soziale peinlich. So Kush Pinne, entweder Damsels tau2 sollte Santa Maria del dot VNC Ticker Text oft wie möglich sein. E, um deinen Schuh zu binden. Verrückter Dämon. Oft wie möglich. Die ursprüngliche schläfrige Giotto, maximale Sherlock, Tympanon. Ein Moment, um das Stempeln abzubinden. Krista zu finden, ist das, wie DACA Germania Aussage, stan yeah. Vergrößern der Kante Keine Option. Benennen Sie Ivana um und vertrauen Sie ihnen. Blockoption ist, dass Sie Sania Reise oder Motor Trigger klebrig vor Yad Vashem haben. Wir haben die längsten Gigawatt. Metope zeigen Messing Riss taktisch nach dem aquatischen Neustart, eine hohe dist der Sockel E, riesige matrilocal, um Caltech zu Resonanz führen. Dorian hat mich so etwas von deinem Pinsel verlegt, um ein div-Tag zu setzen. Veranstaltungen, nicht Dhamma Beleidigung, Cluster, wenn Sie mit dem Star Wars mich und Teilnehmer messen, um Caltech Tourismus Beton in der Nähe von mir zu gehen. Also, um eine Textnachricht auf dem Laufenden zu starten. Also Text, sagt Jack, es hat eine sehr große Steinklasse mit ischämischem Erntekontext. Es tut, ja, Minimum im Schatten verursachte eine Option namens Statista Pick-Einstellung. Das sind Washer Methode, so dass sie Jia nur Management oder diejenigen, die versucht sind, Option transponieren zu geben. Test eines Textes ist Polymerase werfen einen Würfel, der enormen Bedarf aus ihren Asthma-Symptome hat . Freshman, Division zwei Mini-Nickerchen, Schimpansen, die Spitze Verkauf der großen offenen die zwei Jahre WIE zu starten, Ich war immer noch auf einem Baum zu Schiff. Wir haben ich wünsche Scrollen Sie zurück nach oben. Wir haben eine Option, um Magie zu scrollen. Ich bin es, Sean, auch Küstenerosion oder Leitungen oder Schimpansen, die Pixel. Kosmologisch Zehn Jahre wurde auf diese iMovie getan und unbeliebt, gestempelt auf Cellco Vicent zu Schmerzen. Chicago, Washington Lehrbuch. Jetzt zentralen Stamm Wirbel bürgerlichen Register. Mamta kann Vasokonstriktion oder Text das Dach ausrichten. Jetzt erhalten Sie ein offizielles Zentrum der Demenz oder Benji. Nirvana wäscht nicht den Schatten dem Tutor. Ja. Er sprach, Rationierung ist eigentlich noch nicht getan koloniale. Dass sie Auto BWM Buch, das eigentlich der Sohn von nationalen Nebenflüssen war, passt in Ravana Zaption, das Ego. - Ja. Nenn mich Mama Shadow Frage. Washington Gluco Fahrzeug elementar Junge, ja. Natalie, Gesamt Diego de VO2, Zeit zum Memoriam und Apps geschnitten und das Wissen ID. Polizisten. Diamond wird eine einzigartige Probe verwalten. Berechtigungen in Ihrer DAW ist nur Anruf nicht eilen, um Cosinus 2 könnte uns nehmen. Es sagt uns die Illusion. Ein paar Dynamo-Wäsche. Es sendet Daten an Text ausrichten, zentrieren. Palo verde messen, dass zentrale Vokal nicht total Stempel Name Population zu Dreschen. Ii. Ionen, Shuttle Coach Stack, kein Bengio vorgeschlagen, um zentralen Vokal. Dr. geh zu Mama, Stempel, Tegel, Lisa. Okay, Chief Dicht möglich. Washington, Java, das Dach, Nil, Rücken Text ausrichten. Die Übersee ist sie ein Partner, um viel zu bezahlen. Zionistische Tiervision tut Tympanon Schatten Kosten pro Viralität viel Italien Shara, um sie zu nehmen. Sie ist gut Tagging, Aikido, Mishna, beobachten TiVo Schere Guo bedeutet in der Mitte in der Nähe der Grenze. Du siehst dich noch Hexagon und Martina. Martina ist gemein, ist nicht 0. Die Grenze. Um ein automatisches Genie zu tun, die auf einem anderen studieren und wählen Sie die Daten der Arbeit Jackie Martinez Austin, dass als ein gutes Gericht, der Goldstempel Kanyama Envato Samhita Satz von algebraischen viel TOC zu reduzieren. Und es sagt in der Regel resultierende spanische Kolonialzeit, nicht alle Wirbel Junge, auch die Frage zu starten, lassen Sie ein Spray stark. Michelle Martinez wie die jamovi mich, einige von euch tun Giotto ist die Kotok sozialen Werte zwischen x1 und Barbados dann zeigen sie, dass sie Washington gehen, US, Auto erkennen. Ja, Probleme stecken egoisch, Inline-Block sind die Benjamins Automobil ist nicht einfach das Ding. Jetzt zu meinem Staat Akteure Regierung wäre ergänzend zu sowjetischen. Er hat uns beide Drama geschlossen. Span, Sudo Nano Triangle Trick. Das bekommt, was Vietnam Illini diagonalen Impuls. Können sie visuell zu nehmen nur gehen Nicht-Spam auf die Volumenmessung mom überhaupt, nur die Berechnung der linearen Modell Domingo Antenne Zeit. Und wenn sie COVID-19 ist, geht East Chicago über die Geste, Tasha Prakash zur Zeit. Und das sind Sterne Oktett von Anna. Romantische, touristische Kontakte, Van, Inline, schöne, winzige Minute. Sie sollten Kostenblatt geschrieben haben. Also CAUTI für Profis zu meinem ON Taco Visum ausgestellt oder Yak. Yak kommt Stan. Eine weitere unehrgeizige elementare, unwiderstehlich, nicht Weihnachtsmann Zeitmaschine , die uns zu einer Episode von Intima Takashi Murakami nimmt, Element von Revlon Hornhaut Ernte. Das ist die Massendynamik. Die Spanier nicht Diva. Neues Projekt. Sie haben Lawine taktisch, Opcode, Chautauqua, UV. So trainierte Albo, der Golem und visuell Kugeln auf dann gehen Sie bis zum Vorabend des Teilchens Borden zu langweilen. Unser Budget ist beliebt. Anzüge sind übel. 39 Internet von Volieren. Tag ist Domitian hier und der Muslim ist gemein, jeder Federball in Washington nimmt mehrere Tabuyak, Block von Jungfrau. Jetzt in der TAC Paar, berührbare Block des Angriffs auf die Routine Angriff, Block der Erosion Angriff die Inline. Obwohl Ashish Errichtungen schlecht. Nicht alle potenziell stecken Inline-Tag jetzt, aber Sie haben immer noch Schiefen Turm zu zahlen nach unten jede irakische Geheimdienstsystem nicht behandelt Punkte sind tatsächlich Domitian seine oder sie über def ist ein Schlüsselstück stego wissen Salam. Also ja Stück Montessori Version Option was nicht auf Verkostung im Internet oder zumindest riskant Inline-Element oder zu viel Whisky, elementar, lokale, wahre Pavillon Ausgabe trich aufgenommen. Nicht wirklich glänzender. Aber hoffentlich bald, Identität ist unaufdringlich Schiff billiger plus zwei der Seiten des Schiffes Quiz über Regex geteilt oder Bänke oder schweben Rand. Ein Teil dessen, was für ist, bloke over zu inline, tag zu verwenden. Diejenigen, die zum Essen tauschen. Gesehen eine Chance für euch Jungs, die ich zu tun oder nicht, die tun sogar Vick, die Familien nicht individuell. Yellowstone diktiert uns auf eine Transfusion. Wollte vorschlagen, dies in Linie diagonal zu verankern. Aber vernünftiger Junge. Und der Linker tut dies in es gesehen und automatische Maschinen, VGG, Soziologie von Washington, Dr. Gautam, Text blinkt nicht zentralen Vanuatu ist zentral geschnitten. Willst du Dreieck und andere technologische sein Interieur tun. Also Textbilder, Video, so xi j, es gibt einige gute Diskussion beginnt eine Option für das heutige Panel, die proximale, nicht die zentralen Jahre. Und obwohl du nicht zu Chautauqua ausgelöst hast, hast du die sogenannten Stack-Cognac Summen. Und wir sollten Text nehmen und reaktivieren zentrale wichtig für unsere Sie tut Vorlage Strang, sogar schlagen Anita, Anita Honig. Java. Dadaisten sind ein anderer Punkt-Punkt-Punkt. Jegliches Java. Java upto ist verwundbar, sagt, dass ich soziale VFB übersetzen sollte, Schwedisch, sie ist einfach sanft in Java gemacht. Dann wie üblich änderte sich Topbeton jetzt in Java. Ok, die linke Regie. 54. CSS: display: Hallo, meine Freunde. Heute werden wir über die Anzeigeeigenschaft sprechen, die sich ändert, da der Name darauf hindeutet, wie etwas angezeigt wird. So, wie das Tag auf Ihrer Website angezeigt wird. Standardmäßig hat div-Tag einen guten Anzeigeblock. Also, weil wir jetzt gut hier sind, nur div's mit verschiedenen Texten. Es bedeutet nicht, dass es anders angezeigt wird, richtig? Dann der Block. Also, wenn ich es hier öffne, eine Ansicht, so dass Sie alles hier sehen können, als Block angezeigt, oder? Es gibt hier einen anderen Text, der darauf hindeutet, dass wir vielleicht anders aussehen, aber es spielt keine Rolle. Das Wichtigste ist, was ist die Standardanzeige, die vom Webbrowser eingestellt wird? Und wir können es direkt später überschreiben, indem beispielsweise auf Typ 1 oder Typ 2 zugreifen oder frei mit CSS eingeben. Lassen Sie uns die Anzeige ändern, um überall zu blockieren. Okay, so wie das. Also werden wir die gleiche Anzeige in jedem Fall tun, der Block ist, würde nur Standardwerte. Sie können sehen, dass sich nichts geändert hat, oder? Weil wir das Gleiche gemacht haben. Was bedeutet der Web-Browser. Aber wenn wir Typ 2 in Inline ändern, was wird passieren? Wie Sie jetzt sehen können, wird hier alles in Zeile angezeigt, also einer nach dem anderen, richtig? Grün ist der Hintergrund und der Text ist innerhalb dieses Hintergrunds und was es nicht den ganzen Raum wie im Falle eines Blocks benötigt. Auch gibt es keine zusätzliche Eingabe nach jedem div, richtig? Weil wir das Standardverhalten ändern. Jetzt zeigen wir es als Inline an. Denk nach. Ok? Aber es gibt noch eine Sache wie Anzeige Inline-Block. Was wird passieren? Auf den ersten Blick, wenn Sie es betrachten, könnten Sie wie ein K sein. Es funktioniert das gleiche Licht inline, oder? Denn alles ist hinter einander her. Es gibt keine zusätzliche Eingabe und wird. Es hat einen guten Hintergrund, genauso wie im Inline-, Inline-Element, richtig? Und es ist wahr, dass es genauso funktioniert wie inline, aber es hat auch eine Funktion aus dem Block. Welche Art von Funktionen? Ich habe dir in der letzten Vorlesung gesagt, dass du die Größe der Inline-Elemente nicht ändern kannst, richtig? Nun, wenn wir einen Flug mit 300 Pixeln machen, dann wird es 100 Pixel frei bleiben. Jedoch, im Falle von Inline-Block, diese Änderungen, können wir die Menge der Breite senden und wir können sie ändern, zum Beispiel, ziemlich einfach zu etwas anderem verstecken, oder? Beachten Sie, dass wir jetzt Inline-Blöcke haben, die Platz in Anspruch nehmen, aber sie werden als Inline angezeigt, weil sie nacheinander sind. Es gibt keine Enter nach jedem Block, richtig? Sie können sehen, dass sie springen, wenn nicht genug Platz ist. So funktioniert es. Okay, denn so funktionieren Inline-Elemente. Auch, wenn ich hier ein bisschen mehr von ihnen, wie zum Beispiel, wenn wir moralisch als so treffen. Sie werden auch bemerken, dass, wenn es nicht genug Platz gibt , dass wir auf eine andere Linie gesprungen sind, richtig? Also aufhören, alles in der Reihe zu zeigen wie für den Fall, wie hier ist, wollen wir die Linie brechen. Wir sollten das Break-Tag verwenden. Deshalb benutzen wir die Bruchlinie, brechen Linie, dass D, unser Gespräch richtig. Nun, wie Sie sehen können, dass wir den Prozess stoppen, alles in Einklang zu bringen, von hier bis hier. Und wenn wir die Größe auf beispielsweise 250 Pixel einstellen, werden Sie feststellen, dass wir drei Blöcke haben, die in Zeile angezeigt werden. Deshalb wird dies Inline-Block genannt, weil es gute Funktionen von Inline hat , weil Dinge in Zeile angezeigt werden. Und es hat eine gute Funktion von Blog, wie Ihnen erlaubt, die Breite und Höhe zu ändern, oder? Aber es App und tritt am Ende nicht ein, richtig? Standardmäßig tut der Block. 55. EMMET | TRICKS Erstellen von Tags mit der ID und Kurs: Hallo, mein Freund. Heute werden wir über MHC-Getränke sprechen, die wir Ihnen erlauben, zu erstellen, Steuern, einschließlich des Klassenattributs, ohne Dinge wie div schreiben zu müssen, dann müssten wir das Attribut iCloud hinzufügen, dann wird der Name der Klasse es schrecklich sein Dinge wie diese zu schaffen, auf diese Weise, richtig? Deshalb gibt es eine besondere Art, dies zu tun. Und Sie müssen Jazz Ride Namen Glas. Großartig. Es ist ein bisschen schneller, oder? Auf die gleiche Weise, wie Sie Gläser auswählen, können Sie das richtige erstellen. Verwenden Sie also auch Punkt und dann den Namen der Klasse. Und das haben Sie wahrscheinlich nicht. Diese Schulden fügt das Klassenattribut in das div-Tag ein. Warum ist es so, weil er es erraten hat. Es gibt etwas, was Gott genannt wird, wie implizite Tag-Namen. Emma kann es erraten. Es ist intelligent, dass, wenn Sie eine Klasse erstellen und keinen Namen angegeben haben, Sie pro wahrscheinlich in div erstellen möchten, okay? Also können wir es so schreiben wie diesen Namen von Glas, richtig? Aber das musst du nicht. Sie können einfach den dapp eingeben. Natürlich, wenn Sie Klasse zu Leuten hinzufügen möchten, zum Beispiel Absatz, dann müssen Sie den Namen des Tags und dann den Namen der Klasse eingeben, richtig? Dies ist nur für Situationen, in denen Sie nur ein div erstellen möchten. Aber wenn Sie es in den Absatz einfügen möchten, müssen Sie manuell 2 eingeben, welche Art von Tag Sie das Klassenattribut hinzufügen möchten, okay? So erstellen Sie Klasse und erraten, was, um die ID zu erstellen, geben Sie ein, was, wenn Sie innerhalb des Absatzes erstellen möchten, verwenden Sie zum Beispiel den Hash. Also Name des Ausweises, richtig? So wie hier, richtig, um auszuwählen, verwenden Sie den Hash. Okay, ziemlich leicht zu merken. Ist jedoch die Dominante dieser Vorlesung? Nein. Was ist, wenn ich mehr als einen Klassennamen hinzufügen möchte, was Sie es auf diese Weise tun können, richtig? Ich denke, es ist einfacher, es so zu tun, weil Sie gute Vorschläge haben, dann hier, richtig? Sie können alle kaufen, können Taiwan wählen, ich kann Typ 2 wählen, oder? Wenn ich die Tastenkombinationen der Steuerleiste verwende. Also denke ich, es ist besser, als es so zu tun. Geben Sie eins ein, geben Sie zwei ein und geben Sie drei ein, oder? Ich mochte so nicht. Ich denke, es ist besser. Wenn Sie jedoch viele gleichzeitig erstellen möchten, können Dinge wie diese Zeit sparen, da Sie zwei eingeben, drei eingeben und mit 10 multiplizierenkönnen , drei eingeben und mit 10 multiplizieren , dann sparen Sie Zeit. Aber möchten Sie ein einzelnes Element erstellen? Ich würde mich nicht darum kümmern, den Klassennamen hier einzugeben, richtig? Ich würde nur die Daten verwenden, um einen Angriff zu erzeugen. Und es gibt mehr implizite Tag-Namen Möglichkeit, mit Emmet zu erstellen. Da bemerken, dass wir hier haben, zum Beispiel, ungeordnete Liste. Und immer in der ungeordneten Liste, werden Sie Listen-Item haben, oder? Weil es so funktioniert. Sie haben gut, dass Sie ungeordnete Liste sind und innerhalb davon, Sie geben Listenelemente nacheinander, oder? Also machst du so etwas. Deshalb, wenn Sie etwas wie U, L tun und dann eine Klasse für jedes LI erstellen möchten. Dann tippst du das einfach ein. Sie müssen nicht den LI Punkt Namen des Glases eingeben, oder? Ja, Oh, Jazz das und es wird genauso funktionieren. Und Sie können es mit fünf Mal multiplizieren und Sie haben den Namen der Klasse für jeden Verbündeten. Und was die Schule ist. Sie können zum Beispiel andere Features verwenden. Schau jetzt, wir haben den Typ. Wenn wir hier 1 eingeben, werden Sie feststellen, wenn Sie sich Typ 1 ansehen, aber wir können Dollarzeichen verwenden, wie wir zuvor gesprochen haben, und wie Sie sehen können, haben wir gute Jetzt Typ 1, Typ zwei, Typ drei, Typ vier, Typ fünf, so etwas, ist die meiste Zeit nicht aus Gründen von CSS nützlich, aber wenn Sie das Java-Skript lernen, hilft Ihnen so etwas, den spezifischen Verbündeten und die Informationen zu wählen , die dies hier verwendet werden kann JavaScript, zum Beispiel. Ok? Weil Sie sich vielleicht fragen, warum sollte ich mich überhaupt darum kümmern, so etwas zu erschaffen? Es gibt eine Situation wie diese ging so etwas benötigt wird. Okay, also ihr alle und wir könnten auch Tabellenzeile. Beachten Sie, dass wir Insight Tabelle, wir haben Tabellenrollen, oder? Sie müssen also keine Tabellenzeilentabellendaten binden, wenn Sie es sind, ich werde die Klasse für Lamm erstellen, richtig? So können wir einfach eine Rolle zum Beispiel und Spalte eingeben, oder? Und wie Sie sehen können, erstellen wir eine Tabelle mit einer Tabellenzeile und einer Tabellendaten. Wenn wir mehr Spalten haben wollen, können wir einfach multiplizieren, zum Beispiel Spalte mit fünf. Und das können Sie sehen, jetzt haben wir 1, 2, 3, 4, 5 Tabellendaten. Wenn Sie mehr Zeilen wollen, dann können Sie es mit 10 multiplizieren, zum Beispiel, jetzt haben wir zehn Tabellenzeilen mit jeder von ihnen fünf Spalten, richtig? Ziemlich schnell. Und auch sie sind benannt und natürlich könnten Sie, wissen Sie, das Dollarzeichen verwenden, um jede Zeile einen anderen Wert zu haben. Ziemlich genial, nicht wahr? Das war's also. Und es gibt auch so etwas. Wir können wissen, ob Sie ein Inline-Element innerhalb Inline-Element hinzufügen möchten, weil E m das Inline-Element ist. Und drinnen drin. Und Sie können den Block nicht richtig setzen, wie def, rechts geht mit ihm würde nicht richtig funktionieren. Deshalb können Sie so etwas wie ein EM, und zum Beispiel Name von Glas tun. Und es wird nur die Spanne in Sprichwort setzen geht zum Beispiel die Beta, richtig? Weil es auch in Irland und irgendeinem anderen Inline-Element ist, okay? Sie müssen nicht angeben, dass Sie diesen Pfad setzen möchten, wenn Sie wissen wollen, dass in B, m gesetzt , dann müssen Sie es natürlich benennen, aber sonst müssen Sie diese Pumpe nicht eingeben, weil es der Standardwert das wird es erraten, welche Art von Tuck es enthalten sollte. Okay, das ist nur diese Lektion. Vielen Dank. 56. Regeln zur Auswahl von Tags auf der: Hallo, mein Freund. Die Molkerei wird eine Situation sein, wenn man so ist, als würde der Krieg stattfinden. Warum diese Regel nicht funktioniert, warum ich alles richtig mache und ich einfach keinen Weg finden kann, diese Regel zum Laufen zu bringen. Und es passiert, weil, na ja, Sie wissen nicht über diese Sache, über die wir in diesem Vortrag über vorrangige Bedeutung von Regeln sprechen werden, wenn Sie Dinge auswählen, okay? Und das ist ziemlich ähnlich wie die Kaskade funktioniert, aber das ist eine etwas genauere Sache, denn was wir jetzt wissen, wenn Sie hier einen Stil erstellen, richtig? Und wenn Sie auf Typ 1 zugreifen und wenn Sie den Hintergrund hier ändern, bedeutet dies, dass dies wichtiger ist als dieses Ding von der externen Quelle, richtig? Das ist alles. Das ist nur wichtiger, okay? Aber was ist, wenn ich ähnliche Dinge hier mache, richtig? Was passiert, wenn ich den erstellten Typ 1 selbst diagnostiziere? Und jetzt habe ich hier zum Beispiel die Hintergrundfarbe in Blau geändert. Welcher sollte Tag eins auf diesem gewählt werden. Und wie Sie sehen können, diese bei y 0, lassen Sie es uns vielleicht so machen. Jetzt wird es gelesen. Warum ist das so, weil, wenn Sie hier schauen, wenn die Priorität Bedeutung gleich ist, also was haben wir den Selektor, der das gleiche tut, oder? Und dies wird der Klassenselektor genannt und es ist das gleiche. Es hat die gleiche Bedeutung. Dann werden die Eigenschaften kombiniert und diejenigen, die später auftreten, überschreiben die vorherige später. Es bedeutet also, dass, hey, dieser ist später in der Datei styles.css, dann bedeutet es, dass die Hintergrundfarbe rot sein wird. Ok. Und ansonsten zählt es nicht die Reihenfolge, die zählt, aber die Wichtigkeit oder bedeutet es, naja, wenn wir hier einen ID-Selektor hätten, also werde ich zum Beispiel sagen, Hey, du weißt, was diese nicht hinzufügen wird, wird ziemlich sein Wichtiger Kerl. Also werde ich es so nennen und ich möchte, dass es definitiv zum Beispiel Schokolade ist, oder? Und es ist Schokolade. Das hier ist Schokolade und es spielt keine Rolle, wo diese Finger spielen, ich kann es hier platzieren, wird Schokolade sein. Ich kann es hier platzieren, es wird Schokolade sein. Warum? Weil dies der ID-Selektor und der ADC in der Kaskade ist. Was für eine wichtige Sache später gibt es Inline-CSS und leichter gibt es wichtige Funktionen. Also, wenn ich so etwas mache, weißt du, ich habe diesen Kerl gestartet, um zum Beispiel die Hintergrundfarbe zu haben, ich weiß nicht, Konsole zu sein. Du wirst sehen, dass das Rabattsignal, okay? Und weil dies das Wichtigste ist, aber wenn sie manchmal Situationen haben Sie verwirrt sein könnten und selbst diese die Farbe nicht ändern, dann ist es Zeit, etwas zu verwenden, das als Schlüsselwort wichtig bezeichnet wird , okay, das Ausrufezeichen wichtig und es sollte vor dem Semikolon platziert werden, okay? Und das ist noch wichtiger, aber nicht, nicht, bitte benutzen Sie es nicht. Wenn Sie es sehen, werden Sie wissen, warum etwas nicht funktioniert. Deswegen zeige ich es dir. Ok? Weil man hier manchmal alles richtig machen könnte, richtig? Und so was. Und diese Regel wird nicht auf das Tag auf Ihrer Seite angewendet. Und dann sind Sie wie Was los ist, dann ist es wahrscheinlich Zeit, HTML5 zu betrachten und nach der Person zu suchen, die dies getan hat und, und, und beheben Sie entweder einen Hinweis, suchen Sie nach dem, suchen Sie nach dem Blick für die Finger wie folgt, und beheben es, indem Sie es entfernen und alles gut machen. Die externe Datei tötet niemanden. Ich habe nur Witze gemacht. Ok. So gibt es multivariate, was ist mehr dazu? Weil, nun, wir haben den Body Tag, richtig? Und beachten Sie, dass hier so etwas wie Vererbung ist. Was bedeutet das? Es bedeutet, dass einige Regeln, die wie zum Beispiel Kohle oder die gesamte Schrift sind, vererbt werden. Wenn ich zum Beispiel hier tippe und ich die Farbe oder zwei ändere, so etwas, bedeutet dies, dass diese Farbe in jedem Tag vererbt wird, das sich im Körper befindet. Wenn wir einen Vater haben, Mutter, können wir die Farbe des Auges oder die großen Türen für dich tragen. Aber wir erben Dinge von den Eltern und Diff ist ein Kind für Körper. So ist Boda offensichtlich für tiefe und dv erben Dinge vom Körper. Es bedeutet nicht, dass es jede Regel erben wird, weil einige Regeln nicht. Wenn sie geerbt würden, wäre es einfach dämlich, oder? Aber Dinge wie Kohle oder davon, von der Schrift. Es ist eine ziemlich gute Idee, oder? Denn es wäre dämlich, wenn ich die Farbe für jede mögliche Zeit ändern müsste. Richtig? Also erinnere ich mich nicht, welche vererbt wird. Ich denke nur in meinem Kopf, was wäre eine gute Idee, es zu erben, oder? Also Farbe ist eine gute Idee, VD durch den Knoten zu erben, zum Beispiel wäre die Grenze um den Körper dämlich, in div geerbt, oder? Weil alles leichter würde eine Grenze um die haben, das wäre dumm, oder? So erinnerst du dich daran, was geerbt wird oder nicht. Und wie Sie sehen können, ist es hier das Höchste. Und es bedeutet auch, weil dies die Kaskade ist, es ist am wenigsten wichtig, dass Liste, es ist nicht wichtig, oder? Es bedeutet also, dass, wenn Sie den Selektorangriff verwenden, richtig? Also, wenn Sie den Typ 1 zum Beispiel verwenden, und Sie ändern den Gelehrten Schriftsteller zu etwas Jungs wie zum Beispiel Feuerstein. Sie werden feststellen, dass der Gelehrte für den Typ eins, die Schriftart geändert wurde, oder? Sie können es in alles ändern, was Sie wollen, weil wir es vielleicht geerbt haben. Aber das ist wichtiger, was ich in Deck sage, Klassenwähler, okay? Das ist wichtiger. Der Klassen-Selektor. Dann habe ich deaktiviert und Inline-CSS und dann die wichtige, So funktioniert es. Ich möchte dir auch etwas ziemlich Tolles zeigen. Beachten Sie, dass wir so etwas tun könnten, geben Sie eins ein und geben Sie zwei Jahre ein. So ist es, es ist, es ist ziemlich richtig Rückerstattung, weil wir Klasse können zwei Werte frei haben 45 Tage bis zu Ihnen. Und jetzt gibt es ein Problem. Wie Sie sehen können, haben wir Typ 1 und geben Sie OK, weil wir Typ 1, Typ 1 und Typ 2 hatten. Das erste, was passiert, ist, dass wir verbinden, was verbindet, was nicht in allen von ihnen vorhanden ist, oder? Also wird Kohler in diesem und dem jetzt so sein . Also haben wir die Farbe Indigo, das ist sicher. Dann später können wir sehen, dass wir guten Typ eins haben, der die Hintergrundfarbe blau hat, dann haben wir die rote Farbe bekommen, und dann haben wir grün, was der Typ ist, der die Hintergrundfarbe ist, die diese zuletzt in Dieses enge CSS, es ist dieses, richtig? Deshalb, wie Sie sehen können, ist die Hintergrundfarbe Jasmingrün. Wir sagten, das wird grün blendend sein. Wenn wir die Reihenfolge so ändern, dann bedeutet dies, dass dies die letzte ist und wir haben hier gelesen, okay, im Typ 1 und Typ 2. Also ist die Reihenfolge, was zählt, wenn wir die gleiche Priorität haben, richtig, eins, weil wir den Klassenselektor in beiden Fällen verwenden. So funktioniert es. Und Sie fragen sich vielleicht, wie kann ich mich an all das erinnern? Nun, stellen Sie sich vor, dass Sie gerade programmiert Prozessor sind. Es ist eine Art Analyseprogramm. Du bist ein Programm, okay? Wenn Sie also ein Computer sind und das Zeug analysieren, das hier geschrieben wird, lesen Sie Dinge von oben nach unten rechts? Und du bist wie, okay, also muss ich die Hintergrundfarbe in Blau ändern. Okay, ich habe die Hintergrundfarbe von Design-Tableau geändert. Was später muss ich die Farbe der Schriftart in Indigo ändern, OK, und tun Sie es. Und dann, oh, es gibt einen oder Finger wie diesen und ich muss die Hintergrundfarbe jetzt auf Rot ändern. Okay, also ändere ich Blau zu Rot. Okay, dann habe ich die Klasse Typ zwei. Okay, also muss ich die Hintergrundfarbe in Grün ändern, okay, dann ändere ich sie in Grün, weil es später ist, richtig? So erinnern Sie sich daran, weil es der Computer alles von oben nach unten analysiert. Ok? Das Letzte ist also immer das Wichtigste, aber nur, wenn wir den gleichen Selektor haben. Ich sage Ihnen, dass wir es wieder getan haben, weil entweder Sie, zum Beispiel hier, IID-Probe verwenden , richtig? Und ich wähle es nach Probe. Dieses Ding ist im Moment das Wichtigste. Wir können die Hintergrundfarbe in einen hellen Himmelschlag ändern, oder? Und wie Sie sehen können, ist es himmelblau. Aber ich kann es an der Spitze Ihrer style.css setzen, Es wird immer noch helles Himmelblau sein, weil, wie gesagt, wenn die Priorität nur gleich ist, dann werden die Eigenschaften kombiniert und diejenigen, die später auftreten, überschreiben die vorherige. Ansonsten ist es nicht die Reihenfolge, die Dosen, sondern die Bedeutung. Und hier ist nur ein Hinweis. Je genauer die Wahl, desto höher ist ihr Wert, oder? Beachten Sie, dass die Vererbung etwas ist, das Sie später in Ihrem Leben ändern können. Wenn Sie dumm sind, dann können Sie, wenn Sie paras schlimmer sind, können Sie physisch schlau werden. Weißt du, manche Dinge können nicht geändert werden. Zum Beispiel, Farbe der Augen, nicht wahr? Aber einige Dinge können repariert werden. Also später, wenn wir das Selektor-Tag bekommen haben, ist das genauer, oder? Klassenwähler ist präziser, ID-Selektor ist noch präziser. Inline CSS präziser, wichtiger, diese präziser. Je genauer etwas ist, desto wichtiger, desto höher ist der Wert. Und die Sache, die angewendet werden wird, ist diejenige, die präziser ist. Es ist nur diese Lektion. Ich hoffe, Sie verstehen jetzt die Probleme jedes CSS-Schöpfers. Vielen Dank. 57. Selector: Hallo an alle. Es ist Zeit zum Üben. Denken Sie daran, dass der DV jemand sein will, der Websites erstellt. Sie können die Videos einfach nicht ansehen, wie auf Autopilot. Sie nur gehäutet beobachten sie und üben nicht. Du musst üben, was du siehst, denn sonst wirst du dich nicht an all diese Dinge erinnern. Es gibt viele, viele neue Dinge kommen Alter Vortrag und Sie müssen sie üben. Tun Sie wenigstens, was ich in der Vorlesung tue. Spielen Sie mit Selektoren, spielen Sie mit der Steuer, denken Sie daran. Das ist also eine Art Erinnerungsvortrag. Ok? Ich möchte, dass Sie einen Tisch erstellen, den ich hier gemacht habe. Okay, mach es manuell, auch allein. Und Sie können den Selektor-Teil von hier kopieren, indem Sie versucht haben, eine Beschreibung jedes Selektors selbst zu erstellen. Okay, also kannst du dann vergleichen mit dem, was hier ist, und sehen, ob du verstehst, okay, der kostenlose erste ist ziemlich einfach. Wenn Sie das P hier eingeben, werden Sie nur wählen, was jeder Absatz. Also jeder Absatz, der zum Beispiel innerhalb dieses div oder innerhalb ist , zum Beispiel body-tag, richtig? Wann immer es ist, werden Sie es auswählen und Sie können die Farbe der Absätze ändern. Tun Sie zum Beispiel rot. Und wie Sie sehen können, beziehen wir uns auf die n. Diese sind rot, weil dies Absätze sind, oder? Wir können es auch deutlich sehen, wenn Sie den Inspektor verwenden. Und wir können sehen, dass dies Absatz dieser Absatz ist Absatz, dieser Absatz ist nicht Absatz, dieser Absatz. Ok. Nun gehen wir, um alle Elemente auszuwählen. Diese Klasse ist f2. Also, um nur die Jungs auszuwählen, für die die Klasse ist, müssen wir den Punkt verwenden, richtig? Und es bedeutet, dass wir wählen, wofür die Klasse, und es ist uns egal, ob diese Klasse Foo innerhalb des Absatzes oder D. Es spielt keine Rolle. Wir haben gerade gesagt, hey, wähle Klasse foo, das ist alles. Und wie Sie sehen können, funktioniert es so. Wenn wir nur Absätze auswählen möchten, denken Sie daran, dass Sie es vor den Daten angeben müssen. Also müssen Sie die Leistung unseres Graphen hier eingeben, rechts, das p-Tag hier. Und jetzt, wie Sie sehen können, haben wir nur die Absätze ausgewählt. Entfernen Sie es. Wir werden das div und die Absätze auswählen, okay, weil dies ein div mit der Klasse foo ist. Ok? Wenn Sie alle Ausrichtungen auswählen möchten, ist diese ID gleich, Sie, verwenden Sie einfach den Hash, okay? Das ist ziemlich einfach, also werden wir es nicht tun. Und hier ist etwas, mit dem Sie alle Elemente auswählen können , die tief sind und gleichzeitig sind. Also, wenn Sie den Schmerz nehmen, wie Sie sehen können, werden wir alle Elemente auswählen, weil, naja, die Wahrheit ist, dass P in div ist, aber es spielt keine Rolle, oder? Weil wir D und P wählen, wann immer es ist, gerade jetzt. Allerdings, wenn wir das Komma entfernen, Sie werden feststellen, dass wir nur Absätze ausgewählt, die innerhalb sind , die innerhalb der, Dies ist wichtig. Der ziemlich große Unterschied. So können Sie das Ende B auswählen und die Regel hier anwenden. Wenn Sie es jedoch so machen, bedeutet es, dass Sie alle p auswählen, die sich innerhalb des if und nur innerhalb des div befinden. Ok? Also dieser hier, dieser hier, dieser überhaupt. Dies ist nicht innerhalb der, wenn dieser Absatz innerhalb des Körpers, oder? So funktioniert es. Und wenn wir es ändern, zum Beispiel, dot foo, Sie wählen nur Elemente. Diese Klasse ist gleich 4, aber sie sind innerhalb des Todes. Sie müssen in der rechten Seite sein. Also, wenn ich hier Klasse foo hinzufüge, werden diese nicht ausgewählt, aber dies, dies, dies, und dies wird ausgewählt. Wie Sie sehen können, ist es durch. Ok. Was haben wir sonst noch? Wie Sie sehen können, können wir es angeben. Wir können sagen, dass, hey, ich möchte nur Absätze innerhalb des div, das die Klasse foo hat. Es bedeutet also, dass dies jetzt nicht ausgewählt wird, aber dieses und dieses Rad, wie Sie sehen können, ist es durch. So funktionieren diese grundlegenden Selektoren. Aber wir haben hier auch so etwas wie wählen Sie alle Elemente auf der Seite, das ist das Sternzeichen, okay, das Multiplikationszeichen. Lasst es uns benutzen. Also, wenn du solche Sachen machst und Farbe rot sagst, wirst du bemerken, dass jetzt alles rot ist. Und nun, um ehrlich zu sein, ist dies nicht nur der Ort, an dem es genutzt wird. Beachten Sie, dass, wenn wir so etwas tun. Also wählen wir nur die Klasse foo innerhalb der rechten. Also wählen wir auf diesem, dies und das. Um ehrlich zu sein, hier ist so etwas wie das Sternchen. Es bedeutet, alle Elemente auszuwählen. Diese Klasse ist gleich foo. Und das ist, Sie können sehen, dass sich nichts geändert hat, oder? Das funktioniert genauso, als ob es da ist oder nicht. Aber nun, weil dies so häufige Operation ist, wenn Sie das CSS verwenden, dass die Leute entschieden haben, dass es weggelassen werden kann. Ok? Du brauchst es also nicht hierher zu stellen, oder? Aber wenn jemand benutzt, ist es gut zu wissen, was los ist, richtig. Denn wenn du so etwas gesehen hättest und ich nicht gesagt hätte, dass du es tust, existiert so etwas. Sie werden überrascht sein, dass Sie nicht wissen, wie es funktioniert, oder? Jetzt weißt du, dass dieses Ding jede mögliche Ausrichtung auswählt, oder? Und wenn Sie es mit der Klasse verwenden, wird jedes mögliche Element sagen, aber es muss dieser Klasse gleich sein. Und auch in diesem Fall muss es innerhalb des div sein, richtig? Aber wir brauchen es nicht zu benutzen, oder? Es kann weggelassen werden. Das ist alles in dieser Lektion. Vielen Dank. 58. Ränder um Elemente: Hallo, mein Freund. Heute werde ich Ihnen zeigen, wie Sie Grenze auf Elemente auf Ihrer Seite hinzufügen, wie zum Beispiel, div oder Tabelle, die wir hinzufügen Grenze tun in Zukunft. Um einen Rahmen hinzuzufügen, müssen Sie seinen Typ angeben. Dharma Linie, die gepunktet, gestrichelt, solide Doppelnut, First Ins und Outs bei und so weiter. Wenn Sie den Control plus Platz nutzen, gehen Sie natürlich rein und erhalten einige Hinweise, was Sie wählen können, oder? So müssen Sie sie nicht auswendig lernen, aber es ist gut, mindestens einmal alle von ihnen an einem Ort zu sehen, weil es Ihnen erlaubt, eine von ihnen zu wählen, wenn Sie das Recht brauchen. Also ist es gut, sie alle auf einmal zu sehen. Das Problem ist, dass wir, weil wir den Rand hier entfernen, Marge innerhalb unserer Elemente hinzufügen sollten, die diff sind. Also fügen wir einen Raum hinzu, der 10 Pixel zwischen jedem div und unserem ganzen Körper entspricht . Und wie Sie sehen können, haben wir eine Marge mit dieser Regel hinzugefügt und jetzt ist es einfacher, sie zu analysieren. Wie Sie sehen können, wenn wir das gesalzene hinzufügen, haben wir hier ein festes Eisen. Wenn wir die gepunkteten verwenden, haben wir Punkte gleich um oder Rand gestrichelt. Wir haben Striche, doppelte Linie, wir werden die doppelte Linie Graph sieht aus wie diese Umkehrung der Gruppe wird die Reichweite genannt. Und es sieht aus wie dieser Einschub Anfang. Und natürlich kannst du Dinge vermischen, was nicht funktioniert hat, weil ich hier den Stil nicht hinzugefügt habe. Wie Sie sehen können. Nun, wir haben hier, die Striche hier, wir haben am unteren Wachstum, damit Sie die Dinge vermischen können, okay? Aber es ist nicht alles, was Sie mit Grenzen tun können, weil, na ja, Sie können bestimmte Grenzen setzen, Sie erhalten und setzen, zum Beispiel, links von der Grenze zu lesen. Und Sie können, Sie können einfach keine andere Grenze setzen. Wie Sie sehen können, gibt es nur eine Grenze auf der linken Seite. Und wir verwenden es als Dekoration, die zeigt, dass dies wichtige Textnachrichten ist, wie zum Beispiel eine Definition, oder? Also hier ist eine Grenze, die wir auch die Farbe ändern. Also, wie man solche Dinge macht? Lassen Sie uns zum Beispiel dieses Ding von hier entfernen. Und beachten Sie, dass, wenn ich Grenze tippe, haben wir hier viele Hinweise. Und wir können von hier etwas wie oben, links, rechts und Knopf wählen. Und es ermöglicht Ihnen, die spezifische Grenze rechts, oben, rechts, unten und links zu ändern . So können wir setzen, zum Beispiel, Rahmen unten zwei As und natürlich, den Stil auf etwas wie, zum Beispiel, einfügen. Und Sie werden bemerken, dass jetzt hier, also hier haben wir nur Grenze unten, richtig, nicht überall. Wenn wir das untere Wort entfernen, werden Sie feststellen, dass wir es überall oben, rechts, unten und links gut haben . Aber wir können angeben, welchen Stil Sie festlegen möchten. Das ist das Erste. Sie können auch die Farbe dafür festlegen. Man kann also etwas sagen wie Grenze, Strich und Boden und gut, und wir wollen dieses Mal nicht sitzen, aber wir können die Spalte einstellen und wir können hier zum Beispiel die Farbe wie Schokolade setzen . Und wie Sie sehen können, haben wir hier gut, die Farbänderung. Wir können auch die Grenze Bolton Breite ändern. So können wir ändern, wie groß ihre Grenze sein wird. So können wir es zum Beispiel auf 10 Pixel setzen. Und wie Sie sehen können, sind es 10 Pixel, es ist ein bisschen mehr Vk, oder? Die WAF hat sich geändert. Das Problem an der Lösung wie dieser ist, dass wir wirklich viele Dinge eingegeben nur den unteren Rand dieser Klasse anzugeben, oder? Es gibt vier. Gut für uns, so etwas wie eine kurze Jagdeigentum, um die Grenze zu setzen. Wie Sie sehen können, müssen Sie zuerst die Breite, dann das Zeichen und dann die Spalte eingeben . Also verwenden wir einfach die Farbe hier. Und dann müssen wir die Breite eingeben, also 10 Pixel. Dann müssen wir tippen, welcher Stern es sein wird. Also in unserem Fall ist es einsatzbereit. Und dann müssen wir die Farbe eingeben. Also in unserer Situation ist Schokolade. Also, jetzt können wir das einfach entfernen, und das ist wirklich, das ist gleich diesem Ding hier. Aber beachten Sie, dass ich hier keinen Button hinzugefügt habe. Und deshalb werden wir all diese Werte auf jeden Rand oben, rechts, unten und links setzen . Also, wenn du sagen willst, hey, Island, nur unten zu wählen, und dann werde ich sagen, eine Grenze unten. Und jetzt, wie Sie sehen können, haben wir nur die Unterseite der Sache hier geändert , wie Sie sehen können, ich benutze es hier, um die Grenze links auf 50 Pixel zu setzen, und dann ändere ich die Hintergrundfarbe. Und deswegen sieht das so aus, als wären es wichtigere Texte, oder? Es hat dieses rote Ding hier auf der linken Seite, was eine Grenze ist, richtig? Das ist also, das kann ziemlich nützlich sein. Beachten Sie auch, dass Sie die Breite unserer Blöcke so ändern können, oder? Und es wird besser aussehen, wenn du es tust. Meistens, wenn es nicht genug Text gibt, oder? Es ist also eine gute Idee, sich daran zu erinnern. Du kannst solche Dinge tun. Es ist auch gut zu wissen, dass, naja, beachten Sie, dass, wenn wir die Grenze so setzen, so zu allem, können wir, zum Beispiel, diese und diese entfernen , indem wir welche Grenze verwenden. Und wir wollen die Spitze wählen, dann den Stil, und wir können es auf keinen setzen. Wie Sie sehen können, entfernen wir den oberen Rand. Jetzt. Wir können den Rahmenstil entfernen. Rahmen, richtiger Stil zu auch keiner. Und wie Sie sehen können, entferne ich auch die rechte Seite. Denken Sie daran, dass es sehr, sehr wichtig ist, welche Reihenfolge Sie alle diese Dinge eingeben, weil Eve, wir beginnen von diesem und dann fügen wir die Grenze. Sie werden bemerken, dass wir nichts entfernt haben. Warum ist das? Also ist es, weil das CSS nach oben gegangen ist, von oben nach unten rechts interpretiert werden. Also, wenn wir in diesem Selektor speziell sind, Computer wird das lesen. Es muss den Rand oben auf der rechten Seite entfernen. Und dann wird es lesen. Es muss den Rand oben rechts, unten links, rechts hinzufügen . Also haben wir einfach nichts getan, was wir tun wollten. Daher ist dieser Vortrag auch wichtig, nicht nur weil Sie gelernt haben, was Grenze ist, sondern Sie müssen sich daran erinnern, in welcher Reihenfolge Sie Dinge setzen, weil manchmal Sie so sein könnten, warum funktioniert das nicht? Es funktioniert nicht, weil Sie die Dinge außer Betrieb setzen. Das ist ziemlich wichtig. Es ist auch gut zu null. Nun, wir werden kommentieren, dass, wenn Sie Grenzstil festlegen, Sie hier Wert eins und Wert zwei setzen können. Ok? Es bedeutet also, dass Sie etwas wie, danke, das ist großartig. Eine andere Definition, Definition zwei. Und beachten Sie, dass, wenn ich Randstil tippe, zum Beispiel solide, wir werden Angst haben, alles solide. Aber wenn ich solide mache. Und dann zum Beispiel, Mann, wie Sie sehen können, haben wir gut an der Grenze oben und unten. Warum ist es so? Denn wenn Sie nur setzen, wenn Sie mehr als einen Wert setzen, dann ist der Wert eins nach oben gegangen, bewirken die oberen und unteren. Und Wert 2 wird die linke und rechte beeinflussen. Ok? Also, wenn wir hier tippen kann etwas anderes wie feste Nut, dann wird es hier fest und Nut auf der linken Seite haben. Also kannst du die Dinge vermischen, oder? Aber es ist auch ziemlich nützlich, zum Beispiel links und rechts zu entfernen . Beachten Sie, dass, wenn wir Dinge wie jetzt tun, zum Beispiel, 500 Pixel und dann mit Text ausrichten, so dass wir den Text innen zentrieren, wenn es ziemlich cool aussehen wird, oder? Weil Sie eine wichtige Botschaft haben und gute Grenzen oben und unten tot hat, wie SAS, das ist wichtig, richtig? Denn ohne sie würden Sie diese Schreibtische nicht einmal bemerken, richtig? Aber jetzt ist es einfacher, es zu bemerken, oder? So können Grenzen für die Dekoration verwendet werden, aber auch um sicherzustellen, dass die Person, die die Texte liest, den Text sieht, oder? Wir sind nur wichtig für ihn. Es gibt auch noch eine Sache, die sie schimpfen. Uhr oder Rolle. Beachten Sie, dass wir ihr mehr Werte wie wertfrei und Wert vier setzen können. Und dann ist der Wert eins für die Spitze verantwortlich. Wert 2 ist für das Recht verantwortlich. Wie die Uhr geht direkt an die, es geht von oben nach rechts, oder? Es geht in die richtige Richtung. Also geht es zuerst oben, rechts, dann ist der Wert f3 gleich dem unteren, und dann ist der Wert vier gleich links. Also könnten wir so etwas wie solide keine setzen, keine, keine, nicht wahr? Das bedeutet also, dass wir nur den Solid an der Spitze haben werden. Andere Dinge werden von Kiel entfernt werden, richtig? Und wir können zum Beispiel festlegen, sagen wir, dass wir links und unten rechts essen wollen. Also, wie würde ich das tun? Wir müssen hier und hier solide sein, oder? An anderen Orten wollen wir es nicht haben. Also ist es jetzt so. So können Sie entscheiden, welcher Stil präsentiert wird oder welcher nicht anwesend sein wird, oder? Sie können jetzt auch etwas sagen wie, lasst uns die Grenze ändern. Links, Kohle oder zwei, zum Beispiel, karminrot, richtig? Und wie Sie sehen können, haben wir die Farbe alle diese Typen hier geändert. Und denken Sie auch daran, dass die Bestellung richtig zählt? Wenn wir es so machen, es diesmal funktionieren, weil wir die Farbe später nicht geändert haben, oder? Aber wenn du Dinge wie Randfarbe gemacht hast und die Farbe zum Beispiel in Schwarz änderst , richtig? Beachten Sie, dass, weil wir alles in schwarz ändern und dann die linken zwei Königinnen, und dann wird die linke Cremes in schlecht sein, wenn wir es hier setzen, richtig? Wie Sie sehen können, ist nichts passiert, weil wir die linke Grenze zu Crimson geändert haben, aber später ändern wir jede Grenze zu blockieren. Denken Sie an die Bestellung, okay, das ist ziemlich wichtig. Das ist alles in dieser Lektion. Als Übung, versuchen Sie, mit all diesen Dingen, die Sie in diesem Vortrag gelernt haben, zu spielen ist eine gute Idee, damit zu spielen, weil dann werden Sie es besser erinnern. Versuchen Sie also, eine Definition zu erstellen, die der Typ hat, zum Beispiel eine andere Farbe auf der linken Seite. Und vielleicht machen Sie einen Grenzknopf, der ein bisschen schmaler ist. Schreiben Sie es so, dass es nicht so groß ist wie dieses. Vielleicht anders, oder? Das ist auf der Lektion. Vielen Dank. 59. Abgerundete Ecken: Hallo an alle. Jede Ecke, die so aussieht, die rechts nach unten quadratisch ist, kann abgerundet werden. Um dies zu tun, müssen wir die Regel verwenden, die Randradius genannt wird. Also mögen wir nur Grenzradius und dann tippen wir zum Beispiel 10 Prozent, was bedeutet, dass wir ihn um 10 Prozent herum haben wollen. Und wie Sie sehen können, sind alle Ecken um 10 Prozent abgerundet. Aber ich denke, in diesem Fall ist es besser, zum Beispiel Pixel zu verwenden. Und dann werden Sie feststellen, dass, okay, wir laufen das DEM um 10 Pixel und wie Sie sehen können, sie sind ziemlich besser aussehen. Das erste, was Sie wahrscheinlich bemerken, ist, dass dieser Grenzradius nicht mit dem Rand links, rechts verbunden ist. Beachten Sie, dass wir den Rahmen entfernen können und trotzdem dieses Feld abgerundet wird, so dass Sie keine Grenzen verwenden müssen, richtig? Sogar die gesamte Box oder so, um sie abgerundet zu haben. Ok? Dies ist ziemlich wichtig, was bedeutet, dass Sie zum Beispiel freie Eingaben erstellen und dann zwei Eingaben erhalten können. Und dann legen Sie zum Beispiel den Grenzradius für sie fest. Wir sind nur 10 Pixel. Standardmäßig. Mal sehen, wie es aussieht. Wie Sie sehen können, sieht es so aus, wie Eingabe aussieht. Aber wenn ich Border-Radius hinzufüge, haben sie anders aussehend, ziemlich cool aussehend. Sie können Ihre eigenen Eingaben erstellen. Wie, wie werden sie aussehen? Es ist eine gute Idee, etwas Spielraum hinzuzufügen. Es gibt also eine Art Raum zwischen ihnen, oder? Wie Sie sehen können, haben wir ausgeführt, die Eingaben sind genug. Wann KANN so etwas auch verwendet werden? Lassen Sie uns eine Klasse erstellen, die aufgerufen wird, zum Beispiel Hinweis. Und sagen wir, hier ist ein wichtiger Hinweis wie dieser. Und lassen Sie uns als Hinweis handeln. Und jetzt bemerken, dass das Wochenende etwas wie zum Beispiel Hintergrundfarbe tun . Lassen Sie uns die Farbe des Hinweises ändern. Es sieht also sehr schlimm aus. Jetzt machen wir es 300 Pixel so. Dann werden wir, lassen Sie uns zum Beispiel, Texte, die an der Mitte ausgerichtet sind. Und wie Sie sehen können, ist es jetzt zentriert. Und jetzt machen wir Deb Grenze Radius Länge, zum Beispiel 10 Pixel. Wie Sie sehen können, sieht es besser aus. Aber immer noch. Lassen Sie uns etwas machen, das wir in Zukunft lernen werden, das als Polsterung bezeichnet wird. Und lassen Sie uns Knospen zum Beispiel auf 20 Pixel setzen. Wie Sie sehen können, Padding hinzugefügt. Der Hintergrund oben und unten wird der Raum hinzugefügt , der gleich 20 Pixel ist jetzt. Und dann sieht das wirklich wie ein wichtiger Hinweis aus, oder? Es sagt bloßen Boden und es hat auch die abgerundeten Ecken in die Ecken gerückt, nicht wahr? Wenn ich den Grenzradius entferne, sieht es seltsam aus. Sofort. Sieht besser aus. Wir können es jedoch noch besser machen. Ein Blick, noch besser. Schau, du kannst hier den Wert wie 10 Pixel setzen, aber was auf unserer Anzeige hier passieren wird, der zweite Wert wie 15 Pixel, wir haben Banane. Was ist passiert? Beachten Sie, dass 10 Pixel was beeinflusst? Linke obere Ecke und rechts, untere Ecke, rechts. Und 50 Pixel beeinflussten ihre rechte obere und linke untere Ecke. Okay, so funktioniert es also. Wir können hier sagen, dass, wenn Sie so etwas eingeben, bedeutet dies, dass der erste Wert sich auf die linke obere Ecke und rechte untere Ecke, rechts, auswirken wird. Wenn Sie den Wert zwei tauchen, werden Sie sich auf die rechte obere und linke untere Ecke auswirken. Ok? Das ist noch nicht alles. Sie können auch so etwas tun. Also, wenn ich so etwas tippe, ist das gleich. Auch dies ist gleich der Symphonie. Das Datum ist gleich, okay, ist das gleiche. Was bedeutet, dass, wenn Sie so etwas eingeben, Band Nummer eins links oben, rechts hier. Ist das rechte obere Ecke? Wie erinnere ich mich daran? ich so gut? So gut. Preise, solche Dinge. Habe ich einen Text unter mir? Wissen Sie, ich benutze einfach die Reihenfolge im Uhrzeigersinn, richtig? Denn beachten Sie, dass dies die linke obere Ecke ist, dann die rechte obere Ecke, was dann? Die rechte untere Ecke, rechts. Dann ist der Wert für Kraft gleich der linken unteren Ecke. So funktioniert die Uhr, oder? 0, 0, 0, 0. Und das coole daran ist, dass wir zum Beispiel einen der Werte zwei setzen können , zum Beispiel 0, 0 Pixel. Und jetzt merkt, dass wir so etwas bekommen, oder? Das ist also etwas abgerundet, das ist viel abgerundet. Diese abgerundet ein bisschen. Und hier haben wir Jazz an der quadratischen Ecke, richtig? Und wir haben unseren benutzerdefinierten Hinweis erstellt. Das sieht ziemlich cool aus, oder? So können Sie den Randradius ändern. Es gibt nur diese Lektion. Vielen Dank. 60. Tische und Padding: Hallo, mein Freund. Dieser Tisch hier sieht jetzt schrecklich aus. Lassen Sie uns es mit dem CSS verbessern. Um Tabelle zu wählen, müssen wir nur in Stunden hier diese Tabelle tauchen. Oder wenn du es benennen wolltest, könntest du die IV benutzen, richtig? Und so bekomme ich so eine Fahrt. Aber wir möchten eine beliebige Tabelle auswählen, die wir auf unserer Seite haben, also werden wir die ID nicht hinzufügen. Also haben wir eine Tabelle auswählen und jetzt ist es Zeit, zum Beispiel einen Rahmen wie diesen weißen Rand hinzuzufügen , der nur ein Pixel ist. Und wie Sie sehen können, haben Sie Grenze um unseren Tisch. Okay, alles funktioniert gut. Aber das erste Problem ist, dass wir nicht den Abstand zwischen unserer Webseite auf der linken Seite und diesen Teilchen, unserer Tabelle. Also, um es zu ändern, werden wir den Rand zehn Pixel hinzufügen. Das sieht also besser aus, oder? Wir können deutlich sehen, dass wir hier eine Grenze haben. Nun, fügen wir, zum Beispiel, Rahmen innerhalb jeder Tabelle Daten. Also lasst es uns so machen. Ein Pixel massiv schwarz. Und Sie werden feststellen, dass es ein Problem gibt, weil jede Tabellendaten ihre eigene Grenze haben, richtig? Und um ehrlich zu sein, sieht es nicht gut aus, oder? Es wäre toll, wenn diese Grenze auf der rechten Seite mit dieser Grenze auf der Außenseite verbunden wäre. Wenn es, wenn es irgendwie verbinden könnte, ineinander kollabieren könnte, wäre es großartig. Und es gibt eine Regel, die als Randausfall bezeichnet wird, die standardmäßig auf getrennt festgelegt ist, was bedeutet, dass sie nicht verbunden sind. Aber wenn Sie es ändern, um zu kollabieren, wie Sie sehen können, haben wir die Grenze von Tabellendaten mit einem anderen Rahmen verbunden und jetzt sieht es besser aus, richtig? Definitiv besser, aber immer noch nicht gut. Jetzt ist es Zeit, ein Leerzeichen zwischen dem, was, zwischen dem Text, dem Inhalt der einzelnen Tabellendaten und dem Rand um ihn herum hinzuzufügen zwischen dem Text, dem Inhalt der einzelnen Tabellendaten . Und dieser Raum zwischen dem Inhalt und dem Rand wird als Padding bezeichnet. Polsterung Es gibt also eine Regel, die Padding genannt wird und Sie können beispielsweise hinzufügen, 10 Pixel sind zum Beispiel 15 Pixel zwischen dem Inhalt und dem Rand dieser Tabellendaten. Und wie Sie sehen können, sieht es jetzt definitiv besser aus. Wir können es zu 100% ändern. Sie können hier sehen, müssen wir den Zoom zurücksetzen. So sieht es jetzt so aus oder das definitiv besser aus als wenn wir keine Polsterung haben, oder? Beachten Sie, dass, wenn Sie die Web Developer Tools verwenden und wenn ich die Control Shift plus I oder j im Webbrowser verwende, ich jedes Element auswählen kann. Und wie Sie hier auf der violetten Farbe sehen können, haben wir eine gute Polsterung. Und wie Sie sehen können, ist das Spotting um das, was der Inhalt, oder? Der Inhalt ist jetzt wählen Sie alle Elemente mit dem Namen b. Und das ist dieser Text, richtig? Und wenn ich die Maus hier bewege, wie Sie sehen können, haben wir sie ausgewählt. Wenn ich hierher ziehe, haben wir hier eine Polsterung, richtig? Dies ist nur eine Art zusätzlicher Abstand zwischen dem Text und dem Rand. Und es ist ziemlich gebraucht, denn sonst sieht das einfach schlecht aus. Jetzt ist es an der Zeit, es ein bisschen mehr zu ändern, indem zum Beispiel die Grenze von allen entfernt und entfernt wird. Beachten Sie, dass, hey, wir haben nur begnadigt, das sieht ziemlich gut aus. Aber es gab, es wäre gut, wenn es eine Art Trennung zwischen jeder Reihe gäbe, richtig? Also lassen Sie uns einfach den Tisch oder alle auswählen. Und lassen Sie uns den Rahmen nur am Ende jeder Tabellenzeile hinzufügen, richtig? Wie ein Pixel-Solid-Block. Und jetzt werden Sie feststellen, dass das ziemlich okay aussieht, oder? Wir haben jede Tabellenzeile getrennt und es gibt keinen nur Overhead hier, richtig? Wie zum Beispiel der linke Rand, rechte Grenze. Ich denke, es sieht jetzt besser aus. Und das ist ziemlich wichtig zu wissen, dass man hier den Grenzkollaps benutzen muss. Beachten Sie, dass, wenn ich es entfernen, Wir arbeiten einfach nicht. Wenn ich von hinzugefügt habe, funktioniert es gut. Denken Sie also daran, den Rand kollabieren hinzuzufügen, um sogar einen Rahmen innerhalb von Tabellenzeilen erstellen zu können. Okay, so funktioniert es also. Ich denke, wir sollten auch wählen, zum Beispiel, Untertitel. Lassen Sie uns die Tabelle th wählen. Also wählen wir den Tabellenkopf aus. Und machen wir sie ein bisschen größer, oder? Wie zum Beispiel Schriftgröße 24 Pixel. Wie Sie sehen können, sind sie jetzt größer. So können wir deutlich sehen, dass dies Header sind. Wir könnten für beide festlegen, das Schriftgewicht zu fett, so dass sie fett sind. Nicht nur diese ein Bündel, also das hier oben, na ja, vielleicht nicht, vielleicht ist das besser. So können Sie es ziemlich schnell ändern. Sie können die Farben hier ändern, Sie können auch die Hintergrundfarbe ändern, zum Beispiel, ich schneide es nicht blau und die Farbe der Dinge, die ihr geschrieben werden Crimson. Und wie Sie sehen können, sieht es jetzt sehr schlecht aus. Denken Sie daran, dass, wenn Sie Farben wählen möchten, Sie versuchen sollten, sie aus der Handlung zu wählen. Also ist es am besten, die Größe wie diese zu verwenden, oder? Sie haben Farbschemata und wählen die Farben entsprechend von hier aus, richtig? Denn wie Sie sehen können, zum Beispiel auf Orange. Also in der Hintergrundfarbe wie dieser, ist es gut, die Farbe so zu haben, zum Beispiel, richtig? Also kann ich es nicht so ausdrücken. Und das wird jetzt ein bisschen besser aussehen. Es sieht immer noch nicht sehr gut aus. Es liegt daran, ehrlich zu sein, Sie sollten die Farbe von geraden Tabellenrollen ändern, oder? Also ändere die Farbe dieser auf diesem, diesem. Und dieser sollte eine andere Farbe haben oder es sollte einen Unterschied zwischen ihnen geben, um es zum Guten zu machen Um es zu tun, müssen Sie über Dinge lernen, die Pseudo-Selektoren genannt werden, aber wir werden lernen Sie in Zukunft über sie. Also zum Beispiel, beachten Sie, dass ich Ihnen nur eine Probe geben werde , wenn ich Ihre Tabelle, Tabellendaten, Nehmen wir an, dass ich all diese Jungs fett machen möchte, aber nur für die Tabellendaten, die zuerst sind, richtig? Nicht diesen hier. Nur dieser hier. Wie wähle ich es aus? Wir haben einen Tisch, 2 D, also gehen wir in den Tisch, dann gehen wir in 2D. Und wir haben beide. Ich will nur diesen hier. Um nur diese zu haben, verwenden Sie den Doppelpunkt hier und verwenden Sie dann die erste untergeordnete Pseudoausrichtung. Und auf diese Weise ändern wir nur den ersten Kerl. Ok? Also lasst uns Sachen wie Tisch für das erste Kind des TD machen. Weil wir hier nur die Polsterung wechseln, oder? Also, ähm, aber wir wollen Polsterung für beide als gleich haben. Aber wir wollen das Schriftgewicht fett auf dem ersten Chart haben. So können Sie jetzt sehen, dass diese Jungs kühn sind, aber es wäre auch besser. Es ging sogar in Tabellendaten vom ersten Kind würde fett sein, richtig? Es wird viel besser aussehen, aber wir lernen Dinge wie das in zukünftigen Vorträgen. Es gibt nur ein Dutzend. Danke. 61. So erstellst du horizontales Menü? Zustände von Links: Verknüpfung, besuchung, hover, aktiv: Hallo, mein Freund. Heute ist es Zeit, was, zu, wie das Aussehen unserer Anker zu verbessern. Also die Links, okay, wir werden ein Menü erstellen, indem wir etwas namens Zustände der Elemente auf Ihrer Seite verwenden. Ok? Also lasst uns zuerst den Anker benutzen und lasst uns zum Beispiel auf diese fallenden Bilder zugreifen , oder? Und standardmäßig sieht der Link so aus. Und es ist blau. Warum ist das so? Es liegt daran, dass es unbesucht Seite ist. Allerdings, wenn ich darauf klicke und dann gehe ich zurück, es ist jetzt lila ist, weil der Zustand hat sich in besucht geändert. Okay, also haben wir zwei Staaten. Einer ist Link, der zweite wird besucht. Link ist nur unbesucht Standardweise, wie der Link aussieht. Und wir können auf den Staat zugreifen. Wie greifen wir darauf zu? Um darauf zuzugreifen, geben wir den Namen des Ankers ein und geben dann den Besuch ein. Ok? Und auch wir tauchen den Link gleich ein. Und jetzt können wir ändern, wie sie aussehen, wenn etwas besucht wird oder nicht. Also lasst uns ändern. Erstens, die besuchte Sache, weil wo wir gut jetzt nur in Q besucht haben. Also lasst uns die Farbe ändern, um zu leben. Zum Beispiel, braun. Wie Sie sehen können, ist es jetzt braun, oder? Also ändern wir das Standardverhalten. Lassen Sie uns einen anderen Link erstellen. Und lasst uns ihn zum Beispiel geschickt, um einen Medius Cut Stone zu finanzieren. Wir haben nicht so bezahlt, aber es ist unbesucht in unserem Web-Browser jetzt, weil niemand darauf geklickt hat. Und wie Sie sehen können, ist es blau. Und wir können auch den unbesuchten steady state in Hülle und Fülle ändern, zum Beispiel, ich weiß aqua, wie Sie sehen können, es ist jetzt aqua. Ok? So ändern Sie die Art und Weise, wie sie aussehen, wenn etwas besucht wird oder nicht, richtig? Es gibt auch etwas genannt wird ein und dann der Hover. Und das ist ziemlich cool, weil dieser Zustand wirklich ein Zustand ist , den man fast jeden Angriff anziehen kann. Und es steht für die Übergabe. Wenn Sie also Ihre Hand bewegen, so dass Sie die Maus über etwas bewegen, sollte dieses Ding passieren. Das ist ziemlich cool. Warum ist das so, weil der Status aufgerufen wird, wenn Sie die Maus über den Link bewegen. So können wir eine Art von Animation erstellen, die diese Instanz. Es wird sich also sofort zeigen, oder? Und sagen wir, wir werden nur die Farbe ändern, zum Beispiel, sagen wir so. Und wie Sie jetzt sehen können, wenn wir unsere Maus über den Link bewegen, passiert so etwas zum Beispiel. Und du kannst wirklich tun, was du willst. Sie können den Bar-Ground-Aufruf ändern oder schreiben. Und wir werden alte, älteste bald verwenden , um das besser aussehen zu lassen. Ok? Es gibt jedoch einen weiteren Zustand, über den ich sprechen möchte, über den aktiv ist. Und wie der Name schon sagt, wird es aufgerufen, wenn der Link aktiv ist. Aber wenn der Link wirklich aktiv ist. Nun, wenn wir etwas tun, wie lasst uns die Farbe zu blau-violett ändern. So ist es leicht zu bemerken. Wenn ich die Maus über bewegen, ist der Link nicht aktiv, Hören ist aktiv, wenn ich darauf klicke, wie Sie sehen können. Und das ist nur die Zeit, wenn Sie darauf klicken. Okay, also ist es schwer zu erkennen. Lasst uns vielleicht wissen sie etwas, Cremes und lasst uns die Hintergrundfarbe ändern, um zu mieten. Wie Sie sehen können, geschieht dies nur, wenn ich klicke, linken Maustaste darauf und Sie wissen, ich bewege die Maus hier. Dies ist also immer noch im aktiven Modus, aber es ist nur nicht deaktiviert. Wie Sie sehen können, nur vier Millisekunden, wenn Sie auf etwas klicken, richtig? Dies ist, wenn der Link aktiv ist. Es gibt also vier Zustände wie diesen. Und wir können dieses Wissen jetzt nutzen, um eine Art Handbuch zu erstellen. Ok? Wie sollen wir das machen? Das erste ist, dass wir diese Text-Erklärung unten entfernen sollten. Link, diese Unterstreichung hier sieht wirklich nicht gut aus, oder? Also werden wir auf etwas zugreifen oder einfach nur die Textdekorationsrolle genannt. Und wir müssen es in keine ändern. Wir wollen es nicht sehen. Wie Sie sehen können. Wir klicken auf lustige Bilder, oder? Also, warum es auch im unbesuchten Staat verschwunden ist? Das liegt daran, dass Textdekoration in diesen Zuständen hier vererbt wird, okay? Es ist jedoch nicht für alle anderen Dinge. Wenn ich mich ändere, zum Beispiel hier zu Aqua Farbe. Nur das Visum auf dem unbesuchten Link ändert sich, richtig? Also, um ehrlich zu sein, möchte ich weiter hinzufügen, genauso aussehen wie ein Besuchter. Also, wie würde ich das tun? Also, wenn ich normalerweise so etwas tun müsste, richtig? Aber wenn ich aufgehört habe, fange ich an, hier etwas zu tippen. Ich muss es auch hier tun. Das ist nicht gut. Deshalb werden wir die Mehrfachauswahl verwenden oder so, richtig? Und jetzt, wenn wir hier etwas eingeben, wird es diesen und diesen Zustand in der gleichen Zeit beeinflussen. Jetzt brauchen wir uns um nichts zu kümmern. Also, okay, lassen Sie uns zum Beispiel die Farbe in Weiß ändern. Okay, so wie das. Aber wir müssen auch die Hintergrundfarbe ändern, so dass sie ein wenig sichtbar ist und ich werde den Doppelpunkt 059555 verwenden. Dies ist eine grüne Farbe wie diese. Ok? Und Sie können natürlich die Farbe von hier aus wählen. Ich habe diese vorher gewählt, also sieht es gut aus. Ok? Und jetzt, wenn wir eine Hintergrundfarbe haben, werden Sie feststellen, dass das, was die Links wirklich ein Inline-Element sind, richtig? Wenn ich also die Breite nicht ändern kann, kann ich die Höhe des Elements ändern. Und auch wird es die Polsterung zu einer Perle gebellt. Beachten Sie, dass, wenn ich das Popping verwende, um ein Leerzeichen zwischen dem Rahmen und dem Text zu erstellen . Wir haben das Polygon links, rechts und unten, aber es gibt keine Polsterung oben. Und was klein. Beachten Sie, dass, wenn wir so etwas tun, also habe ich alles in das div gelegt und wenn ich es noch einmal kopiere, wir lustige Dinge haben werden. Es liegt daran, dass wir hier standardmäßig auf inline gesetzt haben, und so funktioniert es mit Padding. Das ist ein bisschen Schnäppchen. Aber wenn wir es in Blog ändern, wird es besser aussehen, aber nun, wir wollen keine Links über die ganze Seite haben. Wir wollen, dass etwas Inline-Block angezeigt wird, oder? Sie sind also inline, aber sie sind blockiert. Und jetzt funktioniert alles gut, richtig? Wenn ich das hier noch einmal kopiere, wird es gut funktionieren. Also, okay, also ändern wir den Anzeige-Inline-Block. Und auch werden wir zum Beispiel die Grenze Kuppel setzen , zum Beispiel, breit. Wie Sie sehen können. Ein Pixel durchgefärbt, ein Pixel durchgehend weiß. So etwas wie das. Wie Sie sehen können, haben wir jetzt eine gute Grenze, die weiß ist. Und jetzt ist es Zeit für die beste Passform. Lassen Sie uns das gleiche mit der eine aktive hier machen. Zum Hover-Effekt, weil dies das Wichtigste ist. Wenn ich also die Maus hier drüben bewege, möchte ich zuerst die Farbe des Hintergrunds ändern. Ändern wir also die Hintergrundfarbe in zum Beispiel weiß. Und wie Sie sehen können, ist es nicht breit, aber das Problem ist, dass unsere Texte verschwunden sind. Also müssen wir die Farbe unseres Textes zurück zu was tun, zum Beispiel, was war die Farbe des Hintergrunds vorher? Und jetzt ist es ziemlich cool, oder? Weil wir die Hintergrundfarbe und die Farbe des Textes in der gleichen Zeit geändert haben. Wir könnten das auch tun, zum Beispiel die Grenze. Also können wir, lassen Sie es uns kopieren. Und wir werden hier nur die Farbe so einstellen. Und wie Sie jetzt sehen können, ist noch besser, oder? Also schaffen wir hier eine Art Art Art und Weise. Wir können Menschen auf andere Websites senden. Es muss nicht die SAP-Website Ihrer Seite sein. Sie müssen nur die Rechte des Textschemas ändern. Aber wir haben einen Mann erschaffen. Und bemerken Sie jetzt, dass es eine Art Problem gibt. Was wäre, wenn Sie eine Art von Texten wie, Hey Place Clique, bitte klicken Sie hier und abonnieren Sie zum Beispiel. Und du willst, das hier zum Beispiel ein Link ist, oder? Das Problem ist, dass dieses Verhalten jetzt überall auf Ihrer Website ist und es wahrscheinlich nicht ist. Was wollten Sie alle erreichen, oder? Also ist es eine gute Idee, die, zum Beispiel ID zu verwenden und zu sagen, dass dies das Menü ist, oder? Und jetzt werden wir das Verhalten von Links nur innerhalb des Handbuchs ändern. Okay, also werden wir so etwas tun, wie dieses, so. Und wie Sie sehen können, ist dieses Ding jetzt davon unberührt. Im Inneren des Handbuchs sind betroffen. Denken Sie daran, dass die EV mehr als ein Handbuch haben wollte. Sie sollten die ID nicht verwenden, Sie sollten essen, stattdessen Klasse verwenden und hier in jeder Protease ändern, den Hash in die Daten, richtig? So wie das. Aber meistens gibt es nur einen einzigen Mann, oder? So können wir zurück mit den Konturdiagrammen z gehen. So können Sie die Art und Weise ändern, wie Links aussehen. Das ist nur die Lektion. Danke. 62. Einstellen von Changing: Hallo, mein Freund. Heute werde ich Ihnen zeigen, wie Sie das Aussehen der Marker auf der linken Seite der Liste ändern können. Und wir werden es auf zwei Arten tun. Also willst du das in etwas ändern, das gut aussieht, okay, also für etwas, das zum Beispiel so aussieht , ist das definitiv besser. Okay, also wie machen wir so etwas? Erstens müssen wir die ungeordneten Listen auswählen, zum Beispiel, oder? Und in unserer ungeordneten Liste gibt es so etwas wie Elise Stil. Und wie Sie sehen können, haben wir hier freie Regeln. Einer davon ist der Typ, mit dem Sie den Typ Ihrer Veröffentlichung auf Dinge ändern können, die hier verfügbar sind. Zum Beispiel ist für ungeordnete Liste die beliebteste quadratisch. So können wir die Standardmarkierung, die sich auf der linken Seite hier auf das Quadrat befindet, nicht ändern. Wie Sie sehen können, ändern wir es von etwas, das SQL genannt wird, okay? Es gibt auch etwas, das Kreis genannt wird. Und es gibt noch ein paar mehr, wie Sie hier sehen können. Meistens sind diese jedoch diejenigen, die am häufigsten verwendet werden. Es gibt jedoch auch eine weitere, die Sie wissen sollten , dass nicht genannt würde nur den Marker entfernt. Das ist manchmal ziemlich wichtig, weil Sie es hier bekommen möchten, eine benutzerdefinierte, oder Sie wollen einfach keine Liste haben. Wir haben den Markt auf der linken Seite. Dies ist also, wenn Sie Sony verwenden. Sie werden ein praktisches Beispiel sehen, wenn so etwas ist, dass Sie feststellen, dass dies eine ungeordnete Liste ist, bedeutet, dass wir uns nicht darum kümmern, welche Art von Bestellung in einer Zitronen ist hier. Aber wir könnten dies leicht in die OrderedList ändern, oder? Die Reihenfolge ist standardmäßig Zahl. Wir können jedoch auch den Listenstil ändern, in etwas wie zum Beispiel den oberen Alpha eingeben , der ihn in a, B, C, D, E, F, G usw. ändert B, C, D, E , richtig? Oder wir können sie benutzen, nicht Oberkörper, es gibt auch das untere Alpha. Schreiben Sie so etwas und das wird kleinere Buchstaben sein. Es gibt auch etwas, das Gesetz genannt wird, wie Niederrömer. Also werden wir die römische benutzen, die Zahl, Zahlen und Ressourcen, oder niedrigeres Griechisch, das aussieht wie die Dinge aus dem Mund. Es gibt niedrigere Latein, schreiben Sie so etwas, so dass Sie dies auch hier verwenden können. Aber das Problem ist, dass ich das Empfohlene nicht kenne, weil dies Orderlies ist und Sie Typen verwenden sollten, die mit der Nummerierung von Dingen hier verbunden sind, richtig? Die, der Befehl zählt hier. Es gibt eine unter diesem, so könnten wir einige Symbole verwenden, einige Dinge, die nicht mit IBC verbunden sind, die Win-Win, etwas, wenn Sie die Reihenfolge sehen, richtig? Also gehen wir einfach zurück zur ungeordneten Liste, und lassen Sie uns zurück zu schaffen, was ein Bild mag. Zum Beispiel die, die ich hier gesetzt habe. Also hier haben wir ein Häkchen, das ist die Erweiterung von tick PNG ist. Und das ist ziemlich wichtig, weil es hier keinen Hintergrund gibt, wie Sie sehen können. Und weil es keinen Hintergrund gibt und PNG es Ihnen erlaubt, es zu tun, wird es auf jedem Bargelände gut aussehen, richtig? Weil es nur den Hintergrund der Sache nehmen wird, bei der es erscheint, richtig? Das ist also ziemlich wichtig, PNG-Datei zu verwenden und Sie können es auf etwas gleiten 12 Pixel zum Beispiel ändern. Und um die Größe zu ändern, empfehle ich das Programm, das Pine Dotnet genannt wird. Sie können ein Bild im Internet finden, das ist die, die die PNG-Erweiterung hat und die Größe auf etwas Kleines wie dieses ändern. Feuerzeug Sie können es so etwas wie das geringste tun, Stil dieses Bild. Und hier können wir etwas verwenden, was URL genannt wird. Hier setzen Sie in die Anführungszeichen, den Pfad zu dem Bild. Wie Sie sehen können, ist unser Bild, wo ist hier. Also müssen wir zuerst aus dem Ordner CSS springen, was die Hauptseite 1 Zeile direkt in den Hauptordner tun und dann in Bilder gehen. Also, um es zu tun, müssen wir verwenden, was das und dann den Schlamm. Und wie Sie jetzt sehen können, können wir zu Bildern gehen, dann das Häkchen PNG. Unser Weg sieht also so aus. Und jetzt, wie Sie sehen können, haben wir eine schöne Markierung auf der linken Seite, die so aussieht. Und wir können hier ein Bild machen, das du willst, oder? Aber denken Sie daran, dass es PNG sein sollte, sonst wird es nicht auf jedem Bagua gut aussehen, oder? So fügen Sie das Bild hinzu. Aber es gibt auch einen anderen Weg, ich für die meisten Stein denke, noch besser, weil man nicht nach dem Bild suchen muss. Okay, also wie verwenden wir diese Methode, wenn wir so etwas wie u und dann Ally machen. Also wählen wir, was die LI innerhalb der URL. Wir können zum Beispiel die Farbe zu gelb ändern , oder? Und wie Sie sehen können, haben wir die Farbe des Textes hier geändert, oder? Aber es gibt auch etwas, das als vorher ausgewählt bezeichnet wird. Und was macht es? Wie Sie sehen können, ist fast so, als ob nichts passiert wäre, oder? Denn wenn Sie sie hinzufügen, bevor Sie eine Art von Modus betreten, der Modus, mit dem Sie einfügen können, zu, Einfügen Inhalt zu E, Aber davor. Ok? Also, wo ist das? Vorher? Es ist hier, okay, wir wollen den Inhalt hier setzen. Und, aber wie stellen wir den Inhalt hier her? Wir müssen etwas namens verwenden wird der Inhalt genannt. Ok? Der Inhalt ermöglicht es Ihnen, etwas Warteschlange hinzuzufügen und Sie setzen den Inhalt in die Anführungszeichen, innerhalb der Anführungszeichen. Und hier setzen wir den Inhalt richtig, so können wir sogar sehen singen le, le, le, le, le, le, le. Also wird das Ding hier auftauchen, okay. Wie Sie sehen können, haben wir gesehen und was mehr ist gelb. Also irgendetwas, was Sie tun, um sich richtig zu fühlen? So möchten wir zum Beispiel das Schriftgewicht auf Ball ändern. Du machst dich jetzt nicht mehr hier um, oder? Also beeinflussen wir nur den Inhalt mit den Regeln hier, okay? Das ist auch ziemlich wichtig. Das bedeutet also, dass wir alles setzen können, was wir wollen. Aber dort können wir politische Dinge für sie finden? Die coole Sache ist, dass Entitäten es Ihnen ermöglicht, wenn Sie auf eine Website wie diese oben gehen, wirklich viele Gefühle zu setzen, oder? Es gibt Pfeile, die Sie interessant finden könnten, wie zum Beispiel diesen oder diesen. Und um es zu verwenden, müssen wir den Hex-Wert von hier verwenden, okay? Nicht dann TT, sondern der x-Wert von hier. Also zum Beispiel, ich mag diesen Pfeil hier. Und um es zu benutzen, benutze ich den umgekehrten Schrägstrich, nicht den Schlamm, sondern den umgekehrten Schrägstrich. Und dann die Nummer von der Seite, die ich dir gezeigt habe. Und jetzt werden Sie sehen, dass wir einen gelben Pfeil haben, der so aussieht, aber wir haben auch den Standardstil hier, richtig? Also lassen Sie es entfernen, Liste Stil, Typ, Lassen Sie uns es auf keine setzen, richtig, Also wollen wir entfernen ich es in der entfernen. Okay, weil wir so etwas tun müssen, richtig? Dies ist also die URL, URL. Also, wenn wir solche Dinge machen, haben wir das. Wenn wir das tun, haben wir das und wir wollen es einfach entfernen, richtig. Also werden wir Ostseite nach oben gestorben. Keiner. So etwas gibt es hier also nichts. Und wir haben nur ein Jahr alte Pfeile. Wir können sogar alle Emoji-Icons verwenden oder hey, ich will dieses Ding haben, dann werde ich es hier haben. Wie Sie sehen können. So sieht es aus. Es liegt also an dir, was du benutzen wirst, oder? Wenn du ein Teak haben willst, das so aussieht, dann wirst du eine Zecke haben, die so aussieht. Das gibt es alles. Das Gesetz wirklich, Sie werden nicht einmal Zeit haben, alles Mögliche von hier aus zu überprüfen. Das ist eine große Menge und Design der Emoji richtig? Bild Smyth, was immer Sie setzen können, was Sie vor dem Vertrag wollen. Und was mehr ist, denken Sie daran, dass dieses Ding vor der Sache auf jedem Element funktioniert, oder? Nicht nur hier n Element, aber dies ist ein praktisches Beispiel, wie man es benutzt. Es gibt Dinge, die Gemeinde erinnern, weil die meiste Zeit, die wir verwenden das Ticks Zeichen und Häkchen ist unter dieser Nummer reserviert. Wie Sie sehen können, haben wir hier ein Häkchen, und das fett dQ ist unter 27, 14, wie Sie sehen können, jetzt ist es fett ist noch sichtbarer, richtig? Denken Sie also daran, wenn Sie die Vorsteuer verwenden, müssen Sie vor dem Selektor den Inhalt hinzufügen. Und der Inhalt wird nach den Regeln geändert werden, die unten sind, oder? Also möchte ich, dass es unten ist. Es wird blau sein, oder? Wir haben hier einen Blauen. Und beachten Sie, dass es abgestuft wird. Es wird eine Art von Raum hier geben, oder? Und Sie können den DSpace hier mit den 000 setzen, okay? Nun, wie Sie hier sehen können, ist ein Leerzeichen zwischen diesem neuen Tick und dem Inhalt, richtig? Es sieht jetzt ein bisschen besser aus, ich denke, die Liste, aber es liegt an dir, richtig? Also wollen wir mehr Räume haben. Du kannst so etwas tun, oder? Wenn du es nicht willst und dann zweifle es nicht. Aber das ist Raum und dort ist er versteckt. Es gibt auch so etwas wie 000 BBM, das ich empfehle zu verwenden, was ziemlich genial aussieht, oder? Es ist wie, hey, das ist das erste Element verliert, das zweite ist das dritte, richtig? Auf in ungeordneter Liste ist ziemlich cool. Nehmen wir also an, weniger als 2713 ist dick. 2714 ist fett, tick schreiben 000 BB ist was? Es ist nur so etwas, sehr ähnlich. Und 000, 000 a, eine 0 wird gerade ausgegeben, oder? 63. Elemente transparenter machen: Hallo, mein Freund. Heute lernen Sie, wie man etwas Transparentes macht. Es bedeutet, dass der Hintergrund etwas verschwommen wird, oder? Es wird unscharf sein. So können Sie durch den Hintergrund sehen, richtig? Und wir werden für diese Deckkraft und die RGBA-Zeile verwenden, ich werde Ihnen den Unterschied zwischen diesem und dem sagen. Aber bevor wir das tun, lassen Sie uns ein bisschen üben. Es ist eine gute Idee, das zu tun, was ich jetzt tue. Manuell. Also laden Sie nicht den Quellcode herunter, versuchen Sie zu tun, was ich tue. Okay, Dies ist eine gute Übung, weil wir für Bilder hinzufügen , um ein praktisches Beispiel manuell hier zu machen, jetzt, aber mit Emmet. Wie fügen wir Bilder hinzu? Wir können Bild eingeben, oder? Und dann die, setzen Sie die Werte für die Attribute. Aber hey, wir brauchen für Bilder, also Bild multipliziert mit vier. Und jetzt gehen wir in die Bilder und dann wählen wir die Datei, die wir haben wollten. Dann müssen wir den Videokurs C scharf setzen, die Version, die die Ausgabe Z Verknüpfung verwenden, um alles sichtbar auf einem Bildschirm zu machen. Und lassen Sie uns F1-Taste drücken und geben Sie Ihre Update-Bildgröße ein. Also haben wir die Größe des Bildes, okay, dann drücken Sie die Tab-Taste und wir müssen in einen anderen Kurs gehen. So wie diese und Video-Kurs, Video-Kurs C plus plus. Und was dann? Aktualisieren Sie das Bild F1, Tab. Und wieder, Bilder. Ich kann den Raum nutzen, so werde ich die Hinweise bekommen, Foster und Video-Kurs Java. Ich glaube, ich habe den falschen Knopf gedrückt. Ich muss es manuell machen. So kommt Video vor. Java und Bilder. Rede sein Video, natürlich, PHP. Und wir müssen die Bildgröße aktualisieren. Und es ist eine gute Idee bei Kunst hier, geben Sie, also sieht es so an. Also haben wir vier Bilder und stellen uns vor, dass Sie Seite haben, wo Sie erlauben, auf jedes Bild wie dieses klicken , um den Benutzer zu einer bestimmten Website zu bekommen , wo er den Kurs wie folgt kaufen kann. Und um es zu tun, müssen wir das in den Knöchel stecken, oder? Also lasst uns den Anker auf gut benutzen, all diese Jungs, also lasst uns den Out-Schlüssel benutzen, und das ist der Winkel. Und hier müssen wir, ich denke, dass die HTML5 sehr ähnlich wie hier aufgerufen werden sollte, richtig? Denn aus diesem Grund wird es einfacher sein, Ihre Website in Google so höher zu machen. Also haben wir jetzt Links. Also, wenn ich die Maus über die Dinge hier bewegen und ich darauf klicke, werden wir so auf die Seite geschickt werden. Die Seite existiert nicht. Nun, Sie können es manuell erstellen, aber wir werden es nicht tun, weil dies nicht das Verzeichnis ist nicht über den Tod. Stellen Sie sich den Benutzer auf der Seite vor, wie hier, und wie würde ich ihm vorschlagen, dass er auf so etwas klicken kann? Okay, wir haben den Kurs-Cursor in den Zeiger rechts geändert? Von dergleichen zu jagen. Aber das ist nicht genug. Ich denke, wir sollten die Deckkraft ändern, also sollten wir es transparent machen, wie es geht. Wir werden ein und innen auswählen. Wenn es innerhalb einer EMG ist, werden wir die Deckkraft ändern. Und wie Sie sehen können, bedeutet die Werte für die Deckkraft von 0 bis 11, dass sich nichts geändert hat. Sie setzen jedoch zum Beispiel Nullpunkt eins. Sie werden bemerken, dass sie ziemlich transparent ist, oder? Du kannst sie durchsehen. Also lasst uns hier zum Beispiel 0,7 setzen , okay? Und jetzt ist es ein bisschen transparent, oder? Ich möchte es ändern, um nicht transparent und mehr zu sein , wenn jemand die Maus über die Dinge hier bewegt. Okay, also wie machen wir das? Wir werden den Hover benutzen. Ok. Also schweben wird übergeben. Wir haben darüber geredet, wenn wir es an den Knöcheln benutzen, oder? Also, wenn jemand die Maus über bewegt, es, essen, es, es, wendet die Regeln an, die drinnen sind, wo Sie den Hover setzen, richtig? Wenn Sie also etwas wie eine EMG machen und wenn jemand die Maus über bewegt, rechts die Übergabe, dann wird die Deckkraft wieder zu eins wechseln. Und wie Sie jetzt sehen können, deutet das darauf hin, dass, hey, das ist ein Link, richtig? Denn wenn jemand den Mauszeiger bewegt, sagt er klar, dass sich hier etwas ändert. Okay, also Inseln, ich werde einfach darauf klicken. Und das ist ein guter Vorschlag für unseren Benutzer. Das ist, wenn Sie zum Beispiel verwenden oder übergeben. Wann immer wir hier auch etwas wie RGBA haben, schauen wir mal, sagen wir, dass wir jemanden vor etwas auf unserer Website warnen wollen. Also lassen Sie uns sagen, dass wir eine ID-Warnung erstellen werden. Und sagen wir, das ist Warnung. Seien Sie vorsichtig, sehr wichtige Nachricht. Ok? Und lassen Sie uns dieses Messaging-Portal machen. Also lasst uns in Warnung geraten und lasst es uns fett machen. Zum Beispiel, erhöhen wir die Größe davon. wir zum Beispiel die Polsterung hinzu, damit sie besser aussieht. Genau an, das ist ein warmes Grau. Lassen Sie uns Hintergrundfarbe machen, zum Beispiel braun. Lass uns so etwas machen. Dies ist Warnung, seien Sie vorsichtig, sehr wichtige Nachricht. Lassen Sie uns die Breite auf beispielsweise 5000, 500 Pixel einstellen. Und lassen Sie es uns zentrieren, richtig? Es sieht also so aus. Großartig warm, oder? Und jetzt werde ich etwas verwenden, was man Opazität nennt. Also werde ich die Deckkraft verwenden, um zum Beispiel 0.6. Was passieren wird, wie Sie sehen können, das Problem an dieser Nachricht ist dass die Transparenz von Anti ändern oder denken mit dem Inhalt, einschließlich der Inhalte und nicht etwas, das wir wahrscheinlich nicht, weil wir wollen Halten Sie den Text fett, um leicht zu sehen, oder? Und um nur die Transparenz des Hintergrunds zu ändern, verwenden wir die RGBA, okay, Also verwenden wir das nicht. Wir werden Hill Air GBA benutzen. Allerdings können wir auch einfach hier klicken, okay, bewegen Sie die Maus hier und wählen Sie die Farbe, die wir wollen. Und hier können wir, wie Sie sehen können, das vierte Argument senden, richtig, den vier Wert hier, den wir festlegen, wie etwas Transparent sein sollte. Und Sie können sehen, der kleinste Wert bedeutet, dass es transparenter ist. Die größere Zahl bis zu nichts ist, dass es nicht transparent ist. Also lassen Sie uns sagen, dass wir es auf so etwas setzen wollen. Und wie Sie sehen können, werde ich das entfernen. Der Text ist immer noch fett, er ist schwarz. Wir haben die Transparenz nicht geändert, oder? Wir ändern jedoch die Transparenz des Schnäppchens. Und du fragst dich vielleicht, warum ich den Warntransport überhaupt machen sollte? Okay, das ist eine gute Frage, die eine sehr gute Frage ist. Denn die meisten Zeitwarnungen wie diese sollten zum Beispiel in der Mitte sein und hier sollten viele Texte sein. Und wahrscheinlich wäre Warnung vor anderen Texten, oder? Und lassen Sie uns das simulieren, aber es tut mir leid, aber ich werde Ihnen nicht alles erklären , was ich jetzt tun würde, weil wir in Zukunft darüber reden werden. Wir werden die Position absolut nutzen. Wir werden das Objekt in die Mitte bringen. Und wir gehen jetzt stellen Sie sicher, dass es richtig aussieht. So etwas zu tun, dieses Ding. Links oben. Übersetzen. Ich sollte hier übersetzen wie folgt verwenden. Wie Sie sehen können, macht dieses rosa Ihren Text in der Mitte, immer in der Mitte. Sogar ich habe, habe ich die Größe unseres Webbrowsers geändert. Es ist immer in der Mitte. Also werde ich Ihnen in Zukunft sagen, wie das richtig funktioniert. Aber vorerst wissen Sie nur, dass Sie diese Regeln festlegen sollten. Du wirst etwas machen, um in der Mitte zu sein, oder? Und wie Sie sehen können, wenn ich das überziehe, zum Beispiel Bilder hier. Jetzt kann ich diese Bilder sehen, oder? Ich denke, wenn du eine Warnung auf deine Seite stellst und du so etwas machst, ist das eine schlechte Idee, weil der Benutzer so ist, er weiß nicht, was dahinter steckt, oder? Er, er ist, als hätte er den gesamten Inhalt Ihrer Website verloren. Ich denke, dass du das Alpha immer wenigstens auf 0,9 anwenden solltest, so etwas wie Tage, oder? Also ist er wie, okay, das ist eine Warnmeldung, aber ich kann immer noch deutlich sehen, was hinter dem Bildschirm ist , richtig? Ich werde Ihnen jetzt auch noch eine Sache zeigen, weil ich denke, dass einige Dinge, die Sie vielleicht gerade lernen, langweilig sind, oder? Aber leider, um Dinge von Grund auf neu zu erstellen, müssen Sie dann manchmal langweilige Sachen, aber ich verbinde die Dinge jetzt nicht, ein bisschen mehr cool. Schau, lass uns hier ein paar Texte erstellen. Um Texte zu erstellen, werden wir das M bei Lorem verwenden, okay, es erstellt einige Texte, aber wenn wir es mit 50 multiplizieren, erzeugt noch mehr Texte. Und das Problem ist hier, wie Sie sehen können, wir haben diese Nachricht in der Mitte, aber wenn wir scrollen, sieht sie nicht richtig aus. Und wir können die Position von absolut zu etwas ändern, was als fixiert bezeichnet wird. Und jetzt sind diese Maßnahmen wie der Umzug mit uns, das ist cool, oder? So können wir zum Beispiel hier das x erstellen. Wenn jemand auf das x klickt, ist es zum Beispiel verschwunden, aber nur, wenn er es gelesen hat und er weiß, was er richtig macht, wenn er akzeptiert, was hier ist. Also, wie Sie hier sehen können, sogar ein bisschen größer, oder? Zum Beispiel, 200 Pixel, richtig? Das ist ziemlich wichtig. Und wir ändern es zurück in eins. Sie werden feststellen, dass der Benutzer Leucin ist, oder? Alles von dieser Seite, richtig? Es ist also eine gute Idee, so etwas zu setzen. Okay, das steht alles in der Lektion. Vielen Dank. 64. Schwenken hin creating der Schwende: Hallo. Heute werde ich Ihnen zeigen, wie Sie den Cursor ändern, den Zeiger auf etwas anderes. Wie zum Beispiel haben wir jetzt hier einen Standard-Zeiger eins bekommen, ich bewege die Maus. Hier haben wir einen Zeiger mit dem Fragezeichen, das darauf hindeutet, dass es zusätzliche Informationen gibt, wie diejenige, die mit dem Videokurs, den Bushaltestellen, es ist auf Promotions und sagen, dass was auch immer hier, wenn wir Bewegen Sie die Maus über einige Texte, wir haben Informationen los, so dass wir alles in der Box wie folgt setzen können. Also zeigen wir Ihnen, wie Sie eine Box wie diese auch in diesen extra erstellen, also wird dies ein sehr interessanter Vortrag sein, richtig? Okay, also lass uns weitermachen, wie es geht. Erstens entfernen wir alles, was ich getan habe. Warum habe ich es getan? Große Ziele. Wenn Sie beobachten, wie ich etwas von Grund auf mache, lernen Sie viel, viel mehr, anstatt den Code zu analysieren, okay, Das bedeutet also auch, dass Sie versuchen sollten alles, was ich in dieser Vorlesung mache, später manuell zu tun, nachdem Sie es gekauft haben. Also krallen den Vortrag, nachdem Sie ihn gesehen haben und alles tun, was ich in diesem Vortrag getan habe, auf eigene Faust, versuchen Sie nicht zu schauen, wie ich es gemacht habe, richtig zu wiederholen, was ich getan habe, aber schauen Sie nicht auf die Lösung. Okay, also fangen wir an, zum Beispiel, zu helfen. Also, wenn Sie den Cursor zuerst ändern wollen, müssen wir es in eine Art von allen m setzen und schreiben, dass wir aus dem CSF wählen können. Ich schlage vor, hier eine Klasse zu beginnen, die zum Beispiel Hilfe aufrufen wird. Wenn wir also mehr Erläuterungen haben, wie zum Beispiel hier, würde ich gerne in der Lage sein, den Cursor auf allen von ihnen zu ändern. Wie ändere ich den Cursor? Wir können den Hub nicht auswählen und wir werden die Regel verwenden, die Cursor genannt wird. Ziemlich geradlinig, richtig? Und jetzt hier haben wir einen guten Mann, einen Cursor, aus dem wir wählen können. Die, die wir wählen, heißt Hub, was vorschlägt, wird verwendet, wenn wir wollen, und geben zusätzliche Hilfe für jemanden direkt im Text, zum Beispiel. Es gibt noch viele mehr. Der nützlichste, den ich die meiste Zeit verwende, ist Zeiger genannt. Der Zeiger ändert sich also in einen Zeiger, der eine gute Hand über den Text hat. Und es deutet darauf hin, dass Sie rechts auf Sampling klicken können? nächste, die ich am häufigsten verwende, ist Gewicht. Das ist ziemlich cool, denn wenn Sie eine Art Laden im Hintergrund durchführen, können Sie den Benutzer zum Laden machen. Denken Sie auf seinem Bildschirm und er wird wissen, dass er auf etwas warten muss, oder? Dieser Finger, eine Sphinx werden die meiste Zeit verwendet, wenn Sie wissen, JavaScript, wenn Sie etwas laden, dass Bergen einige, einige Daten oder so etwas. Also diese ziemlich fortgeschritten. Und es gibt viele, viele mehr. Und um ehrlich zu sein, es ist nicht so, dass ich mich an alle erinnere, weil Sie sie meistens nicht in Ihrem Projekt verwenden, aber es ist gut, zumindest zu wissen, dass sie existieren. Versuchen Sie also, mit ihnen zu spielen. Okay, also gehen Sie durch L von ihnen wie zum Beispiel, ich weiß es nicht. Lassen Sie uns in Kopie gehen und Sie bewegen die Maus hier. Okay, also Kopie sieht so aus, oder das ist auch eine gute Idee, denn wie gesagt, du erinnerst dich nicht an alles. Übliche Eingabe Google Auto Quelle und CSS. Ok. Und Sie werden dort, wissen Sie, jeden Cursor finden, wie es irgendwo auf der GPU aussieht. Erinnere dich an das Sonnenlicht, du wirst mein gesamtes Video jedes Mal ansehen , wenn du den spezifischen Cursor finden musst, wirst du immer noch bekommen, du siehst mein Video an, weil ich dir zeige, wie man Dinge macht, richtig? Ich zeige nicht jeder kann Ihnen jeden möglichen Cursor zeigen, weil dies nur Ihre lose Zeit ist, wenn Sie mich beobachten, Ich werde Ihnen zeigen, wie Sie einige Dinge verwenden und Ihnen sagen, dass sie existieren. Also jetzt werde ich Ihnen sehr gute Sache zeigen, die schwer zu finden ist, wie zum Beispiel, wie man ein TPP erstellt, oder? Nehmen wir an, wir haben hier einen Titel. Und lassen Sie uns sagen, dass hier mehr Informationen sind, oder? Und jetzt lassen Sie es uns kopieren und setzen wir es hier und hier, und hier, zum Beispiel, war los. Und hier werden wir etwas anderes tippen. Standardmäßig gibt es eine Art von Box, die angezeigt wird, wie Sie sehen können, was los ist. Hier ist mehr Informationen, aber es sieht schrecklich aus. Sie möchten, dass es besser aussieht, oder? Lass es uns wieder ändern, um zu helfen. Und wie machen wir es? Nun, erstens müssen wir die Nabe wählen. Dann müssen wir die Änderungen vornehmen, wenn jemand die Maus über den Hub bewegt, richtig? Denn sonst würden wir alles hinzufügen. Alle. Wir würden die Box immer richtig hinzufügen? Nicht nur nach dem, jemand bewegt die Hand über das Hilfeelement, oder? Also wollen wir den Inhalt hinzufügen. Und die Frage ist, welche Art von Inhalt? Sagen wir mal, Probe. Und Sie können jetzt sehen, wenn ich die Maus hierher schiebe, und nichts passiert, weil wir nicht gesagt haben, wo wir diesen Inhalt setzen wollen. Und es gibt zwei Orte, an denen wir sie vor dem Text oder nach dem Text setzen können. Bitte beachten Sie, dass wir hier die einzelne Spalte verwenden und hier die beiden Spalten verwenden. Okay, das ist sehr, sehr wichtig. Die, sonst wird es nicht funktionieren. Und auch das sollte zuerst sein, wie schweben und dann das Nachher. Also nach dem Text, der gute Hilfe hat, Klasse. Ich möchte das Inhaltsbeispiel hinzufügen. Wie Sie sehen können, taucht es auf. Das Problem ist, dass wir wollen, wir wollen nicht, dass es gesampelt wird, wir wollen, dass es besiegt wird, ist hier, richtig? Genau die Sache hier. Ist es möglich, es zu nehmen? Ja, es ist möglich. Und das ist ziemlich cool. Wir können Sachen wie eine TTR eingeben, die für Attribut steht, oder? Also setzen Sie hier den Namen des Attributs und der Titel ist auf ein Attribut. Und das ist alles. Du hast gerade diesen Text genommen und ihn nach dem Text geschrieben, der hier ist. Richtig? Weil du es gesagt hast, als jemand die Mouseover-Bombe bewegt hat, ging etwas anderes vor sich. Hier sind weitere Informationen, ziemlich genial. Jetzt ist es Zeit, das Aussehen dieses Dings zu ändern, oder? Also erstens, was sollen wir tun? Ich schlage vor, dass wir zuerst eine Art Hintergrundfarbe absondern sollten, okay? Wie zum Beispiel Aqua. Sagen wir so etwas, okay, das zweite, was wir tun sollten, ist eine Art Polsterung hinzuzufügen. Es sieht also ein bisschen besser aus. Ok? Es ist jetzt besser. Die zweite Sache ist, nun, ich denke, der Grenzradius wäre hier großartig. Es wird besser aussehen, wenn ein Grenzradius darauf ist. Okay, jetzt ist es sogar noch besser. Und die zweite, die dritte Sache ist, dass die Tatsache, dass, wenn ich die Maus über und ich denke, es bewegt alles nach vorne, richtig? Das Problem ist, dass dieser Inhalt in den Fluss aller Elemente hinzugefügt wird. Wenn Sie etwas Absolutes, Absolutes machen wollten, so wollen Sie es aus dem Fluss aller Elemente nehmen. Verwenden Sie etwas namens Scold, die Regel namens Position und setzen Sie es auf absolut, okay? Es bedeutet, dass Sie es aus dem Fluss nehmen und wie Sie jetzt sehen können, ist es überall über jeden anderen Finger auf Ihrer Seite. Das Problem ist, dass dieser Hintergrund ist jetzt was? Alles dahinter versteckt. Und ich denke, es ist eine gute Idee, es ein bisschen transparent zu machen. Also bewege ich die Maus hierher und mache sie etwas transparent, indem ich so etwas mache. Und wie Sie sehen können, ändert sich die Farbe von Aqua zu RGBA, und das ist aqua, aber es hat hier eine Einstellung, die zum Beispiel auf 0,7 gesetzt ist. Und jetzt ist es hoch, was? Transparent Sie können die Informationen im Hintergrund sehen. Ich denke, es ist gerade etwas zu transparent. Aber lassen Sie uns sagen, dass zum Beispiel 0,9, okay? Hier finden Sie weitere Informationen. Also haben wir das ziemlich einfach erschaffen. Es gibt jedoch ein Problem. Das Problem ist, dass lassen Sie uns sagen, dass Sie ein Bild richtig haben, und Sie gehen, um krank oder verletzt zugreifen. Sagen Sie, dass Sie auf den Videokurs C plus VD0 Auto C plus plus zugreifen möchten. Und sagen wir, dass Sie jetzt die Klasse wie folgt hinzugefügt haben. Und hier sagen Sie, heute ist Beförderung. immer Und was auchimmer, du gibst zusätzliche Informationen wie diese, und wenn du die Maus hierher bewegst, passiert nichts, richtig? Und wir können es lösen, indem wir es in die Spanne setzen und diese Klasse und den Titel in die Spanne setzen. Wie Sie sehen können, jetzt können wir sehen, heute ist eine Beförderung. Es ist unsicher. Warum? Es hat vorher nicht funktioniert, weil Bild kein Text ist. Und dieses Ding, das Nachher, funktioniert nur auf Textspanne. So, wie es hier drin einen Text gibt, okay? Und wir spielen nur eine Art mit dem Webbrowser, okay? Wir beheben es einfach, indem wir es der Zitrone hinzufügen, die Textbild haben kann, keinen Text haben kann, oder? Wenn das Spaß ist, dass, wenn Sie das Quell-Tag entfernen, es funktioniert, weil wir die äußere native Nachricht auf den meisten Web-Browser haben. Ok, arbeiten wir? Dies ist eine Art von Fix, die Sie wissen müssen, dass, wenn Sie den Aftereffekt oder die Beeinträchtigung der Arbeit hinzufügen und vornehmen möchten , Sie die Spanne oder ein Element verwenden müssen, das Text genannt werden kann. Bild ist kein Text. Sie können sehen, dass hier im Moment alles in der Reihe ist, weil wir gut alle Plätze hier haben. So können wir zum Beispiel BreakLine machen. Und jetzt sieht es so aus, richtig? Also haben wir eine Box erstellt, aber es gibt immer noch ein Problem, ein Problem, das wir lösen können. Alles, was wir wissen, wie man benutzerdefinierte Attribute erstellt, wie man mit ihnen spielt. Beachten Sie, dass wir immer die Klasse verwenden müssen wäre nicht noch besser, wenn es den Titel von hier automatisch nimmt. Und auch wird es Klasse IV sein. Wenn Sie die Maus über bewegen, haben Sie jetzt nicht zwei Boxen, oder? Wir haben eine Box, die von uns erstellt wird. Wir sind einfach wunderschön. Nun, vielleicht kannst du es noch schöner machen, oder? Wenn du damit spielst. Aber es gibt eine andere Box, aber unter dem Cursor, heute ist Promotional in seiner eigenen Website. Wie Sie nach ein paar Sekunden sehen können, haben wir gute Toolboxes und das ist nicht gut. Wir wollen es lösen, aber wie geht es? Wir werden in der nächsten Vorlesung lernen. Danke. 65. Attribut Selektor | Benutzerdefinierte benannte Attribute in HTML: Hallo, mein Freund. Heute haben Sie gelernt, wie Sie benutzerdefinierte benannte Attribute erstellen und wie Sie aus CSS basierend auf dem Namen des Attributs auswählen. Das ist ziemlich gut. Okay, Also das erste, was ist wie benutzerdefinierte benannte Attribute zu erstellen und warum sollten wir sie überhaupt erstellen? Beachten Sie, dass wir in der letzten Vorlesung den Titel verwenden, um den Wert von hier zu verwenden, oder? Das Problem ist, dass der Titel wirklich für etwas anderes reserviert ist, um eine Box anzuzeigen. Der breite, richtig, der kleine hier. Und drei Sekunden heutige Werbeaktionen auf Zelle, aber diese kleine, nicht die, die wir den Kunden getroffen haben. Richtig? Und wir möchten es entfernen lassen, aber wir wollen den Inhalt von hier nicht verlieren. Und das ist, wenn Sie benutzerdefinierte Namensattribute verwenden können. Es bedeutet, dass Sie Ihren eigenen Attributnamen erstellen können, aber Sie erstellen ihn nicht so, zum Beispiel, okay? Aber Sie haben Ideen geschaffen. Du gibst das Datenwort ein und dann den Bindestrich, okay? Und dann kannst du es nennen, wie immer du willst, sogar so, wie wir es hier gemacht haben, richtig? So etwas können wir jetzt tun. Und wie Sie sehen können, funktioniert es, aber wir haben dieses grundlegende Standardverhalten jetzt nicht. Also nahmen wir die Informationen aus diesen Attributdaten a als F. Natürlich ist dies nicht die Art, wie Sie es nennen sollten. Was ich dir gezeigt habe, dass du hier erfinden kannst. Sie, wie auch immer Sie wollen, wir können es nennen, zum Beispiel Datenhilfe, richtig? Also nennen wir es Datenhilfe. Und jetzt, natürlich müssen wir es von der Datenhilfe nehmen, oder? Und es funktioniert gut. So haben wir jetzt gut die benutzerdefinierten Namensattribute, Es ist nicht nur mit Orten wie das wird auch für eine Art von Skripten in JavaScript verwendet . Aber diese Dinge denken nicht, dass Sie in diesem Kurs lernen werden, weil diese HTML und CSS geht. Und was wir auch etwas Holz haben, nennt man Attributselektoren. Und in diesem Fall wird das großartig sein. Warum ist das so? Also gehen wir, was wir jedes Mal hinzufügen müssen, wenn diese Klasse hat, damit das Ding funktioniert, richtig? Und ich denke, es wird besser sein, wenn wir nur die Daten hinzufügen, Hilfe mit den Texten. Und diese Dinge sollten automatisch funktionieren, oder? Wie Sie sehen können, funktioniert es nicht. Also, wie man es funktioniert? Wir müssen nach dem Namen der Attribute wählen. Okay, das ist gut. Schau, wir müssen hier in eckige Klammern den Namen des Attributs setzen. Und das wird NLM wählen und das hat den Namen eines Attributs wie dieses gut. Und wie Sie sehen können, ändern wir jetzt den Mauszeiger auf diesen mit dem Fragezeichen. Wir werden auch das Gleiche hier tun. Also, wenn jemand die Maus über bewegt, werden wir diesen Text zeigen, den Inhalt wie diesen. Und wir werden diesen Inhalt gemäß den Regeln ändern, aber unten. Und wie Sie sehen können, funktioniert es jetzt gut. Und das ist cool, wirklich, weil Sie wissen, diese Sache, die als eine Art bezeichnet wird, zum Beispiel, Macht unsere Grafik. Es könnte luftgekühlt sein, mehr Texte hier sein. Und zum Beispiel, was ist das? Und du entschlüsselst diese Spanne und die Satellitendaten helfen. Das ist wirklich etwas, das richtig ist. Und jetzt ist es Kosinus. Wir können hier sehen, dass das etwas ist, wirklich etwas anderes. Aber hier benutzen wir die Bruchlinie, lassen sie so besser aussehen. Ok? Ziemlich los. Und es zeigt nur auf diesem gerade jetzt auf diesem, aber auf diesem, was wir nennen, um es zu ändern, zum Beispiel, haben eine Grenze unten, ein Pixel, solide, rot Omega d v besiegbar mehr, oder? Es deutet also darauf hin, dass, wenn Sie Meilen verschieben Dinge wie diese bietet, Sie einige Informationen erhalten werden, Daten, die noch mehr vorgeschlagen haben, okay? So können Sie sehen, dass hey, bringen Sie sie hier raus, weil es eine Art von mehr Informationen hier gibt, okay? Hier, die es gibt, gibt es nicht hier, wir haben Informationen und jetzt ist es ziemlich schnell, oder? Weil wir Informationen hinzufügen können, so können wir Inhalte auf HTML-Site erstellen. Aber dieser Fink kümmert sich darum, wie es politisch aussieht. Das ist nur eine gute Lektion. Ich danke Ihnen vielmals. 66. Textformatierung und Dekoration: Hallo, meine Freunde. Heute werden wir über ein paar Regeln sprechen, mit denen Sie beeinflussen können, wie der Text aussieht. Erstens werden wir über Textdekoration sprechen. Schau, wir haben hier den Rahmen am unteren Rand jedes Textes hinzugefügt. Aber haben wir es wirklich getan? Beachten Sie, dass dies ein Rahmen ist und der Rahmen um das Feld des Inhalts herum ist. Das Problem ist also, dass, wenn wir hier zum Beispiel 10 Pixel auffüllen, beachten Sie zum Beispiel 10 Pixel auffüllen, , dass unsere Grenze jetzt wirklich weit vom Text entfernt ist, weil dies hier ein Rahmen der gesamten Box ist, richtig? Diese Lösung ist also nicht so gut. Es gibt jedoch etwas, das als Textdekoration bezeichnet wird, das uns helfen kann. Okay, lassen Sie uns hier eine Art Text erstellen. Nennen wir es Klassenbeispiel. Wählen wir es aus. Und sagen wir, hier ist Text über nichts. Und jetzt sagen wir es vielleicht hier behindert, weil ich erfrischt werden will, incenting. Und jetzt lasst uns vielleicht etwas tun wie 10 Pixel auffüllen. Fangen wir hier an. Hintergrundfarbe, zum Beispiel dies. Und jetzt können wir damit arbeiten. Beachten Sie, dass wir etwas verwenden können, das als Textdekorationslinie bezeichnet wird. Und es ermöglicht Ihnen, eine Zeile hinzuzufügen. Wie welche Art von Linie? Wie alle unsere Linie, die über und Reifentexte sein wird. Aber das ist über dem Text, nicht oben. Es ist es nicht. Über dem Inhalt der Box, oder? Ist nicht hier, oder? Es ist über dem Text, weil diese Textdekoration unterstreichen, es kann nicht unter dem Text sein, oder? Wenn ich die Zeile true sage, wird sie am Text ausgerichtet werden. Das coole Ding hier ist, dass wir es verbinden können. So zum Beispiel, Sie wollen unsere Linie haben und Sie wollen unterstrichen haben. Es wird über Land unterstrichen werden. Sie können hier sogar die Zeile hinzufügen, aber sie sieht nicht gut aus, oder? Aber Sie können es verbinden. Also das ist ein großer Unterschied, weil, na ja, wenn ich Rand unten, ein Pixel fest, das Schwarz, zum Beispiel, werden Sie feststellen, dass dieser Rahmen hier direkt auf der ganzen Box ist. Und dieses Ding wird uns bald hier helfen, dieses Problem hier zu beheben, richtig? Und, aber bevor wir tot sind, bemerken Sie, dass es moralische Regeln in Bezug auf die Textdekoration gibt. Wie zum Beispiel, Textdekoration Seite, oder? Und wir können hier zum Beispiel die gepunktete Version verwenden, oder? Also wollen wir Punkte haben, oder wir können verwenden, ich weiß, dass doppelt, also wird es doppelte Linien sein. Sie können die gewellte verwenden. Also wird es Welle sein, richtig? So wie das. Und so liegt es an Ihnen, welche Studien Erträge sein können, oder? Die gestrichelte oder gestrichelte. Es liegt an dir. Das sieht ähnlich aus wie die, die an Grenzen verfügbar sind, oder? Also werden wir zum Beispiel bei Daten bleiben , richtig? Und auch Sie können die Farbe der Textdekoration zu y ändern. Und auch fühle ich mich wie orange zum Beispiel. So wird es orange sein, sind fertig. Es liegt an Ihnen, welche Art von Farbe Sie verwenden werden. Und nun, das coole Ding an der Textdekoration ist, dass es eine Art Abkürzung für diesen Fink gibt. Beachten Sie, dass Sie nach dem Komma, nach der Spalte, erste Zeile dann den Stil als die Spalte setzen können. Und es bedeutet, dass Sie etwas tun können, wie zum Beispiel, Ich will unter Linie, gepunktet und zum Beispiel, die Farbe, die hier ist, oder? Das Coolste daran ist, dass es weniger Platz braucht. Ich denke, es ist einfacher zu lesen und wir nehmen diese Bayesian oder CSS wird kleiner sein. Wenn etwas kleiner ist, geht viel schneller. Also empfehle ich dringend, diese Kurzversion zu verwenden, oder? Und jetzt können wir dieses Wissen nutzen und diese hier kopieren, richtig? Und die coole Sache, die wir jetzt ersetzen, ist, dass, wenn Sie die Polsterung hier hinzufügen, zum Beispiel 10 Pixel, wir Stahl was haben? Die Unterstreichung unter dem Text. Okay? Das ist also die erste Regel. Die zweite Regel, über die wir heute sprechen werden, ist die Texttransformation. Sieh mal. Wir können transformieren, so dass wir den Text mit CSS ändern können. Das ist ziemlich cool. Wenn ich ein Beispiel auswähle und ich diese Texttransformation verwende. Wir könnten nicht nebulös, aber nur hier können Sie etwas wählen, das wir besprechen werden. Zum Beispiel, Kleinbuchstaben, Was macht es? Sie haben wahrscheinlich bemerkt, dass der erste Buchstabe hier in den Kleinbuchstaben wechselt, also ist es nicht der Großbuchstabe, es ist nicht der große Buchstabe, oder? Wenn ich hier große Buchstaben setze, bemerken Sie jetzt, dass alle von ihnen in Kleinbuchstaben getippt werden. Wenn Sie den Großbuchstaben verwenden, wird alles in Großbuchstaben angezeigt. Aber das Coolste hier ist etwas, das heißt, es heißt kapitalisiert. Es wird jeden ersten Buchstaben jedes Wortes in Großbuchstaben ändern. Ich mochte wirklich, warum? Wenn so etwas nützlich sein könnte. Beachten Sie, dass ich hier eine Eingabe erstellt habe. Und sagen wir, es sind nur ein paar Zeilen, weil wir hier etwas Inhalt haben wollen. Und sagen wir, ich möchte nach dem Namen von jemandem fragen. Beachte, dass, wenn jemand den Namen eingibt, der Name Typ aus dem kleineren Fall ist oder wenn er das Iodixanol, den Namen der Straße, und er beginnt mit dem Kleinbuchstaben. Und Sie haben die Bestellung nicht so gedruckt. Es sieht nicht gut aus, oder? Ist das wird großartig. Wenn alle Möglichkeiten es einen Großbuchstaben gibt, wird der erste Buchstabe jedes Wortes Großbuchstaben sein. Und wir können es leicht ändern, indem wir einfach die Eingabe auswählen und dann den Text transformieren Großbuchstaben. Und jetzt beachte das, was ich tippe. Der erste Buchstabe ist groß, oder? Ich kann nicht sitzen, wenn ich Leerzeichen hinzufügen immer der erste Buchstabe groß ist, oder? Ich kann nicht von Schicht zu Schicht wechseln, so weit hat eine Seife. Ich lüge nicht, oder? Also, jetzt hat jemand den Namen eingegeben, es ist immer Großbuchstaben. Jemand, der den Straßennamen lebt, ist immer Großbuchstaben. Ziemlich genial, oder? Dies ist also eine Texttransformation. Das nächste, worüber wir reden werden, ist, dass sie Text ausrichten. Lassen Sie uns das ein paar Mal hier kopieren. Vielleicht machen wir es sogar. Also denke ich, das ist es. Wie Sie sehen können, haben wir gut. Hier sind einige, ein paar Texte. Lassen Sie uns den Text Transformation Textdekoration entfernen. Und lasst uns mit dem Text spielen. Linie. Nimmt eine Zeile, können Sie so ausrichten, um den Text beispielsweise nach links zu verschieben . Und das ist das Standardverhalten, aber Sie können es auch auf die rechte Seite verschieben, wie Sie jetzt sehen können, ist der gesamte Text auf der rechten Seite. Und hier haben wir auch den Raum, aber wir können auch etwas zentrieren. Und das ist die Sache, die wir bisher verwendet haben. Aber denken Sie daran, dass, wenn Sie zentrieren, etwas immer auf die Box zentriert ist, dass diese um den Text herum, richtig? So zum Beispiel 400 Pixel. Es wird um diese Kiste zentriert sein. Also denken Sie daran, dass es immer so ist, weil, na ja zum Beispiel, standardmäßig, die PE, Anzeige P von B ist Anzeigeblock. Dass diese Spiel wird Block genannt. Es bedeutet, dass es den gesamten Platz des Webbrowsers benötigt. Also nach rechts und links, rechts. Zentrum bedeutet also, dass es Text um diese Bücher zentrieren wird. Diese Bücher sind nicht Malin, nicht sichtbar, oder? Wir können den Hintergrund entfernen und er ist nicht sichtbar. Und du fragst dich vielleicht, warum so etwas aussieht. Es gibt jedoch eine sehr, sehr, sehr coole Textausrichtung, die als Justify bezeichnet wird. Ich empfehle dringend, es zu verwenden, weil nicht das. Lassen Sie uns das div und lange so kopieren. Beachten Sie, was hier passiert. Wir haben jetzt hier Tags, die nicht mögen, verbinden Sie es auf der rechten Seite des Webbrowsers. Schlecht, wenn wir das Standardverhalten verwenden. Wie Sie sehen können, haben Sie hier Raum, genau hier ist etwas Raum, hier ist etwas Raum. Und immer, wenn wir es so bewegen, wie Sie sehen können, gibt es hier Platz. Und es sieht nicht gut aus, um ehrlich zu sein, wenn Sie die Begründungstexte verwenden, die wir immer gerne mit dem Webbrowser verbinden und ich denke, das sieht besser aus, definitiv besser. Okay, Also rechtfertigen eine sehr empfehlen mit Waffen, Art von Artikeln, ziemlich genial Funktion. Und es gibt auch etwas namens, Es heißt Whitespace. Whitespace-Regel funktioniert, wie der Name schon sagt, auf den Leerzeichen. Was bedeutet das? Es bedeutet, dass es auf weißen Zeichen funktioniert, wie zum Beispiel Leerzeichen wie Staubbeutel, die neue Zeilen sind, oder? Oder irgendeine Art von Wasserhähnen, richtig? Also, was macht es? Beachten Sie, dass wir hier jetzt Text und wir haben gut hier. Zum Beispiel, wenn Sie Leerzeichen haben und alles eigene Zeilenumbrüche ist. Und obwohl es so ist, ist hier alles in einer Zeile sichtbar, richtig? Wir sind einfach nicht immer etwas, was du haben willst. Vielleicht haben Sie, Sie haben eine Art Versgedicht, das Sie in Ihren Code einfügen möchten, und Sie wollen nicht, wissen Sie, Brotlinie überall. Dann können Sie etwas wie Leerzeichen tun und Sie können die Pre-Zeile verwenden. Wie Sie jetzt sehen können, ist jede Zeile hier, wenn sie hier ist, richtig? Also, wenn ich hier ein paar Eingänge hinzufügen, werden sie interpretiert werden, richtig? Also ist jede Zeile vordefiniert, oder? Deshalb ist es hier das Wort „pre“. Es bedeutet, dass es in Betracht gezogen wird, aber nur auf den Linien. Also, wenn es so etwas gibt, wird es nicht interpretiert werden. Und das ist ziemlich cool, wenn Sie eine Art Gedicht einfügen. Und Sie haben auch etwas, das Pre-Wrap genannt wird. Und dieses Ding wird jeden Raum interpretieren und immer eintreten. Das Problem an dieser Lösung ist in Texten wie diesen, Sie müssen dann etwas wie zum Beispiel tun, das, okay? Es ist also in einer Zeile. Es braucht Zeit, um so etwas in Ihrem HTML vorab zu formen. Dies ist jedoch immer noch nützlich, wenn so etwas nützlich ist, wenn Sie zum Beispiel eine F-Seite haben. Beachten Sie, dass hier eine Art Definition der Funktion und der Einrückungen wie diese ist, richtig? Die Räume hier sind also in Sprachen wie diesen sehr wichtig. Also, wenn Sie die Pre-Linie verwenden, wird alles nur in einer Zeile sein. Das ist also nicht gut, oder? Wenn Sie also den Code einfügen, denke ich, dass es eine gute Idee ist, die arabische Version zu verwenden. Okay, es gibt auch keinen Rob, du würdest bedeuten, dass ich alles in einer Zeile haben will. Also habe ich dies in eine Zeile geändert, natürlich ist der Code nicht etwas. Aber es gibt eine Funktion wie diese. Ich empfehle Ihnen, mit all diesen Funktionen zu spielen. Okay, also mach dasselbe, was ich in der Vorlesung getan habe. Es ist eine gute Idee zu üben, denn dann wirst du irgendwo in deinem Kopf haben, dass , hey, so etwas existiert und wenn es gebraucht wird, wirst du es benutzen. Sonst vergisst man es einfach. Versuchen Sie also, damit zu spielen. Das ist nur die Lektion. Vielen Dank. 67. Paragraph und Paragraph für die Überschreitung von Buchstaben: Hallo. Heute werden wir über Text, Einzug und den ersten Buchstaben-Selektor sprechen. Hören Sie, wir haben hier einen Beispieltext, okay? Das sind Textblock, und jeder dieser Textblöcke hat ein paar Zeilen drin, oder? Aber die erste Zeile wird von etwas betroffen werden diese als Texteinzug bezeichnet. Einzug ist nur ein Rand für taube erste Zeile des Textblocks. Ok? Also würden wir bedeuten, dass wir zum Beispiel die Probe auswählen können und wir was tun können? Texteinzug. Und dann zum Beispiel, setzen Sie es auf 30, 40 Pixel. Und wie Sie sehen können, hat jetzt nur die erste Zeile von H-Block rechts nur die erste Zeile von H-Block rechtseine Art Rand hier auf der linken Seite. Es macht dein Leben einfacher, einen Textblock zu lesen, wenn er groß ist, oder? Dies ist nur eine Möglichkeit, Absätze zu Ihrer Website hinzuzufügen. Manche Leute mögen es, manche Leute nicht. So erreichen Sie es. Aber es gibt eine Sache, die ich wirklich liebe. Es ist der Selektor, der erste Buchstabe des Verwerfens. Und es funktioniert sehr ähnlich wie die zuvor, weil Sie anpassen können, wählen Sie nur den ersten Buchstaben von jedem, zum Beispiel, Klassenbeispiel. Also, wenn ich so etwas mache und jetzt den ersten Buchstaben auswähle, bin ich jetzt drinnen wie der erste Buchstabe jedes Absatzes, okay. Und es verlangt, dass ich solche Dinge tun kann, wie es ändern kann, oder? Also kann ich zum Beispiel Schriftgewicht zwei Volt sagen, richtig? Und jetzt ist der erste Buchstabe jedes Absatzes fett. Ich kann es auch größer machen. So kann ich es zum Beispiel Schriftgröße 24 Pixel machen, richtig? Und es ist größer, oder? Nur der erste Buchstabe jedes Absatzes. Das ist ziemlich cool. Was ich mag es, weil es wie jeder Absatz Eingang etwas anders macht, oder? Denken Sie daran, dass sich die Texteinrückung auf die erste Zeile auswirkt, richtig? Sie können immer noch hinzufügen, zum Beispiel, zu jeder Probe Armut im Leben, zum Beispiel, 10 Pixel, oder? Es ist immer noch verfügbar, aber es wird nur diese Jungs hier betreffen. Natürlich ist dieser auch betroffen von, aber er ist hier nicht sichtbar, oder? Denn wenn ich zum Beispiel 100 tippe, wird es ein bisschen leichter zu sehen sein, oder? Wir haben also 100 Pixel für jede Zeile, aber der Texteinzug wirkt sich nur auf die erste Zeile jedes Parks aus, oder? Auf diese Weise. Ok. Das ist nur diese Lektion. Vielen Dank. 68. CSS em gegen px: Hallo, mein Freund. Heute werden wir über die Gewerkschaften sprechen, dass Px, die für Pixel steht, dass EM und das Prozentzeichen und wann es verwendet wird. Okay, also konzentrieren wir uns zuerst auf Pixel. Wir haben es bisher benutzt, oder? Wir verwenden es zum Beispiel, um das Bild auf Ihre Seite zu setzen, oder? Wenn wir das Bild verwenden, können wir diese Welle und die Höhe des Bildes mit den Pixeln einstellen. Wir tauchen nicht die Px dort, weil dies nur eine Standardeinheit für fast alles auf Ihrem Computer ist, oder? Das ist etwas, das wir gewohnt sind, weil wir etwas Gutes haben. Wir besprechen die Resolution auf unserem Computer, oder? Ich benutze Raw und gerade jetzt die Auflösung wie diese auf meinem Monitor. Ok. Aber nun, ich habe gerade gesehen, dass ich diesen Teil meines Morgens TO benutze, um es aufzuzeichnen, weil dies mehr unterstützte Auflösung ist. Und das siehst du jetzt hier. Und ich habe was, 19020 Pixel von links zu schreiben. Und ich habe 180 Pixel von oben nach unten, rechts. Und das ist der verfügbare Platz hier, der für den Dualrekord. Wenn ich den Web-Browser öffne , haben wir gut, ein bisschen weniger Platz, denn gut, wenn Sie hier gut haben, die Adresse, die wir hier haben, den oberen Namen der Registerkarte und so weiter, richtig? Und wir können es sogar verringern, wenn wir es nicht waren, wenn wir so etwas tun, oder? Wir verringern also die Menge an Platz, die wir hier haben. Natürlich vereinfachen ich diese jetzt, aber um zu lernen, wie man sie benutzt, denke ich, das ist genug. Es geht, Sie können Geräte mit hoher Pixeldichte haben, die mehr dichte Pixel hat, mehr Pixel auf einem Zoll als normal, oder? Aber nicht das Thema dieser Vorlesung die meiste Zeit, das Problem sieht so aus, okay? Und nun, Sie, also haben wir diesen wertvollen Raum, den wir nutzen können. Und zum Beispiel, wenn wir hier gut haben das Beispiel standardmäßig, weil diese Absätze oder seine Anzeige ist einfach, Leichtigkeit Block. Die Breite wird auf 100% Prozent des Webbrowsers eingestellt. Ok? Es ändert sich also. Wenn ich in den Inspektor gehe, werden Sie sehen, dass die Größe so ist. Und wenn ich die Größe unseres Webbrowsers ändere, ist dieser Wert hier, richtig? Ändert sich mit der Größe des Webbrowsers. Weil es auf 100% des verfügbaren Speicherplatzes für das Teil festgelegt ist. Der Körper hat auch 100% und HTML ist das Elternteil für den Körper, und es hat auch 100%, richtig? Also haben wir num, nur die Größe unseres gesamten Inhalts mit dem Prozentzeichen. So können wir es zum Beispiel auf 50 Prozent ändern . Und jetzt nehmen wir einfach immer 50 Prozent des Inhalts unseres Webbrowsers. Und das ist cool, denn wenn Sie zum Beispiel an welche freien 100 Pixel senden , besteht das Problem darin, dass es immer gleich aussieht. Manchmal wollen Sie so etwas erreichen, aber es ist nicht etwas, das Sie immer haben wollen, oder? Weil Menschen unterschiedliche Monitorgrößen haben können und so etwas klein aussehen könnte. Aber im Moment können die Leute auch den Zoom verwenden, oder? Und sie können alles erhöhen, je nach dem, was sie sehen wollen. Aber standardmäßig wird es aber am besten sein, überall etwas zu zeigen, das gut aussieht. Also denke ich für eine Woche Es ist gut, das Prozentzeichen zu verwenden. Ok. Aber es ist nicht gut zu verwenden, ich denke Prozentzeichen für alles. Schauen Sie, hier ist etwas namens EM. Was ist das n? Beachten Sie, dass, wenn wir hier die Schriftgröße, 24 Pixel. Wir haben diese Lautstärke gezählt, indem wir wissen, dass das body-Tag standardmäßig eine gute Schriftgröße auf 16 Pixel eingestellt ist. Und dies ist ein Standardwert für Webbrowser. Wie Sie sehen können, hat sich hier nichts geändert, oder? Und nun, wenn wir diese Schriftgröße ändern, so geht etwas wie zum Beispiel 80 Pixel, was wird passieren? Beachten Sie, dass unser Schnabel ersten Buchstaben ist nicht groß NMR, richtig? Also dieser Buchstabe ändert sich nicht seine Größe entsprechend dem, was auf der anderen Seite mit der Schriftgröße passiert, dass der Satz sowohl im Dunkeln. Weil das Körper-Tag. Wenn Sie die Schriftgröße in body-Tag setzen, alles getan oder so dann das p-Tag. Und es gab ein Tag innerhalb des p-Tags würde die Größe erben, richtig? Es bedeutet also, dass wir so etwas wie dieses gemacht haben und so etwas und so etwas wie diese, oder? Wir haben es hier zusammengestellt. Was hier? Wir haben es geschafft. Warum? Weil wir außer Kraft setzen, oder? Weil was? Das ist wie die Kaskade, richtig? Wir sagen, dass dies wichtiger ist. Wir senden die Schriftgröße auf 24 Pixel von 80. Natürlich, wenn ich es entferne, wird es auf 80 gesetzt, oder? Wir ändern es auf 24, aber wir wollen nicht, dass es gerade so klein ist, oder? Also müssten wir es nochmals zählen. So 80 Pixel multiplizieren mit 1,5 ist 120 Pixel. Das Problem ist, dass, muss ich immer Süßigkeiten wie diese? Das wäre blöd. Es ist am besten, hören etwas oder das namens ENM zu verwenden. Em kann zum Beispiel ein E m eingestellt werden und was passiert, wie Sie sehen können, ist es die Größe des Fingers hier, alle auf der rechten Seite. Es sind jetzt 80 Pixel, denn ein em ist wirklich so etwas. Es ist wirklich eins multipliziert mit 80, okay? Y multipliziert mit 80, weil hier 80 ist. Also, wenn ich etwas mache, 1,5 ist 1,5 multipliziert mit 80, und jetzt ist es was? 120. Also das coole an der Verwendung von EM ist, dass, wenn Sie hier die Größe 2 ändern, und ich denke, das wird immer gut aussehen, oder? Der erste Buchstabe wird immer 1,5 größer sein. Sie können es ein on phi mal größer machen, wenn Sie wollen. Es liegt an dir, richtig? Also sind es jetzt 50 Pixel, richtig? Weil es 5 multipliziert mit 10 ist, weil 10 hier gesetzt wird. Es sind also wirklich 50. Ok? Das ist also wie eine relative Einheit. Es ändert sich also, je nachdem, welche Größe der Schriftart im übergeordneten Element festgelegt ist. Ok? Also denke ich, in Fällen wie diesem, ist es wirklich gute Idee, EM zu verwenden, weil Ihre Größe nach oben ist, ändern Sie je nachdem, was mit der Schriftgröße hier passiert. Und Sie denken vielleicht, aber wenn sich so etwas in Zukunft ändern würde, werden Sie lernen, wie Sie zum Beispiel nach der Größe des Webbrowsers, des Benutzers, der Schriftgröße ändern . Und dann können Sie es einfach an einem Ort ändern, nicht an jedem möglichen Ort. Sie müssten es nicht an jedem möglichen Ort ändern, die Schriftgröße, es wird nur den Index bei Baldi ändern, oder? Und alles an anderen Orten wird automatisch geändert, weil das, was dieser Fink, wir würden es berechnen, oder? So können Sie beispielsweise auf kleinen Geräten wie Smartphones die Schriftgröße auf 10 Pixel ändern. Aber für Leute, die sehr großes Gerät standardmäßig haben, wischen und sagte, ich weiß nicht, Schriftgröße zu 24 Pixel, oder? Und dieser Link wird automatisch geändert und Sie müssen dann nicht in den ersten Beispielbuchstaben einsteigen und dann die Schriftgröße nicht ändern. Es braucht nur Zeit. Also denke ich, es ist eine gute Idee, Yen zu verwenden. Also verwenden wir das M in solchen Fällen. Wir verwenden Pixel, wenn Sie einen Wert haben wollen, um absolut zu sein, oder? Wir, wir wollen nur wie für die Bilder zum Beispiel sein. Und wir verwenden das Prozentzeichen, wenn wir sicherstellen wollen , dass etwas wie zum Beispiel, die Probe wird viel zu Territorium Prozent von 40 oder 50 Prozent des gesamten Web-Browsers nehmen. Und das braucht es immer, zahlt sich so aus. Also sind wir jetzt sicher. Und denken Sie daran, dass das Prozentzeichen nach oben ist, nehmen Sie 40 Prozent des Elternteils und der Elternteil in diesem Fall fett ist, richtig? Körper. Wenn wir die Eltern ändern, sagen wir, dass wir etwas Spaß machen. Habe ich. Und ich habe hier den Ausweis zu neuen Eltern gesagt. Jetzt hat sich nichts geändert. Es ist nur, weil Sie in ein neues Elternteil gehen und wir tun so etwas wie Hintergrundfarbe rot, werden Sie feststellen, dass die DFF wirklich ein Blog ist. Standardmäßig 100 Prozent der Welle, oder? Bot, hey, sieh mal, wenn wir so etwas mit machen, sagen wir mal 700 Pixel, was wird passieren? Wie Sie sehen können, nimmt dieses Ding drinnen, was dieser Absatz ist, was dieser Absatz ist,nur 40% dieses Wertes hier, okay? Sagen wir zu 50%. Es bedeutet also, dass dieses Ding was nimmt, Nullpunkt 85 multipliziert mit siebenhundert, dreihundertfünfzig Pixel genau hier, weil es 50 Prozent des Par und der Größe benötigt. Ok? Also, jetzt braucht es 50 Prozent dieses roten Blocks herum. Immer, wenn du nicht weißt, was los ist. Denken Sie daran, was diese Hintergrundfarbe, es hilft sehr, okay? Sie werden viele Male verloren gehen, wenn Sie etwas in CSS und HTML erstellen, verwenden Sie die Hintergrundfarbe, um sicherzustellen, was mit den Elementen hier los ist, richtig. Oder benutze den Inspektor, um zu sehen, okay, also dieser Elternteil hier, ich denke, das div ist 700 Pixel, richtig? Das ist auf der Lektion. Vielen Dank. 69. Spielen mit Schriftarten: Hallo, mein Freund. Heute wirst du über Telefone sprechen. Erstens, lassen Sie uns für eine Sekunde nachdenken. Was ist eine Schriftart? Schriftart ist etwas, das beschreibt, wie jeder Buchstabe des Alphabets oder ein Zeichen, das Sie verwenden möchten, aussehen sollte, oder? Und es wird in irgendeiner Art von Spielen in Ihrem Computer beschrieben. Sie haben den Ordner auf Ihrem Computer, zum Beispiel unter Windows haben wir gerade Telefone genannt. Und im VDD haben Sie gute Fives, die jeden Buchstaben beschreibt. Innerhalb einer fünf, zum Beispiel, Times New Roman. Und es sagt, wie es aussehen sollte, wenn Sie diese bestimmte Schriftart verwenden. Oh, wenn du diesen oder diesen benutzt, was auch immer, richtig? Die Schriftart ändert sich also. Wenn Sie die Schriftfamilie ändern. Wie ändern wir es? Nehmen wir an, zuerst gehen wir in die style.css und wir geben so etwas wie Schriftart-Dash-Familie ein. Und hier, wie Sie sehen können, haben wir einen guten Vorschlag. Sie können diese Vorschläge nach Belieben verwenden. So zum Beispiel, diese und Sie sehen Unterschiede. Aber erstens, wir müssen wissen,, Mal sehen, warum sie auch die Mühe, so viele Art von Schriftart Ski, oder? Und welche wird gewählt werden? Was ist der Unterschied? Warum wird es sogar Familie genannt? Sie sehen, es gibt viele Arten von Telefonen, aber sie sind einander ein bisschen ähnlich. Manchmal haben sie einige Ähnlichkeiten und Unähnlichkeiten sind in Familie von Schriftarten verbunden. So zum Beispiel, hier ist eine Monospace-Schriftart. Und die Monospace-Schriftart hat so etwas wie Platz. Dieses Modell zwischen jedem Charakter, richtig? Und jeder, der eine Schriftart in diesem Partikel oder einer Familie erstellen möchte , die Monospace genannt wird, sollte diese Regeln befolgen, okay? Um diesen Raum zwischen zu machen, können sie einige Unterschiede machen, in jedem Zeichen, richtig? Wie funktioniert die Logline, dass sie diese Regeln befolgen sollten? Deshalb heißt es Font-Familie, weil, naja, es gibt viele Familien, Bots und sie folgen einer Art Regel, die ihnen ähnlich ist. Und, und sie sind irgendwie benannt, oder? Zum Beispiel, Sie haben REI, hat Verde, muss nach Hause und andere Dinge wie das. Um eine Schriftart zu wählen, geben Sie einfach den Namen der Schriftart standardmäßig ein. Die erste finanziert ist, dass diese hier, standardmäßig, die vom Web-Browser geladen wird, heißt Times New Roman. Es ist die beliebteste. Wie Sie sehen können, hat sich nichts geändert. Und beachte auch, dass ich hier die Apostrophe benutze. Denn wenn Sie mehr als ein Wort verwenden, müssen Sie sie irgendwie verbinden, um zu sagen, dass dies eine einzelne Schriftart ist. Nicht, gibt nicht verschiedene Schriftarten frei, oder? Wenn ich so etwas tippe, wird der Computer denken, dass dies drei verschiedene Schriftarten sind. Dies funktioniert nur, weil, wenn nichts mit den Schriftarten übereinstimmt, die auf Ihrem Computer verfügbar sind, die Standardversion ausgewählt wird. So wird standardmäßig Times New Roman sein. Aber wenn Sie hier tippen, wird immer so sein. Alle diese Schriftarten existieren nicht, oder? Es gibt keine Telefone werden so genannt und Times New Roman wird gewählt werden. Also, wenn Sie hier etwas wie zum Beispiel Helvetica eingeben , werden Sie feststellen, dass ich glaube, dass ich es falsch eingegeben habe. In Ordnung. Wie Sie sehen können, ändert es sich, richtig? Und das coole daran ist, dass Sie hier viele Schriftarten gleichzeitig eingeben können. Und du tust das, weil manchmal jemand keine dieser Falten hat. Dies sind sichere Schriftarten. Die, die ich Ihnen hier gezeigt habe, sagen wir Schriftart, das bedeutet, dass fast jeder sie meistens schreiben lassen wird. Es gibt jedoch Telefone. Ich weiß nicht, wann ich zum Beispiel diesen Satz von Schriftarten verwende , wie diese hier, wird er nicht überall verfügbar sein, wo auch immer. Meistens wird es jemand haben und Sie können es benutzen. Richtig? Und wenn dieser Fonds nicht verfügbar sein wird, wird dieser verwendet. Wenn schwindlig wird nicht verfügbar sein. Dieser wird nützlich sein. Wenn nicht, dann das, wenn nicht, dann das, okay. Und dieser hier wird nur Sans-Seriif genannt, bedeutet, dass das wie Familie ist. Das ist mit all diesen Schriftarten hier auf der linken Seite verbunden. Und wenn jemand, wann, wenn der Computer das sieht, muss er die Standard-San-Serif laden. Schriftart, okay, das ist also wie Backup-Version und Sie geben es hier ein, falls alle anderen nicht funktionieren. Ok? Versuchen Sie, mit den Schriftarten zu spielen, die hier verfügbar sind. Okay, sehen Sie, wie sie aussehen? Ich, oder vielleicht, wenn sie überhaupt auftauchen. Denn wie gesagt, wenn Sie hier einen Fehler machen, wie Sie sehen können, verwenden wir jetzt das Markenzeichen. Jetzt benutzen wir die Genfer. Jetzt benutze die Verdana. Und dann benutzen wir die Sanserif. Okay, also wenn es einen Fehler bei der Rechtschreibung gibt, dann verwenden Sie diejenige, die diesem ähnlich ist, richtig? Deshalb benutzen wir ein paar von ihnen hier, denn wenn jemand es nicht hat, lassen wir es ein bisschen gut aussehen. Alle ähnlich dem, wie Sie wollen, dass es aussieht, oder? Deshalb wählen Sie immer die Telefone, die aus einer Formel stammen, weil es dumm wäre, wissen Sie, den Mono-Raum zu nutzen, zum Beispiel hier, richtig? Weil das definitiv aussieht, oder? Deshalb verwenden Sie die ähnlichen Telefone in einer Zeile von einer. Gut. Deshalb nennt man es Familie. Okay, wir haben auch etwas, das wir einfach die Schriftgröße nennen. Wir haben es schon oft benutzt. Es gibt aber auch Dinge wie zum Beispiel größere. So machen Sie die Schriftgröße größer als sie jetzt ist. Sie werden vielleicht sogar, noch größer. Ich mag es nicht, benutze es nie. Ich empfehle dringend, 1,5 AM oder so etwas zu verwenden , weil Sie wissen, was Sie tun, und wenn Sie es lesen, wissen Sie, was los ist. Ok? Es gibt auch etwas, das Schriftvariante genannt wird. Ich habe diesen wirklich geliebt. Beachten Sie, dass es hier ein paar Optionen gibt, aber um ehrlich zu sein, ist die geerbte Option nur gesehen, diese erbenden Welt ist in den Eltern. Also, was verkörpert die, die beantwortete bedeutet, dass es nichts gibt. Der Narwal ist einfach schwimmt normal. Also hat sich nichts geändert. Und anfangs ist es der Standardwert aus dem Webbrowser, oder? Und das ist nur die einzige Sache, die wir hier wählen können. Wir rufen nur kleine Mützen an, und ich liebe es. Beachten Sie, dass das so aussieht, warum wir jetzt ein Buch erstellt haben, richtig? Weil Bücher so geschrieben werden. Wir haben hier den ersten Buchstaben wie diesen, und später wird jedes Zeichen groß geschrieben. Ok? Deshalb heißt es kleine Tassen, weil es groß geschrieben ist, aber es macht Es ist klein Großbuchstaben. Beachten Sie. Beachten Sie, dass, wenn ich es zum Beispiel nicht benutze, das Auge einen guten Punkt hier hat, oder? Die größere Version hat sie also nicht, oder? Um ehrlich zu sein, macht dieses Ding alle Schriftarten großgeschrieben, aber es ändert seine Schriftgröße in die kleinere. Und deshalb haben wir einen coolen Effekt wie diesen. Ich liebe es wirklich, eine Seite zu machen. Wenn du eine Seite mit einigen Geschichten machst, ist das ziemlich cool, diese wirklich zu mögen, oder? Und was mehr ist, haben wir den Effekt für den ersten Buchstaben hinzugefügt, richtig? Und es machte es noch besser. Wir können es entfernen. Und immer noch bemerken, dass das erste Zeichen, das wir wie hier verwenden, ein bisschen größer ist. Deshalb heißt es Small Cap, kleiner Großbuchstabe, richtig? Also gehen wir zurück zu hier. Dieser Effekt verbindet sich wirklich sehr gut damit. Ok? Es gibt auch etwas, das man gerne nass nennt und wir haben bereits über DID gelernt, aber es gibt noch mehr. Beachten Sie, dass wir Schriftgewicht haben und wir können es nicht nur auf Bolzen setzen, aber es gibt einige Werte hier von 100 bis neunhundert. Einhundert bedeutet, dass etwas so dünn wie möglich sein sollte. 900 bedeutet, dass es fett wie möglich sein sollte. Das Problem ist, dass nicht jede Schriftfamilie , in der das Partikel gebildet jede Zahl von hier unterstützt. Besonders hier an der Unterseite erstellt, ein paar Klassen, in denen ich sagte Schriftgewicht von 100 zu 900. Und hier erschaffe ich diese Stunde, die ich nicht erschaffen habe, also lassen Sie es uns sehr schnell schaffen. Also lasst uns ein div erstellen. Wir können solche Sachen machen, die es Gewicht nennen, oder? Und dann die Zahl, die wir nummerieren, damit wir das Dollarzeichen nicht verwenden können. Und wir brauchen wie viele von ihnen? Wir brauchen neun von ihnen. Und wir sind etwas zufrieden, oder? Also Inhalt, Text. Also, jetzt haben wir es. Und wie Sie sehen können. Wir änderten nur den Text hier unten von einhundertzweihundertdreihundert vierhundertfünfhundert, sechshundert. Also bedeutet es, dass wog sechs. Okay, wir haben hier einen fett formatierten Text angewendet. Aber das Problem ist, dass wir in unserer DFF verwenden, nicht die Schriftfamilie, die hier ist. Wir verwenden die Standardeinstellung, die Times New Roman ist, richtig? Wenn wir auf das div zugreifen, ist dies ein Standardwert. Also, wenn wir in Schriftart gehen, Schriftfamilie, und wir sagten es zweimal, Times, New Roman, werden Sie feststellen, dass sich nichts geändert hat. Wenn Sie jedoch die hier ist verwenden, okay, lassen Sie es uns kopieren. Beachten Sie, dass es jetzt einen Unterschied in vielen weiteren Ebenen gibt. Genau hier. Wir sehen keinen Unterschied, aber hier ist es ein bisschen mutiger. Hier ist noch mehr, und hier ist noch mutiger. Und hier ist es ziemlich mutig, oder? Also dieser unterstützt es. Lass es uns für eine Sekunde entfernen. Beachten Sie, dass diese nicht, oder? Es gibt also einen großen Unterschied zwischen dieser und dieser Schriftart, auch wenn es keinen großen Unterschied darin gibt, wie sie erscheinen. Erster, richtig? Denn dieser unterstützt viele kühne Ebenen. Und um ehrlich zu sein, manchmal will man keinen Text haben, der so fett ist, oder? Das ist wirklich rau. Sie wollen einen Text wie diesen haben, zum Beispiel, oder? Nur ein bisschen kühn. Ok. Das ist also Schriftgewicht. Und wir haben auch etwas, das wir besprechen werden. Alter Schriftart. Schriftart ermöglicht es Ihnen, die Schriftart wie acht gleichermaßen zu schreiben. Es ist also ein bisschen geneigt, oder? Und wir haben auch etwas hören, das wir schräg diskutieren werden. Und um ehrlich zu sein, ist es sehr ähnlich, oder? Fast so, als ob sich nichts geändert hat, aber es gibt wenig Unterschied, dass man sich vielleicht nicht einmal erinnern muss, aber es lohnt sich zu wissen. Wenn du siehst, dass jemand Oblique benutzt. Eat Alike ist nur die Version, die in dieser Schriftart erstellt wurde. Okay, es gibt eine Datei, die gut jedes Zeichen hat, wie es dargestellt wird, oder? Und es ist auch, es hat auch eine Fünf, wo es zeigt, wie es aussehen sollte, wenn jemand den Schriftstil Italien verwendet. Aber weißt du, manchmal gibt es kein Phi wie dieses. Beachten Sie, dass es für jede Schriftart eine solche Datei gibt. Und dann kannst du den Schrägen benutzen, um einfach jeden Brief zu machen, um so auszusehen, okay? Und du trägst nicht davon ab, wie es aussieht. Du sagst nur, Hey, ich möchte es wie Italien schreiben lassen, aber es ist nicht, muss nicht implementiert werden, muss nicht so erstellt werden, wie der Schöpfer es wollte. Lass es so aussehen. Okay, das ist der Unterschied. Okay, also haben wir den Font-Stil und um ehrlich zu sein, wie im Falle der Grenze, zum Beispiel. Erinnern Sie sich, wir hatten eine kühnere und wir konnten eine kurze Version wie diese von Grenze machen, richtig? Wir könnten den Lack verwenden, diese spezielle Regel dafür, für dies und dies, aber wir können es inline im Falle von Schriften machen, es gibt auch das Gleiche hier. Wir können das hier kopieren. Und jetzt wissen wir, dass wir zuerst den Schriftart-Stil senden müssen und wir ihn nicht ändern, damit wir ihn an normal senden können. Dann werden wir die kleinen Kappen setzen, weil wir diese kleinen Kappen behalten wollen. Und dann können wir das Schriftgewicht zum Beispiel an 600 senden. Und dann können wir die Schriftgröße ändern, die zum Beispiel ein M ist, also ändern wir sie überhaupt nicht. Und dann habe ich es hier nicht kopiert. Ok. Dann haben wir was? Der Familienname der Schriftart, damit wir ihn von hier kopieren können, so. Und wie Sie sehen können, setzen wir all diese Dinge. Wir können das hier oben in einer Zeile entfernen. Nehmen wir es jedoch in die Kommentare, damit Sie darauf verweisen können. Ich mag diese Version nicht, weil sie lang ist und um ehrlich zu sein, es ist schwer, sich daran zu erinnern, was Weizen ist, oder? Nun, wir können die Maus hierher bewegen und dann sehen, welche ist welche. Aber trotzdem, Irgendwie bevorzuge ich im Falle von Schriftarten, weil, na ja, Sie senden sie nicht sehr oft, um all diese Werte getrennt zu haben. Nun, wenn Sie Ihren Code von Ihrem Computer auf den Server verschieben, dann Filmemacher, zum Beispiel. Ich finde ein bisschen mehr, ein bisschen kleiner, oder? Also, um es kleiner zu machen, tut mir leid. Dann braucht es weniger Platz, oder? Style.css lädt schneller als vielleicht ist es gut, es in einer Zeile zu haben. Aber es gibt Programme, die Ihr Auto oder Ihr CSS für Sie kleiner machen. Ich empfehle dringend, dieses Feld zu verwenden. Allerdings ist der Sport zu wissen, dass so etwas existiert, weil, wenn Sie so etwas sehen, würden Sie nicht wissen, was es tut. Es ist gut zu wissen, dass Sie Schriftgröße, Zeilenhöhe hier senden können. Also hier, wenn es einer ist, bin ich. Und wenn Sie die Größe des Telefons einstellen, können Sie auch festlegen, wie groß die Zeilenhöhe ist. Also, was ist die Größe, die der Abstand zwischen jeder Zeile? Also 1 zum Beispiel, 17 Uhr. Warum das? Es funktioniert gut hier. Oder 150 Prozent, es liegt an Ihnen, welche Art von Wert Sie verwenden werden. Das ist alles gute Lektion. Vielen Dank. 70. Benutzerdefinierte Schriftarten - Goofle Fonts: Hallo meine Freunde. Heute lernen Sie, wie benutzerdefinierte Schriftarten an Ihre Website anhängen. Nehmen wir an , Sie mögen die Standardformulare , die Sie auf Ihrem Computer installiert haben , nicht, oder? Sie müssen dem Benutzer Ihrer Website also irgendwie erlauben , neue Telefone herunterzuladen. Wie geht das? Am einfachsten können Sie die Seite verwenden , die fonts.google.com heißt. Das ist ziemlich großartig , weil die Schriftarten hier kostenlos verwendet werden können. Sie sind super einfach einzurichten und werden auch schneller geladen, und werden auch schneller geladen weil es etwas Gutes gibt, die sogenannte Pre-Connect-Technik , über die wir nicht sprechen können. Okay, was machen wir? Geben Sie hier zunächst etwas ein, weil Sie sehen möchten, wie die Schrift aussehen wird. Will der Text ist, den Sie überprüfen möchten. Also das ist zB ein Beispieltext, oder? Aber denken Sie daran, dass hier die typischen Buchstaben sind , die in fast jedem Alphabet vorkommen, oder? Das ist also eine gute Idee. Wenn Sie z.B. aus Polen kommen, um die polnischen Buchstaben zu tippen wie Sie sehen können, unterstützt dieser das nicht. Oder du willst sehen, wie sie aussehen. Und natürlich gibt es viele andere Länder, die ihre eigenen Sonderzeichen haben . Schauen Sie sich diese an, bevor die Schrift anwenden, da Sie überrascht sein könnten , dass sie nicht für jedes einzelne Zeichen richtig funktioniert. Die zweite Sache ist, dass Sie die Größe, die Größe der einzelnen Formen und deren Aussehen überprüfen können die Größe der einzelnen Formen und . Denn vielleicht willst du das für den Header auf der rechten Seite verwenden . Vielleicht sieht das für Heather besser aus, aber es sieht auch schlecht aus, z.B. wenn es klein ist, oder? Also entscheidest du dich so. Sie können auch hören, zum dunklen Thema wechseln, um zu sehen wie es je nach Art der Website im Dunkeln aussieht. Und hier können Sie die Kategorien der Dinge auswählen , nach denen Sie suchen möchten, z. B. möchten Sie nur nach Handschrift suchen. Das ist ziemlich cool, oder? Sie möchten nach den handgezeichneten, handgeschriebenen Texten suchen. Also zum Beispiel, ich liebe diesen wirklich, sagen wir den Pazifik. Ja, das ist die Sache, die ich von meiner Seite verwenden möchte , weil ich auf meiner Seite Gedichte schreibe und wow, das wird großartig aussehen. Also, wie benutzt man es? Nun, du wirst darauf klicken. Und dann können Sie die Familie herunterladen und dann können Sie sie extrahieren und so weiter, so weiter, so weiter. Aber mach es nicht auf diese Weise. Wegen der Schrift laden wir auf diese Weise langsamer. Also werde ich nicht einmal darüber sprechen, wie man das so macht. Denn das sollte so gemacht werden , dass man hier das Pluszeichen benutzt. Und dann, wie Sie sehen können, haben wir hier eine erweiterte Möglichkeit es auf Ihrer Seite zu importieren. Es sagt dir also, dass du mit diesem Code eine Schrift in den Hut einbetten musst. Also kopieren wir es einfach und klicken hier auf diesen Button. Und wir werden uns mit Visual Studio Code befassen. Und wir können es anpassen, es wo vor dem CSS platzieren. Warum vor dem CSS? Weil, naja, wir wollen die Standardschrift nicht laden , oder? Bevor Sie das laden. Also lass es uns einfach hier ablegen. Und danach, was brauchen wir, um die Schrift anzuwenden, oder? Und um es anzuwenden, müssen wir hier den Namen der Schrift als erste Zeile eingeben . Wir können es nicht so machen und es einfach hier hinstellen, oder? Schriftfamilie, wir wollen, dass es Pacifica ist. Und mal sehen, ob es auf unserer Seite funktioniert. Wie Sie sehen können, ja, es funktioniert gut. Wir haben gerade den Pacific Go benutzt. Wenn Sie ein anderes Google-Formular verwenden möchten, müssen Sie zu den Google Fonts gehen und z. B. sagen wir, dass wir etwas anderes wollen. Jetzt. Lass uns alles zurücksetzen. Nehmen wir an, dass ich diesen wirklich mag. Ich kann es jetzt hier hinzufügen. Und wie Sie sehen können, können wir jetzt beide gleichzeitig verwenden. Wie ihr hier sehen könnt, haben wir darüber geschrieben , was die Bruno A's und auch den Pazifik angeht. Und um es zu verwenden, kopiere ich es hier einfach in unseren Visual Studio-Code. Stimmt es? Nun, wenn ich den Bruno als C verwenden möchte, würde ich mich treffen, um hier was zu verwenden? Diese Schriftfamilie. Also so. Und jetzt werde ich die Bruno A's benutzen. Wie du siehst. Nun, Bruno, ob ich den Pasiphae an einem anderen Ort verwenden möchte , oder vielleicht möchtest du ihn für etwas anderes verwenden. Nehmen wir an, du möchtest hier etwas anderes haben , oder? Ich möchte nur auf diesen zugreifen. Also würde ich einfach etwas anderes machen. Und das werde ich einfach auch ändern. Weil das z.B. der Header sein wird , oder? Das ist Bruno A. Also vielleicht wäre es noch besser, wenn ich so etwas wie Header eintippe. Und hier werde ich so etwas wie eine Katze machen, oder? Also für Header möchte ich verwenden. Das nach der Schule für Steuern, ich will das benutzen. Und wenn du eines von ihnen nicht mehr benutzen willst , musst du einfach diesen Teil entfernen, oder? Den will ich nicht. Oder Sie können einfach auf diese Website gehen und sie wird den Code für Sie generieren. Wenn du z.B. den Pasiphae-Kern nicht mehr benutzen willst, werde ich ihn einfach entfernen. Und wie Sie sehen können, dieses Code-Update. Die Installation ist ziemlich cool. Und für diesen Teil des Codes , den wir hier hinzugefügt haben, wofür ist The verantwortlich? Hier haben wir etwas, meine Nachricht wie Pre Connect. Was bedeutet es, dass etwas vorab verbunden ist? Das bedeutet, dass es geladen wird. Also vor dem Anschluss, vor dem Herunterladen der D-Inhalte. Also bevor Sie das Telefon herunterladen , beschleunigt es den Ladevorgang Ihrer Website. Und wenn das jemand beschleunigt, profitieren Sie von der gesamten Tinte Ihrer Website , weil Ihre Website öfter besucht wird, weil Google in unserer Geschwindigkeit so funktioniert , ist unsere Geschwindigkeit sehr, sehr wichtig. Aber wie funktioniert das? Wenn du es verstehen willst Tastatur und wenn nicht, dann mach einfach weiter. Du musst es nur hinzufügen und mach es nicht, es ist dir egal. Aber wenn du es verstehen willst, hör weiter zu. Wenn also ein Browser Ihre Webseite lädt, muss er viele verschiedene Ressourcen abrufen, wie CSS-Dateien, JavaScript-Dateien, Ihre Bilder auf Ihrer Website, Ihre Schriftart wie diese und viele, viele andere. Und das alles braucht Zeit. Es können z. B. 100 Ressourcen von Ihrer Seite sein. Außerdem zu fett. Für jede dieser Ressourcen muss der Browser eine Verbindung mit dem Server herstellen , auf dem sich diese Ressourcen befinden. Und das braucht auch Zeit. Sie können sich auf vielen verschiedenen Servern befinden. Und es braucht Zeit, um sich einfach mit dem Server zu verbinden. Bei der Pre-Connect-Technik baut der Browser also eine vorläufige, also zunächst unsere Verbindung mit dem Server auf, bevor dieser beginnt, bestimmte Ressourcen abzurufen. Okay, es wird also einfach eine Verbindung herstellen , bevor es anfängt , bestimmte Ressourcen abzurufen. Also warum ist der Browser damit beschäftigt, z.B. ein Bild von deiner Seite zu laden , okay? Die Verbindung zu der Schrift, die wir hier haben , wurde bereits mit Hilfe von Reconnect hergestellt. Das bedeutet, dass, wenn der Browser mit dem Abrufen der eigentlichen spezifischen Schriftdatei beginnt , die Verbindung zum Server bereits hergestellt und einsatzbereit ist . Sie müssen also keine Verbindung herstellen und dann füttern, Sie haben bereits eine Verbindung hergestellt. Dadurch wird die Zeit reduziert, die zum Herunterladen der Datei benötigt wird. Und weil es einfach nicht nötig ist eine plötzliche Verbindung mit dem Server aufzubauen, muss der Browser nur den Datendownload selbst durchführen, okay, also ohne erneut eine Verbindung zum Server herstellen zu müssen, wiederhole ich, weil diese Aktion bereits vom Prokinetiker ausgeführt wurde . Alles in allem reduziert dies nur die Tanklast einer Webseite. Und deshalb wird auf diese Weise die benutzerdefinierte Schriftgröße verwendet. Sie können natürlich herunterladen, wenn andere, die Sie kaufen, einige davon kaufen. Tu es nicht. Schau, wie viele Telefonfamilien es hier gibt. Warum sich überhaupt die Mühe machen, woanders zu suchen? Du musst kostenlose Inhalte behalten, viele davon. Sie werden auf jeden Fall etwas finden, das zu Ihrer Website passt, wenn Ihnen die Standardschrift nicht gefällt. Auf diese Weise wird es schnell geladen und Ihre Website wird häufiger besucht. Es gibt nur weniger als Vielen Dank.