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

N Möglichkeiten, mit CSS ein zweispaltiges Layout zu erreichen

1. Was ist ein zweispaltiges Layout? Es gibt zwei...

Ein Artikel zeigt Ihnen, wie Sie den Watch-Listener von Vue verwenden

Inhaltsverzeichnis Hörer beobachten Format Richte...

Dieser Artikel zeigt Ihnen, wie Sie mit CSS-Rahmen spielen

Rahmenstil Die Eigenschaft „Border-Style“ gibt an...

Mit CSS3 implementierte Schaltfläche zum Hovern von Bildern

Ergebnis:Implementierungscode html <ul Klasse=...

So installieren und verwenden Sie Cockpit unter CentOS 8/RHEL 8

Cockpit ist ein webbasiertes Serververwaltungstoo...

Detaillierte Erklärung des Prinzips und der Verwendung von MySQL-Ansichten

Dieser Artikel veranschaulicht anhand von Beispie...

Lösung zum Hinzufügen einer iptables-Firewall-Richtlinie zum MySQL-Dienst

Wenn Ihre MySQL-Datenbank auf einem CentOS7-Syste...

So verhindern Sie mit Nginx die böswillige Auflösung von IP-Adressen

Zweck der Verwendung von Nginx Lassen Sie uns zun...

Nach dem Docker-Lauf ist der Status immer „Beendet“

füge -it hinzu docker run -it -name test -d nginx...

Zusammenfassung der Javascript-Datumstools

lass Utils = { /** * Ist es das Todesjahr? * @ret...

Detaillierte Erklärung des Middleman-Modus von Angular-Komponenten

Inhaltsverzeichnis 1. Mittelsmann-Modell 2. Beisp...

Der einfachste Weg zum Debuggen gespeicherter Prozeduren in MySQL

Ein Kollege hat mir einmal gesagt, ich solle eine...

So legen Sie die Position des Blockelements in der Mitte des Fensters fest

So legen Sie die Position des Blockelements in de...