Grundlegende Hinweise zu HTML (empfohlen)

1. Grundstruktur der Webseite:

Hinweis: In HTML kommen Tags meist paarweise vor. Wo ein Anfang ist, ist auch ein Ende

Wenn das Tag nicht paarweise vorkommt, fügen Sie nach dem Tag / hinzu, um das Ende anzuzeigen.

2. Grundlegende Tags

1. h1-h6-Titel-Tags
2. em kursiv
3. Stark fett
4. Std. Schnittlinie
5. br Zeilenumbruch
6. p Absatz-Tag
7. Sonderzeichen, Leerzeichen
8.> Sonderzeichen,>
9. &lt; Sonderzeichen, <
10. „Sondersymbole“,
11. &copy; Sonderzeichen, Copyright-Symbol
12. Hinweise
13. img Bild-Tag

Attribute: src: der Pfad des Bildes, alt: der Text, der angezeigt wird, wenn das Bild nicht gefunden werden kann
Titel: Der Text, der angezeigt wird, wenn die Maus darüber schwebt:
<img src="..." alt="..." title="..."/>

14. ein Hyperlink-Tag-Attribut: href: wohin verlinkt werden soll. Verwendung:
<a src="...">Link</a>
Schreiben Sie zunächst an einer Stelle <a name="?"></a> für den Ankerlink
Schreiben Sie dann <a href="?"></a> an eine andere Stelle
Klicken Sie auf diesen Link und Sie werden dies finden? Standort

Verwendung:
<a name="?">Hierher verlinken</a>
<a href="?">Link von hier</a>

15. Verwendung der ungeordneten ul-li-Liste:
<ul>
<li>Listenelement 1</li>
.......
<li>Listenelement n</li>
</ul>

Hinweis: Es gibt keine Reihenfolge, jedes li ist eine Zeile. Standardmäßig steht vor jedem li ein ausgefüllter Punkt.

16. Verwendung geordneter ol-li-Listen:
<ol>
<li>Listenelement 1</li>
.......
<li>Listenelement n</li>
</ol>
Das heißt, ersetzen Sie die ausgefüllten Punkte in der ungeordneten Liste durch Seriennummern.

17. Verwendung der dl-dt-dd-Definitionsliste:
<dl>
<dt>Titel 1</dt>
<dd>Inhalt 1</dd>
<dt>Titel 2</dt>
<dd>Inhalt 2</dd>
</dl>

Ergebnis:
Titel 1
Inhalt 1
Titel 2
Inhalt 2

18. Formularelemente
a. Text einzeiliges Textfeld
b. Kennwortfeld
c. Optionsfeld
d. Datei-Dateiauswahl
e. Kontrollkästchen
f. Dropdown-Liste auswählen
g. Senden-Schaltfläche
h. Reset-Taste
i. Textbereich Textbereich

Verwendung:
<textarea cols="50" rows="20">
12345678941515641
</textarea>

j. Syntax des Übermittlungs-Tags für Formular-Tags:
<form method="Übermittlungsmethode" action="Wohin übermitteln">

</form>
Wenn die Aktion leer ist, bedeutet dies, dass Sie an die aktuelle Seite weitergeleitet werden.
Methode optionale Attribute: post, get
Der Post ist hochsicher und die übermittelten Informationen werden nicht in der Adressleiste angezeigt.
Get ist weniger sicher. Die übermittelten Informationen werden in der Adressleiste angezeigt. Wenn Sie das Methodenattribut nicht schreiben, ist get die Standardeinstellung.

k. Optionaler Wert des Eingabetags: Formularelement ai

l. Dropdown-Liste auswählen

Verwendung:
<Auswählen>
<option>2016</option>
<option>2015</option>
<option>2014</option>
</Auswählen>

m. <label> Name: <input type = "text"/></label> Zugehöriges Formular

Funktion: Klicken Sie auf das Wort „Name“ und die Maus fokussiert auf das Textfeld hinter dem Namen.

3. Hinweis:
1. Tag-Namen sollten klein geschrieben sein
2. HTML-Tags sollten geschlossen (beendet) sein
3. Tags sollten richtig verschachtelt sein

4. Formulareigenschaften
1. readonly="readonly" schreibgeschützt
2. disabled="disabled" deaktivieren

5. Tabelle
1. Was ist eine Tabelle?
Die einfachste ist die Warteschlange, zwischen den Tabellen können Sie Dinge schreiben

2. Wie wird das Formular verwendet?
Zeichnen Sie zuerst ein großes Kästchen, dann jede Zeile und dann jede Spalte
<Tabelle>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</Tabelle>

3. Daten oder Elemente können in td platziert werden

4. Einige Eigenschaften der Tabelle:
width: Legen Sie die Breite fest
Grenze: die Dicke der Grenze
ausrichten: Ausrichtung, am häufigsten, zentriert, horizontale Ausrichtung
valign: Ausrichtung, die häufigste, zentrierte, obere und untere Ausrichtung
cellspacing="20": der Abstand zwischen den Zellen, der Standardwert ist 0
cellpadding="20": der Abstand zwischen Inhalt und Raster, der Standardwert ist ebenfalls 0
bgcolor: Ändern der Hintergrundfarbe

5. Fusion:
colspan="2": Zellen horizontal zusammenführen
rowspan="2": Zellen vertikal zusammenführen

Die oben aufgeführten grundlegenden HTML-Hinweise (empfohlen) sind der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, dass sie Ihnen als Referenz dienen können. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/w13248223001/archive/2016/07/21/5693437.html