1. Das WEB verstehenWebseiten bestehen hauptsächlich aus Elementen wie Text, Bildern und Hyperlinks. Natürlich können Webseiten neben diesen Elementen auch Audio, Video und Flash enthalten. Der Browser ist die Plattform zum Anzeigen und Ausführen von Webseiten. Browserkernel (Satz-Engine, Interpretations-Engine, Rendering-Engine)
Webstandards „Zusammensetzung“ 👉 Strukturelle Standards, Leistungsstandards und Verhaltensstandards
„Vorteile von Webstandards“👇
2. Einführung in HTMLHTML (Hypertext Markup Language): Hypertext-Auszeichnungssprache Der sogenannte Hypertext hat zwei Bedeutungen:
„HTML-Skelettformat“ <!-- Das größte Stamm-Tag auf der Seite --> <html> <!-- Header-Tag --> <Kopf> <!-- Titel-Tag --> <Titel></Titel> </Kopf> <!-- Hauptteil des Dokuments --> <Text> </body> </html> Vom Team vereinbarte Kapitalisierung HTML-Tagnamen, Klassennamen, Tag-Attribute und die meisten Attributwerte sind alle in Kleinbuchstaben Klassifizierung von HTML-Element-Tags
Normale Elemente (Doppel-Tags) <Tagname> Inhalt</Tagname> Zum Beispiel <body> Ich bin Text</body> Leeres Element (einzelnes Tag) <Tag-Name/> Zum Beispiel<br /> oder<br> HTML-Tag-Beziehungen
Dokumenttyp <!DOCTYPE> Der Dokumenttyp wird verwendet, um anzugeben, welche Version von XHTML oder HTML Sie verwenden. Weist den Browser an, die Seite entsprechend dem HTML5-Standard zu analysieren. Seitensprache lang Lang gibt die Sprache an, die vom Inhalt des HTML-Tags verwendet wird <html lang="de"> en definiert die Sprache als Englisch zh-CN definiert die Sprache als Chinesisch Die Rolle von lang 1. Legen Sie den CSS-Stil oder die Schriftart verschiedener Sprachen entsprechend dem Lang-Attribut fest 2. Fordern Sie die Suchmaschine auf, eine genaue Identifizierung vorzunehmen 3. Lassen Sie die Grammatikprüfung die Sprachenerkennung durchführen 4. Helfen Sie Übersetzungstools dabei, 5. Helfen Sie Webseiten-Lesern, zu erkennen Zeichensatz Ein Zeichensatz ist eine Sammlung mehrerer Zeichen. Damit ein Computer Text in verschiedenen Zeichensätzen korrekt verarbeiten kann, ist eine Zeichenkodierung erforderlich, damit der Computer verschiedene Texte erkennen und speichern kann.
<meta charset="UTF-8" /> Verwendung des Meta-Viewports Normalerweise bezieht sich „Ansichtsfenster“ auf das Fenster oder Ansichtsfenster. Der Bereich in einem Browser (oder möglicherweise einer Webansicht in einer App), der zum Anzeigen einer Webseite verwendet wird. Die Ansichtsfenster auf Mobilgeräten und PCs sind unterschiedlich. Das Ansichtsfenster auf dem PC ist der Browserfensterbereich, während es auf Mobilgeräten drei verschiedene Ansichtsfensterkonzepte gibt: Layout-Ansichtsfenster, visuelles Ansichtsfenster und ideales Ansichtsfenster. Meta hat zwei Attribute: Name und http-equiv Der Wert des Namensattributs
http-equiv hat die folgenden Parameter <meta charset="UTF-8"> <meta http-equiv="X-UA-kompatibel" content="IE=edge"> <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0"> Semantisierung von HTML-Tags
"Erweitert"-Tag : Gibt die Standard-URL für alle Links auf der Seite an und legt den Öffnungsstatus des gesamten Links fest. <Kopf> <base href="http://www.baidu.com" target="_blank"> <Basisziel="_self"> </Kopf> <Text> <a href="">Test</a> Zu Baidu springen</body> 3. Allgemeine HTML-Tags1. Layout-Tags : Werden hauptsächlich mit CSS verwendet. Tags, die die Struktur einer Webseite anzeigen. Dies sind die am häufigsten verwendeten Tags für das Webseiten-Layout.
2. Typografie-Tags
3. Tag-Attribute (inline) Wenn Sie HTML zum Erstellen von Webseiten verwenden und die HTML-Tags weitere Informationen bereitstellen sollen, können Sie diese mithilfe der Attribute der HTML-Tags festlegen. <Tagname Attribut 1 = "Attributwert 1" Attribut 2 = "Attributwert 2" ...> Inhalt </Tagname><Mobiltelefon Farbe = "rot" Größe = "5 Zoll"> </Mobiltelefon> 4. Bild-Tag img Beachten:
<img src="cz.jpg" width="300" height="300" border="3" title="Das ist ein kleiner Löwenzahn" /> 5. Link-Tags (wichtig) <a href="Sprungziel" target="Zielfenster-Popup-Methode">Text oder Bild</a> target="_self" Standard-Fenster-Popup-Modus target="_blank" neues Fenster-Popup
Der Unterschied zwischen src und href Kurz gesagt: src ist die Quelle der Ressource, href ist die Weiterleitungs-URL 1.src wird verwendet, um das aktuelle Element zu ersetzen, und href wird verwendet, um eine Verbindung zwischen dem aktuellen Dokument und der referenzierten Ressource herzustellen. 2. src ist die Abkürzung für Quelle, die auf den Speicherort externer Ressourcen verweist. Der Inhalt, auf den verwiesen wird, wird an der Position des aktuellen Tags im Dokument eingebettet. Wenn die src-Ressource angefordert wird, wird die Ressource, auf die sie verweist, heruntergeladen und auf das Dokument angewendet, z. B. JS-Skripte, IMG-Bilder, Rahmenelemente usw. Wenn der Browser dieses Element analysiert, wird das Herunterladen und Verarbeiten anderer Ressourcen angehalten, bis die Ressource geladen, kompiliert und ausgeführt wird. Dasselbe gilt für Elemente wie Bilder und Frames, was dem Einbetten der angegebenen Ressource in das aktuelle Tag ähnelt. Aus diesem Grund sollten Sie JS-Skripte auch unten und nicht oben platzieren. 3.href ist die Abkürzung für Hypertext Reference, die auf den Speicherort von Netzwerkressourcen verweist und eine Verknüpfung zwischen dem aktuellen Element (Anker) oder dem aktuellen Dokument (Link) herstellt. Wenn wir es dem Dokument hinzufügen, erkennt der Browser das Dokument als CSS-Datei, lädt die Ressourcen parallel herunter und stoppt die Verarbeitung des aktuellen Dokuments nicht. Aus diesem Grund wird empfohlen, zum Laden von CSS die Link-Methode anstelle der @import-Methode zu verwenden. Beachten: 1. Externe Links müssen http://www.baidu.com hinzufügen 2. Interne Links können direkt auf den internen Seitennamen verweisen, z. B. <a href="index.html"> Homepage 3. Wenn das Linkziel zu diesem Zeitpunkt nicht bestimmt wird, wird der href-Attributwert des Link-Tags normalerweise als "#" (dh href="#") definiert, was darauf hinweist, dass der Link vorübergehend ein leerer Link ist. 4. Sie können nicht nur Text-Hyperlinks erstellen, sondern auch Hyperlinks zu verschiedenen Webseitenelementen wie Bildern, Tabellen, Audio, Video usw. hinzufügen. Ankerpositionierung : Durch die Erstellung von Ankerlinks können Benutzer Zielinhalte schnell finden. 1. Markieren Sie den Standort des Sprungziels mit dem entsprechenden ID-Namen. (Finde das Ziel) <h3 id="two">Folge 2</h3> 2. Verwenden Sie <a href="#id name">Linktext</a>, um Linktext zu erstellen (anklickbar) <a href="#zwei"> 6. Anmerkungs-Tags <!-- Kommentaranweisung--> Die Tastenkombination lautet: Strg + / Oder Strg + Umschalt + / Teamvereinbarung: Vor und nach dem Kommentarinhalt ist ein Leerzeichen, und der Kommentar befindet sich über dem zu kommentierenden Code und belegt eine separate Zeile 7. Pfad 8. Sonstige Kenntnisse Vorformatierter Text Text innerhalb eines Beschriftungselements behält normalerweise Leerzeichen und Zeilenumbrüche bei. Der Text wird auch in einer Monospace-Schriftart wiedergegeben. Unter Textformatierung versteht man die Anzeige der Seite entsprechend dem von uns vorab geschriebenen Textformat, unter Beibehaltung von Leerzeichen, Zeilenumbrüchen etc. Sonderzeichen Was ist XHTML
Worauf muss ich beim Schreiben von HTML-Code achten?
4. TabelleEs ist immer noch ein häufig verwendetes Tag, wird aber nicht für das Layout verwendet. Es wird häufig verwendet, um tabellarische Daten anzuzeigen und darzustellen. Weil dadurch die Datenanzeige sehr regelmäßig und leicht lesbar wird. Insbesondere bei der Anzeige von Daten im Hintergrund ist es sehr wichtig, mit Tabellen vertraut zu sein. Eine saubere und einfache Tabelle kann komplexe Daten geordnet darstellen. Erstellen einer Tabelle <Tabelle> <tr> <td>Text in der Zelle</td> ... </tr> ... </Tabelle> table, tr, td, das sind die grundlegenden Tags zum Erstellen von Tabellen, und keines davon darf fehlen
Überschriftenzellen-Tag th: Im Allgemeinen befindet sich die Überschriftenzelle in der ersten Zeile oder Spalte der Tabelle und der Text ist fett und zentriert. Sie müssen nur das entsprechende Zellen-Tag durch das Überschriften-Tag ersetzen. Überschrift der Tabelle Normalerweise wird diese Überschrift zentriert und über der Tabelle angezeigt. Das Beschriftungs-Tag muss direkt nach dem Tabellen-Tag stehen. Dieses Tag ist nur innerhalb einer Tabelle sinnvoll. Du bist der Wind und ich bin der Sand <Tabelle> <caption>Ich bin der Tabellentitel</caption> </Tabelle> Tabelleneigenschaften Die drei Parameter sind 0. In unserer normalen Entwicklung sind die drei Parameter Zellen zusammenführen. Die Reihenfolge beim Zusammenführen ist
Übersichtstabelle
Tabellenpartitionsstruktur Bei komplexeren Tabellen ist die Tabellenstruktur relativ komplex, daher wird die Tabelle in drei Teile gegliedert: Kopfzeile, Hauptteil und Fußnoten. Diese drei Teile sind mit „thad“, „tbody“ und „tfoot“ gekennzeichnet, wodurch die Tabellenstruktur leichter zu unterscheiden ist. Beachten:
ZusammenfassenDieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalten auf 123WORDPRESS.COM mehr Aufmerksamkeit schenken können! |
<<: Reines HTML+CSS, um einen Element-Ladeeffekt zu erzielen
>>: Ausführliche Erläuterung der HTML-Grundlagen (Teil 2)
Dieser Artikel beschreibt, wie Sie SQL-Dateien mi...
1. Docker zieht das Image Docker Pull MySQL (stan...
1. Download-Adresse: http://dev.mysql.com/downloa...
Vor einiger Zeit habe ich einen Blogbeitrag mit d...
Vorwort Diese Prinzipien sind aus tatsächlichen K...
Die Schritte sind wie folgt 1. Erstellen Sie eine...
Hintergrund Vor einiger Zeit half unser Projektte...
Tatsächlich werden viele Leute sagen: „Ich habe ge...
Ich habe vor Kurzem ein Testserver-Betriebssystem...
Inhaltsverzeichnis 1. Kartesisches Produktphänome...
1. HTML-Tags mit Attributen XML/HTML-CodeInhalt i...
In tatsächlichen Projekten muss die Datenbank reg...
Mehrere Werte kombiniert anzeigen Nun haben wir d...
In diesem Artikelbeispiel wird der spezifische Co...
Inhaltsverzeichnis 1. Mit der MySQL-Replikation v...