Grundlagen der HTML-Bearbeitung (ein Muss für Anfänger)

Grundlagen der HTML-Bearbeitung (ein Muss für Anfänger)

Öffnen Sie DREAMWEAVER und erstellen Sie ein neues HTML. .


Eigenschaften des Körpers:

bgcolor Seitenhintergrundfarbe

Hintergrundbilder, Bilder

Textfarbe

oberer Rand oberer Rand

linker Rand linker Rand

rechter Rand rechter Rand

unterer Rand unterer Rand

Format-Steuertags:

<font color="" gesicht="" größe=""></font>

Steuern Sie Farbe, Schriftart und Schriftgröße separat.

<b></b> Fette Schriftart

<strong></strong> Fette Schriftart

Neigung

Neigung

<u></u> Unterstreichen

<center></center> Mitte

<br> oder <br/> entspricht einem Wagenrücklauf

Zeigt Leerzeichen an, Strg+Umschalt+Leerzeichen


Inhaltscontainer-Tags:

<h1></h1> Titel, wird automatisch umbrochen. Der HTML-Titel ist

. . . Definiert durch Tags wie <h1> bis <h6>.

<h6></h6>

<p></p> Absatz-Tags (Leerzeilen zwischen Absätzen)

<div></div> Layer-Tag (nimmt standardmäßig eine Zeile ein)

<span></span> Layer-Tags (standardmäßig wird so viel Platz wie möglich genutzt)

<ol type="1"> Sortierte Liste, die Seriennummern sind 1, 2, 3..., das Seriennummernformat kann in Anführungszeichen geändert werden

<li>Inhalt<li>

<li>Inhalt<li>

</ol> Wenn das obige ol in ul geändert wird, wird es eine ungeordnete Liste


"../" gibt das übergeordnete Verzeichnis an

"./" bedeutet das aktuelle Verzeichnis

Relativer Pfad: Beginnen Sie die Suche auf der aktuellen Seite.

Absoluter Pfad: Beginnen Sie die Suche am Stammverzeichnis der Website. "/" steht für die Stammadresse der Website.

Hyperlink-Tags:

<a href="Hyperlink-Adresse" target="_blank">Hyperlink-Text</a> --In einem neuen Fenster öffnen

Sie können das Verzeichnis auch auf der aktuellen Seite finden und auf den Hyperlink im Verzeichnis klicken, um automatisch zu einer bestimmten Stelle auf der aktuellen Seite zu springen.


Bild-Tags:

<img src="Bildadresse" alt="Text" width="" height="" title="Beschreibungstext" />

Wenn Sie eine der Höhen- und Breiteneinstellungen vornehmen, bleiben die ursprünglichen Proportionen erhalten.

Wenn das Bild nicht geladen werden kann, wird über Alt ein Text angezeigt, der Suchmaschinen ebenfalls bei der Suche helfen kann.

Der Titel kann eine Beschreibung des Bildes hinzufügen und die Beschreibung wird angezeigt, wenn die Maus auf das Bild bewegt wird.


Blatt:

<table></table>Tabelle

Breite: Breite. Kann in Pixeln oder als Prozentsatz ausgedrückt werden. Üblicherweise werden 960 Pixel verwendet.

Grenze: Grenze, der allgemein verwendete Wert ist 0.

Cellpadding: Der Abstand zwischen Inhalt und Rahmen. Der häufig verwendete Wert ist 0.

cellspacing: Der Abstand zwischen den Zellen, der üblicherweise verwendete Wert ist 0.

algin: Ausrichtung.

bgcolor: Hintergrundfarbe.

Hintergrund: Hintergrundbild.


<tr></tr> Zeile

align: Die horizontale Ausrichtung einer Inhaltszeile.

valign: Die vertikale Ausrichtung einer Inhaltszeile.

Höhe: Zeilenhöhe.

bgcolor: Hintergrundfarbe.

Hintergrund: Hintergrundbild.

<td></td>Zelle

<th></th>Kopfzeile, der Zelleninhalt wird automatisch zentriert und fett dargestellt

align: Ausrichtung des Zellinhalts.

valign: Die vertikale Ausrichtung des Zelleninhalts.

Breite: Zellenbreite.

Höhe: Zellenhöhe.

bgcolor: Hintergrundfarbe.

Hintergrund: Hintergrundbild.

Inhalte müssen in Zellen, Zellen in Zeilen und Zeilen in Tabellen platziert werden.

Beim Festlegen der Zeilenhöhe oder Spaltenhöhe einer Zelle werden gleichzeitig auch die entsprechenden Zeilen bzw. Spalten beeinflusst.

Zellenzusammenführung: (Es wird empfohlen, die Tabellenverschachtelung so weit wie möglich zu nutzen.)

colspan="n" verbindet Zellen in derselben Zeile (die entsprechenden Spalten müssen beim späteren Schreiben des Codes abgezogen werden)

rowspan="n" verbindet Zellen in derselben Spalte (subtrahiert die entsprechende Spalte von der zweiten Zeile)

Der obige Artikel „Grundlagen der HTML-Bearbeitung (unbedingt lesenswert für Anfänger)“ enthält alle Inhalte, die der Editor mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

<<:  Verständnis von Haslaylout- und BFC-Parsing

>>:  Javascript Blob-Objekt zum Erzielen eines Dateidownloads

Artikel empfehlen

Ändern Sie die MySQL-Datenbank-Engine in InnoDB

PS: Ich verwende hier PHPStudy2016 1. Stoppen Sie...

js, um einen simulierten Einkaufszentrumsfall zu erreichen

Freunde, die HTML-, CSS- und JS-Frontend lernen, ...

So fügen Sie eine Festplatte in Vmware hinzu: Erweitern Sie die Festplatte

In diesem Artikel wird beschrieben, wie Sie eine ...

So verwenden Sie das VS2022-Remote-Debugging-Tool

Manchmal müssen Sie bei der Arbeit ein Remote-Deb...

Dinge, die Sie nicht über die CSS-Pseudoelemente ::before und ::after wissen

CSS hat zwei Pseudoklassen, die nicht häufig verw...

So migrieren Sie das Datenverzeichnis in mysql8.0.20

Das Standardspeicherverzeichnis von MySQL ist /va...

Hinweise zur Verwendung des Blockquote-Tags

<br />Semantisierung lässt sich nicht mit we...

Eine kurze Analyse der Verwendung von watchEffect in Vue3

Vorwort Jeder sollte mit der Watch-API in vue2 ve...