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 zur MySQL-Leistungsoptimierung

MySQL-Leistungsoptimierung MySQL wird in Internet...

So installieren Sie Graphviz und beginnen mit dem Tutorial unter Windows

Herunterladen und installierenUmgebungsvariablen ...

So verwenden Sie das JavaScript-Strategiemuster zum Validieren von Formularen

Inhaltsverzeichnis Überblick Formularvalidierung ...

Verständnis für Webdesign-Layout

<br />Hier ergibt sich ein Widerspruch: In k...

JavaScript zum Anzeigen versteckten Formulartexts

Dieser Artikel gibt Ihnen den spezifischen JavaSc...

Detaillierte Beschreibung des MySQL-Ersetzens in der Verwendung

Die Ersetzungsanweisung ähnelt im Allgemeinen der...

Detaillierte Erklärung der Verwendung von publicPath in Webpack

Inhaltsverzeichnis Ausgabe Ausgabepfad Ausgabe.öf...