Heim >Web-Frontend >HTML-Tutorial >HTML/CSS von Grund auf – HTML-Grundlagen (1)
HTML/CSS von Grund auf – HTML-Grundlagen (1)
- 高洛峰Original
- 2016-10-09 15:29:011027Durchsuche
1. Webstandards
1.1 Struktur
(1)xhtml (Extensible Hypertext Markup Language) Extensible Hypertext Markup Language
(2)W3C (Welt Wide Web Consortium) World Wide Web Consortium
a. Entwickelte Struktur (xhtml, xml), Leistung (css) und Standards.
1.2 Leistung
(1) CSS (Cascading Style Sheets) Cascading Style Sheets
1.3 Verhalten
(1) ECMA (Europan Computer Manufactures Association) European Computer Market Association
a. Entwickeltes Verhaltens-DOM (Document Object Model)-Textobjektmodell
2. HTML-Grundstruktur
<!doctype html>
<html>
<head>
<meta charest="utf-8"> <!--编码格式-->
<title></title>
</head>
<body>
<h1></h1> <!--标题-->
.
.
.
<h6></h6>
<p></p> <!--段落-->
</body>
</html>3. Grundlegende Syntax
3.1 Allgemeine Tags7d825ef30a31e82cff207f22a538f0a6< ;/mark> lautet wie folgt:
8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0 a4b561c25d9afb9ac8dc4d70affff419d1c6776b927dc33c5d9114750b586338 ;
Wie folgt:
fa8fd94cc4b4d9671e4ee513ae2a31d1 --Horizontale Linie-->
Leerzeichen
4. Gemeinsame Tags (Tags)
4.1 Liste
b, ungeordnete Liste
c, benutzerdefinierte Liste<ol> ordered <li></li> <li></li> <li></li> </ol>Hinweis: dd can wiederholt werden, aber nur ein dt ist erlaubt;
Ordered Die Parameter in der Liste sind style="A", start="3", //Die erste Sequenz beginnt bei C.
<ul> unordered <li></li> <li></li> <li></li> </ul>4.2 Bild-Tag
891a9157ea7f095c455d1f7ef2724386
4.3 Ultra Link
8b0ed374c197301a1848353a1e02f2b25db79b134e9f6b82c0b36e0489ee08ed
Der Pfad ist unterteilt in: absoluter Pfad (https//www.baidu. com), relativer Pfad wie (images/inder.html).
Ziel-Standardattributwert ist _self; _blank ist das Öffnen eines neuen Fensters
4.4 Block-Tags
Anweisungen: a. Automatischer Zeilenumbruch zwischen Blöcken
b. Wenn der p-Block die Breite und Höhe begrenzt und der Inhalt auf Chinesisch ist, wird er automatisch umgebrochen, wenn er auf Englisch ist .
Hinweis: a. Es gibt keinen Zeilenumbruch zwischen den Spannblöcken und die Breite und Höhe können nicht begrenzt werden und sich mit der Länge des Textes ändern.
4.5 Tabellen-Tag
1. Syntax:
2662a7fc5896596d2b6e0c372fad48ec
2. Beschreibung; Nachdem bei Verwendung des Attributs die Breite und Höhe der Tabelle angegeben wurden cellpadding, falls angegeben. Wenn die Breite die eingestellte Breite und Höhe überschreitet, wird die Tabelle gestreckt.
a34de1251f0d9fe1e645927f19a896e8
b4d429308760b6c2d20d6300079ed38eb4d429308760b6c2d20d6300079ed38e
b4d429308760b6c2d20d6300079ed38eb4d429308760b6c2d20d6300079ed38e b4d429308760b6c2d20d6300079ed38e
tr row --> Zeilen zusammenführen
Syntax: rowspan= "3" //Drei Zeilen zusammenführen
4, form
a, form box
Syntax: 24006dc1602fe6d162823769fdbce91e
Anweisungen:
b Textfeld
e77a15e702fd15d2fe76a23ee9334e50 boxa5666a5c742b636b37e5c1aee6d95775
d Radio button
wie folgt:
2c8e3ae439eb868f16f3ae864e105088Male
022481b2008b601aa060ef48b239b54eWeiblich
e, Mehrfachauswahlfeld
e388a4556c0f65e1904146cc1a846beePartnerauswahlkriterien94b3e26ee717c64999d7867364b1b4a3
36ac5beac14c20d8782a852455b13ad0185
b89e267397efd7699ff8f40405af79df黑
15a711b0f4ffb769f1ad549ea3e3360aMale
1fcacdb71ec693d0820a53a140690e33Northeast
disabled="disabled"(disabled , deaktiviert)
checked="checked"(standardmäßig ausgewählt)
f. Zurücksetzen
(1)b3f26da773c9a2ff6541a60dcd69d745 (Zurücksetzen, Daten löschen oben ausgefüllt)
g, button
(1)c444bfcb08aff224dc0c14016bd35301
(2)0411fc2de5997c74c37afe9b3b17db0a
Hinweis: Wenn die Schaltfläche als Beschriftung verwendet wirdbb9345e55eb71822850ff156dfde57c8Button06ed9b2c8c622a5676c89506c617399f
5a07473c87748fb1bf73f23d45547ab84afa15d3069109ac30911f04c56f3338
5a07473c87748fb1bf73f23d45547ab84afa15d3069109ac30911f04c56f3338
< ;/select>
i, Textbereich
9ee97f5f976d77e0cd4e16225b648dec
40587128eee8df8f03d0b607fe983014
Hinweis:
(1) Das obige Textfeld wird im Formular platziert
(2) Was ist der Unterschied zwischen post/get im Attributwert der Attributmethode im Formular? ?
a. Get dient zum Abrufen von Daten vom Server und „post“ dient zum Übertragen von Daten an den Server. und der Wert ist derselbe wie jeder Wert im Formular. Die Felder entsprechen eins zu eins und sind in der URL zu sehen. Der Post-Mechanismus platziert jedes Feld im Formular und seinen Inhalt im HTML HEADER und übermittelt es an die URL-Adresse des ACTION-Attributs. Der Benutzer kann diesen Vorgang nicht sehen.
c. Für die get-Methode ruft der serverseitige ReqestQueryString den Wert der Variablen ab. Für die post-Methode verwendet der Server Request.Form, um die übermittelten Daten abzurufen.
d. Das Datenübertragungsvolumen von get ist gering und beträgt nicht mehr als 2 KB. Das Übertragungsvolumen von post ist groß und im Allgemeinen unbegrenzt. f Die Übertragungseffizienz ist hoch
(3) Verwendung von Werten in der Eingabe
a. stellt den Text auf der Schaltfläche dar
="text"/"password"; stellt den Anfangswert dar
c. type="check"/"radio" Definition und eingabebezogene Werte
(4) Formularverschachtelung
ca5d30953e2ce80877f66dbd3899a325
ff9c23ada1bcecdd1a0fb5d5a0f18437
e1ff91432fe7bf32f7e938fde7ee64afb90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a34de1251f0d9fe1e645927f19a896e8
b6c5a531a458a2e790c1fd6421739d1cbf2f3533b034828404ab07affbb3392c< ;/td>
b6c5a531a458a2e790c1fd6421739d1cbb9345e55eb71822850ff156dfde57c8Anmelden65281c5ac262bf6d81768915a4a77ac0b90dd5946f0946207856a8a37f441edf
71744da036814e806440d361d8235959
f16b1740fad44fb09bfe928bcc527e08