Bevor Sie diesen Kurs erläutern: Schauen wir uns an, was ein Browser ist:
Der sogenannte Browser ist ein Tool, das HTML-Code interpretieren und ausführen kann. Es gibt ein anderes Konzept, das wir herausfinden müssen, Browser! = Dh, dh nur einer der Browser. Zusätzlich zu IE gibt es viele Browser, Sie können es von Google wissen. Wir werden nicht auf Details eingehen.
Lassen Sie uns zunächst verstehen, was HTML ist
Was ist HTMLDer vollständige Name von HTML: Hyper Text Mark-up-Sprache (Hyper Text Mark-up-Sprache). Es ist der Text, der das Erscheinungsbild der Webseite und den Inhalt der Webseite beschreibt. Der Grund, warum HTML verschiedene Effekte zeigen kann, ist die Funktion des Browsers.
Ergänzender Inhalt: Hier erweitern wir einige Inhalte, was der gleiche HTML -Text ist, und der Effekt kann ohne den Browser unterschiedlich sein. Dies liegt daran, dass zuerst mehrere Browser erscheinen und dann entsprechende Standards verfügbar sind. In dieser Situation können wir IETESTER verwenden, um die Kompatibilitätsprobleme desselben HTML -Codes auf verschiedenen Browsern zu testen.
2. Statische Seiten und dynamische Seiten
Eine andere Sache, die wir wissen müssen, ist der Unterschied zwischen statischen Seiten und dynamischen Seiten.
Zunächst werden die Seiten einer Website in statische Seiten und dynamische Seiten unterteilt.
Statische Seite: Alle statischen Seiten mit Suffixe HTML oder HTML sind statische Seiten, und auf dem Server befindet sich eine feste HTML -Seite.
Dynamische Seite: Es gibt keine Seite auf dem Server, die Benutzer durchsuchen müssen, aber der Server kann die vom Kunden erforderlichen HTML -Seiten dynamisch generieren und dann dem Kunden anzeigen.
Um den Unterschied zwischen den beiden in einem Satz zusammenzufassen: Dynamische Seiten führen serverseitige Code aus, statische Seiten führen keinen serverseitigen Code aus (Sie können zuerst darüber erfahren, dass es in Ordnung ist, schließlich statische Seiten sind der Schwerpunkt unserer heutigen Diskussion)
3. Wie schreibe ich eine HTML -Seite?
Es gibt viele Tools zum Schreiben von HTML. Ich glaube, jeder kennt Notepad und Sie können HTML -Seiten mit Notepad schreiben. Natürlich können Sie auch mit erweiterten Notizbeln wie EditPlus/Ultraedit schreiben oder Tools wie Dreamweaver verwenden.
Die folgende Abbildung ist die Grundstruktur einer HTML -Webseite
Aus dem obigen Bild können wir sehen, dass alle Inhalte innerhalb des <html> </html> -Tags liegen. <Head> </head> gibt Kopfinformationen an, und die Beschreibung der Seite wird auf der Seite nicht angezeigt. Der Titel der Seite ist in <title> </title> festgelegt, und <titels> kann nur in <kopf> platziert werden; <body> </body> ist der Hauptteil der Seite, und der Text in diesem Tag wird auf der Webseite angezeigt. Natürlich sollten alle Seiten zumindest diese Teile enthalten.
Tipp: Wenn das End -Tag des Titel -Tags nicht geschlossen ist, wird die gesamte Seite nicht angezeigt.
4. Ähnlichkeiten und Unterschiede zwischen HTML und XML
Ähnlichkeiten: Sie sind alle Markup -Sprachen, können über DOM zugegriffen werden und können durch CSS geändert werden
Unterschiede:
XML ist strenger als die HTML -Syntax: Wenn es ein Start -Tag gibt, müssen Sie über einen End -Tag, einen konsistenten Fall, doppelte Zitate von Attributen usw. haben. XML konzentriert sich auf den Datenspeicher, während sich HTML auf die Datenanzeige konzentriert.5.xhtml und dhtml
XHTML: Extensible Markup -Sprache ist eine HTML, die eher mit der XML -Syntaxspezifikation übereinstimmt. Die Entstehung von XHTML ist hauptsächlich zum Übergang zu XML. XHTML erfordert: Alle Kleinbuchstaben, Tag -Paarung und Attribute in doppelten Zitaten.
DHTML: Die Abkürzung dynamischer HTML ist dynamisches HTML. Kombination von HTML, Stylesheets und JavaScript
Ergänzung: Webstandards sind kein Standard, sondern eine Sammlung von Standards.
Die Webseite besteht aus drei Teilen: Struktur, Leistung und Verhalten
Struktur: Text, Bilder und andere entsprechende Sprachen: xml, xhtml
Ausdruck: Auch als Stile wie Textgröße und Farbe bekannt usw. Diese werden auch durch Stile erreicht. CSS
Verhalten: Der dynamische Effekt des Kunden wird im Allgemeinen über JavaScript abgeschlossen. DOM, ECMascript
Kommen wir als nächstes zum Thema: Lernen Sie allgemein verwendete Tags für HTML.
6.html Tag
01, H -Tag (Titel), HTML definiert sechs H -Tags von <h1> </h1> bis <H6> </h6>, die Schriftarten unterschiedlicher Größen darstellen. H1 ist das größte und H6 ist der kleinste.
02, <br/> Geben Sie einfach ein, es ist das Tag, das sich selbst schließt
03, <p> ist Segmentierung. <p> Es werden relativ große leere Räume vor und nach vorhanden sein, aber es wird nein geben.
04, <Center> Mitte </center> Mitte> Mitte. (Nicht empfohlen)
05, <b> a </b> fett, empfohlen. <i> b </i> kursiv. <u> c </u> unterstrichen. <em> Kaiser, kursiv </em>
06, <font> </font> font -Tag, <font color = "rot" size = "7" face = "lishu"> rot </font>
07, <hr> Häufige Eigenschaften horizontaler Linien: Farbgröße (Dicke) Breite (Länge) Align = links/Mitte/rechts (Standardeinstellung wird im Spiel angezeigt)
7.html Sonderzeichen
& quot;
& & amp;
<& lt;
> & gt;
Space & nbsp;
© & Copy;
® & reg;
² & Sup2;
¥ & yen;
³ & Sup3;
8. Bildformaterweiterung
9. Bild -Tag: <img Alt = "Einschalten des Textes Wenn er nicht angezeigt werden kann">
ALT: Der Eingabeaufforderungstext, wenn das Bild nicht angezeigt werden kann.
10. Hyperlink:
HREF verweist auf die Zielseite, um angeschlossen zu werden, das Ziel, das auf das Zielfenster zeigt, ist der Wert und der Wert wird genommen
_blank: öffnet sich im neuen Fenster
_self: Öffnen Sie in Ihrem eigenen Fenster
_PARENT: Im übergeordneten Fenster öffnen
_top: bedeutet, sich im oberen Fenster zu öffnen
Rahmenname: Öffnet im angegebenen Rahmen. (lernen)
Anker Link: 01 Setzen Sie die Ankerposition
<a name = showbigimg> <img src = image/02.jpg> </a>
02. den Anker rufen
<a href =#showbigimg> Siehe schöne Frauen </a>
11. Liste in HTML:
Unterteilt in ungeordnete Listen, geordnete Listen und definierte Listen
Schauen wir uns die Diagrammeffektdiagramme verschiedener Listen an
Nicht ordnungsgemäße Liste:
<ul>
<li> </li>
<li> </li>
</ul>
Bestellte Liste
<ol>
<li> </li>
<li> </li>
</ol>
Definitionsliste:
<dl>
<dt> China </dt>
<DD> Shanghai </dd>
<DD> Guangzhou </dd>
<DD> Peking </dd>
</dl>
Der Wert des Typs kann: 1 , a, a, i, i, disk, Kreis, Quadrat.
12. Tabelle: Zeigt regelmäßige Daten an, die manchmal für das Layout verwendet werden.
Wie aus der obigen Abbildung ersichtlich ist, besteht eine Tabelle aus Zeilen und Säulen, Zeilen werden durch TR und Spalten durch TD dargestellt. Sie können auch Rowspan (Merge -Zeilen), colspan (und parallel) verwenden, um Zellen zu verschmelzen.
Übung 1: Verwenden Sie den HTML -Code, um die Tabelle auszugeben
Übung 2: Überqueren von Zeilen und Kreuzspalten von Tabellen
13. Form
Aktion standardmäßig auf dieser Seite Daten auf dieser Seite senden
Wenn Sie Daten an den Server senden möchten, müssen Sie Formularelemente wie <Peds>, <textarea>, <Select> usw. in das Formular einfügen. Der Wert der Eingabeart lautet wie folgt:
Das geprüfte Attribut wird für Optionsfelder und Kontrollkästchen vorbereitet.
Optionsschaltflächen werden für eine Reihe von gegenseitig ausschließlichen Werten verwendet. Das Effektdiagramm lautet wie folgt
Das Kontrollkästchen -Effektdiagramm lautet wie folgt
Es gibt drei Haupttypen von Schaltflächen: Schaltfläche Senden, Schaltfläche Reset und normale Taste
Dropdown-Listenfeld
Grammatik:
14. Multi-Line-Textfeld:
<textarea> text </textarea>, cols = "50", rows = "15" Attribute repräsentieren die Anzahl der Zeilen und Spalten.
Gemeinsame Formelemente verwenden:
Dies ist das Ende unserer heutigen Diskussion über HTML.