JavaWebs ausführliche Einführung in das grundlegende Erlernen von HTML-HTML-Tutorial-php.cn

JavaWebs ausführliche Einführung in das grundlegende Erlernen von HTML

黄舟

Freigeben： 2017-07-24 13:49:06

Original

1124 Leute haben es durchsucht

JavaWeb01_html Basic

HTML-Operationsideen

Verwenden Sie Tags, um die zu bedienenden Daten zu packen, und ändern Sie die Attributwerte der zu realisierenden Tags den Datenstil in den Tags ändern

Font-Tag

Attribut: Größenwertbereich 1-7 Farbe: Englisches Wort, Hexadezimalzahl #ffffff

Titel-Tag`<h1> </h1> ... <h6> </h6>`

Immer kleiner werden von h1 bis h6, automatischer Zeilenumbruch

Notizen

Tags auflisten

<dl> <dt></dt> <dd></dd> </dl>
Bestellt
Ungeordnet

Bild-Tags

<img src="图片的路径" width="" height="" alt="" />
alt: Browserkompatibilität ist schlecht

Pfad (relativer Pfad)

Im Verzeichnis der gleichen Ebene: Schreiben Sie
direkt in das Verzeichnis der nächsten Ebene: images/1.jpg
in der oberen Ebene Verzeichnis: ../

Hyperlink-Tag

<a href="路径">显示在页面上的内容</a>

Öffnen mit target=“_self _blank“
Standardmäßig wird auf der aktuellen Seite geöffnet

Tabellen-Tag

<table>
    <tr>
        <td></td>
        <th></th>   <!--加粗和居中-->
    </tr>
</table>

Nach dem Login kopieren

Fünf HTML-Spezifikationen

Eine HTML-Datei beginnt mit Tags und endet mit <html> und </html>
HTML enthält zwei Teile des Inhalts

<head>Zugehörige Informationen festlegen</head>
<body>Der auf der Seite angezeigte Inhalt wird in den Hauptteil geschrieben </body>

HTML-Tags sind paarweise
HTML-Code unterscheidet nicht zwischen Groß- und Kleinschreibung
Einige Tags enden innerhalb von Etikett. Beispiel: Zeilenumbruch: <br /> Trennlinie: <hr />

Formular-Tag

Dieser Vorgang kann Daten an den Server senden kann Formular-Tags verwenden. Die Implementierung von
<form> und </form>

Get Request Address Bar trägt die übermittelten Daten und Post wird nicht übertragen
Die Sicherheitsstufe der Get-Anfrage ist niedriger und die Sicherheitsstufe der Post ist höher
Es gibt eine Begrenzung die Datengröße der Get-Anfrage, und es gibt keine Begrenzung für Post
Es gibt zwei häufig verwendete Get- und Post-Anfragen. Die Standard-Get-Anfrage ist Get-Anfrage
Aktion: An die Adresse senden und standardmäßig an die aktuelle Seite senden
Methode: Formularübermittlungsmethode
enctype: Dieses Attribut ist für allgemeine Anfragen nicht erforderlich. Sie müssen dieses Attribut beim Hochladen von Dateien festlegen
Interviewfrage: Der Unterschied zwischen Get und Post

Eingabeelemente: Sie können Inhalte eingeben und den Inhaltsteil auswählen

Normale Eingabeelemente: <input type="text"/>
Passwort-Eingabeelemente: <input type="password"/>
Radio-Eingabeelemente: <input type="radio"/>
-> ; Der Attributname ist innerhalb von
-> erforderlich Der Name muss derselbe sein
-> Es muss ein Wert vorhanden sein
Eingabeelement prüfen: <input type="checkbox"/>
-> Der Attributname ist in
erforderlich -> Die Attributwerte von name müssen gleich sein
-> Es muss ein Wert
Dateieingabeelement vorhanden sein (wird später beim Hochladen verwendet)
-> <input type="file"/>

Dropdown-Eingabeelement (nicht im Eingabe-Tag)

<select name="birth">
    <option value="0">请选择</option>
    <option value="1991">1991</option>
    <option value="1991">1992</option>
    <option value="1991">1993</option>
    <option value="1991">1994</option>
</select>

Nach dem Login kopieren

Textfeld
```
<textarea cols="10" rows=""></textarea>
```
Nach dem Login kopieren
Versteckte Elemente (werden nicht auf der Seite angezeigt, sind aber im HTML-Code im Inneren vorhanden)
```
<input type="hidden"/>
```
Nach dem Login kopieren
Senden-Schaltfläche

<input type="submit"/>
<input type="submit" value="注册"/>

Nach dem Login kopieren

Bildübermittlung verwenden
```
<input type="image" src="a.jpg"/>
```
Nach dem Login kopieren
Die meisten Eingabeelemente verwenden <input type="输入项的类型"/>

HTML-Header-Tag in einem anzeigen Zeile Verwenden Sie

html, um Kopf und Körper zu bilden

Sie können das Link-Tag verwenden, um CSS-Dateien einzuführen
Sie können die Öffnungsmethode von Hyperlinks einheitlich festlegen<base target="_blank" /> – Stellen Sie den Volltext-Hyperlink so ein, dass er in einem neuen Fenster geöffnet wird
<meta name="keywords" content="学习,熊出没"> – Vorherige Suchmaschine-Abrufmethode
<meta http-equiv="refresh" content="3; url="/> – Drei-Sekunden-Sprung
Das Tag im Kopf ist das Header-Tag
Titel-Tag: Zeigt den auf dem Etikett angezeigten Inhalt an
Legt einige verwandte Inhalte der Seite fest
Basis-Tag: Legt die Super-Grundeinstellungen von Links fest
Link-Tag: Einführung externer Dateien

Verwenden von Frame-Tags

Verwenden von Frame-Tags Wenn es nicht in den Textkörper geschrieben werden kann, muss der Textkörper

<frameset>Tags

Zeilen:durch Zeilen teilen
<frameset rows="80, *">
Spalten:durch Spalten teilen
<frameset cols="80, *">

Label<frame>

<frame name="lower_left" src="b.html">
Spezifische angezeigte Seite

Das obige ist der detaillierte Inhalt vonJavaWebs ausführliche Einführung in das grundlegende Erlernen von HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!