Web-Frontend
HTML-Tutorial
JavaWebs ausführliche Einführung in das grundlegende Erlernen von HTML
JavaWebs ausführliche Einführung in das grundlegende Erlernen von HTML
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
<!-- html的注释 -->
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>
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 seinEingabeelement prüfen:
<input type="checkbox"/>
-> Der Attributname ist in
erforderlich -> Die Attributwerte von name müssen gleich sein
-> Es muss ein WertDateieingabeelement 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 kopierenVersteckte Elemente (werden nicht auf der Seite angezeigt, sind aber im HTML-Code im Inneren vorhanden)
<input type="hidden"/>
Nach dem Login kopierenSenden-Schaltfläche
<input type="submit"/> <input type="submit" value="注册"/>
Nach dem Login kopierenBildübermittlung verwenden
<input type="image" src="a.jpg"/>
Nach dem Login kopierenDie meisten Eingabeelemente verwenden
<input type="输入项的类型"/>
Verwendung anderer gängiger Tags in html
b– Fett-
s– Durchgestrichen u– unterstricheni– kursivpre– unverändert ausgebensubundsup– tiefgestellt und hochgestelltdiv–spanautomatisch umbrechen – das
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-SprungDas 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!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1377
52
Tabellenrahmen in HTML
Sep 04, 2024 pm 04:49 PM
Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.
HTML-Rand links
Sep 04, 2024 pm 04:48 PM
Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.
Verschachtelte Tabelle in HTML
Sep 04, 2024 pm 04:49 PM
Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.
HTML-Tabellenlayout
Sep 04, 2024 pm 04:54 PM
Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.
HTML-Eingabeplatzhalter
Sep 04, 2024 pm 04:54 PM
Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.
HTML-geordnete Liste
Sep 04, 2024 pm 04:43 PM
Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele
Text in HTML verschieben
Sep 04, 2024 pm 04:45 PM
Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.
HTML-Onclick-Button
Sep 04, 2024 pm 04:49 PM
Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.
