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

Tipps, wie Sie aus Pixeln umfassende Markenerlebnisse machen

Herausgeber: In diesem Artikel wird die Rolle erö...

Vue verwendet Canvas, um den Bildkomprimierungs-Upload zu realisieren

In diesem Artikel wird der spezifische Code von V...

N Möglichkeiten, adaptive Teiler geschickt mit CSS zu implementieren

Trennlinien sind eine gängige Gestaltungsart auf ...

Tipps zum reflektierenden Lernen von JavaScript

Inhaltsverzeichnis 1. Einleitung 2. Schnittstelle...

Native JS-Drag-and-Drop-Funktion zum Erstellen eines Slider-Beispielcodes

Drag & Drop ist eine gängige Funktion im Fron...

Einführung in die Verwendung gängiger Dockerfile-Befehle

Inhaltsverzeichnis 01 CMD 02 EINSTIEGSPUNKT 03 AR...

Join-Operation in MySQL

Arten von Verknüpfungen 1. Innerer Join: Die Feld...

Drei Möglichkeiten zum Aktualisieren von Iframes

Code kopieren Der Code lautet wie folgt: <ifra...

MySQL-Datenbank Daten laden, vielfältige Verwendungsmöglichkeiten

Inhaltsverzeichnis Vielfältige Einsatzmöglichkeit...

Stellen Sie die Grafana+Prometheus-Konfiguration mit Docker bereit

docker-compose-monitor.yml Version: '2' N...

Zusammenfassung der SQL-Deduplizierungsmethoden

Wenn wir SQL zum Extrahieren von Daten verwenden,...