HTML am ersten Tag des Erlernens von PHP

2.B/S-Netzwerkmodus (Struktur)

B/S, Browser/Server-Browser/Server-Struktur. In diesem Modus muss der Client keine Software installieren (außer Browsersoftware) und alle anderen Funktionen sind auf dem Server konzentriert. Auf der Client-Seite gibt es im Wesentlichen keinen Wartungsaufwand.

3. Einführung in HTML

HTML, HyperText Markup Language, ist eine Anwendung von SGML. Es ist ein Standard, eine Norm und ein Zeichen (Zeichen ).

Zum Beispiel: Beijing Chuanzhi

Die Funktion verschiedener Tags besteht darin, dem Browser mitzuteilen, wie dieser Inhalt angezeigt werden soll.

Erweiterung der statischen Webseite: .html .htm

Erweiterungen dynamischer Webseiten (einschließlich serverseitiger Programme): .php, .jsp, .aspx usw.

Hypertext: bezieht sich auf Text mit hinzugefügten Hyperlinks.

4.HTML-Tag-Format

Bilaterales Tag: Beispiel:Guangzhou Chuanzhi

Einseitiges Tag:

Welche Eigenschaften hat eine Person: Name, Alter, Bildung, Graduiertenschule, Größe, Gewicht usw.

Ebenso: Menschen sind eine Kategorie und Zhang San ist ein spezifisches Objekt in der Kategorie.

5. Spezifikationen zum Schreiben von HTML-Tags

1) Bei HTML-Tags wird die Groß-/Kleinschreibung nicht beachtet. Aus Gründen der Abwärtskompatibilität wird die Verwendung von Kleinbuchstaben empfohlen. Zum Beispiel:

2) Ein Tag kann Attribute haben oder nicht. Wenn Attribute vorhanden sind, verwenden Sie Leerzeichen, um Attribute und Tags (mindestens eines) zu trennen, und trennen Sie Attribute von Attributen durch Leerzeichen. Attribute müssen im öffnenden Tag platziert werden und können nicht im schließenden Tag platziert werden.

Zum Beispiel:

Kein Attribut:

3) Unter normalen Umständen müssen Attributwerte in Anführungszeichen gesetzt werden (es ist kein Fehler, sie nicht hinzuzufügen).

4) Der numerische Attributwert von HTML muss nicht in Einheiten (px) hinzugefügt werden, aber der numerische Attributwert in CSS muss in Einheiten hinzugefügt werden.

Schreiben in HTML:

Schreiben in CSS:

5) Tags können verschachtelt werden, aber sie können nur in

Reihenfolge verschachtelt werden, d. h. eine Ebene in einer anderen und keine Kreuzverschachtelung.

6. HTML-Struktur einer Webseite

Der Hauptinhalt der Webseite

Strukturbeschreibung:

Wenn der Browser auf dieses Tag stößt, übersetzt er den Inhalt entsprechend dem Webseitenformat. Enthält zwei Untertags: und

definiert die Header-Informationen der Webseitendatei. Der Inhalt dieses Tags ist im Browser unsichtbar und spielt im Allgemeinen eine besondere Rolle.

definiert den Titel der Webseite und ist der Unter-Tag von .

ist der Hauptinhalt der Webseite. 99 % des Inhalts oder der Tags auf der Webseite werden in platziert. Der Inhalt von ist sichtbar.

7. Häufig verwendete Attribute von

bgColor: Legen Sie die Hintergrundfarbe der Webseite fest, zum Beispiel:

Hintergrund: Legen Sie die Hintergrundbild-URL der Webseite fest, zum Beispiel:

8.HTML-Schriftartänderungs-Tag

fett fett

kursiv kursiv

unterstreichen unterstreichen

Streik Streik

hochgestellt

tiefgestellt

Font-Tag

Häufig verwendete Attribute

Größe: Schriftgröße, Wert: 1-7, 1 klein und 7 groß.

Farbe: Schriftfarbe, zum Beispiel: Rot oder RGB(255,0,0) oder #FF0000

Gesicht: Schriftart, zum Beispiel: face="Hellbody"

Beispiel:Content

---

Horizontale Linie ist eine einseitige Markierung

Häufig verwendete Attribute:

Größe: Die Dicke der horizontalen Linie

Breite: Breite der horizontalen Linie

Farbe: Die Farbe der horizontalen Linie

noshade: einfarbige Anzeige ohne Schatteneffekt

9. Code-Editor

1) Erweiterter Texteditor: Editplus Notepad

Eigenschaften: Kleine Software, weniger Systemressourcenverbrauch, Syntaxfarbe

Nachteile: Keine Code-Eingabeaufforderungsfunktion

2) IDE integrierte Entwicklungsumgebung: Zend Studio

Funktionen: Große Software, die viele Systemressourcen beansprucht, Syntaxfarbe, Code-Eingabeaufforderungsfunktion, PHP-Programm-Debugging-Funktion, Datenbankkonfiguration usw.

Nachteile: Gebühr

3) Visuelles Bearbeitungstool für Webseitencode: Dreamweaver

Schritt eins: Erstellen Sie eine Website, verwalten Sie die Website

Eine Site ist eine Website, und eine Website besteht aus mehreren Verzeichnissen oder Dateien.

Schritt 2: Legen Sie die Code-Schriftgröße fest. STRG U Bearbeiten – Einstellungen – Schriftart

Schritt 3: Legen Sie die Standardkodierung beim Erstellen einer neuen Webseite fest: STRG U Bearbeiten – Bevorzugte Parameter – Neues Dokument

UTF-8 ist eine mehrsprachige Kodierung. Sofern Sie über die entsprechende Eingabemethode verfügen, können Sie Sprachen in verschiedenen Ländern anzeigen.

Wie kann sichergestellt werden, dass die Webseite keine verstümmelten Zeichen enthält?

1) Die Standardkodierung Ihres Editors sollte auf UTF-8 eingestellt sein

2) In Ihrem HTML-Code muss das -Tag auch die entsprechende UTF-8-Kodierung festlegen

3) Die Kodierung Ihrer PHP-Webseite muss ebenfalls auf UTF-8 eingestellt sein

4) Die von Ihrem MySQL gelesene Datenkodierung muss ebenfalls auf UTF-8 eingestellt sein

Schritt 4: Standardbrowser für DW festlegen: STRG U Bearbeiten – Einstellungen – Vorschau im Browser

DOM-Browser, Standardbrowser, Firefox-Browser

10. Farbdarstellung der Webseite

Verwenden Sie englische Wörter, um Folgendes auszudrücken: rot, grün, blau

Dargestellt in Dezimalzahl: RGB(255,0,0) RGB(0,255,0) RGB(0,0,255)

Hexadezimal dargestellt: #FF0000 #00FF00 #0000FF

RGBFarbmodus

Alle Farben in der Natur können durch Mischen von drei Primärfarben erzeugt werden: Rot (R), Grün (G) und Blau (B). RGB wird auch als die drei Primärfarben bezeichnet.

RGB-Farbmodus, auch additiver Farbmodus genannt. Durch die Addition zweier beliebiger Farben können weitere Farben entstehen.

In Computern wird jede Primärfarbe durch 1 Byte (8-Bit-Binärzahl, zum Beispiel 11011011) dargestellt, was insgesamt 256 (0-255 Helligkeitsstufen) Farben darstellen kann

RGB共可以混合出多少种颜色？ 256 * 256 *256=1677万种色

在网页中的写法：

红色：RGB(255,0,0)

绿色：RGB(0,255,0)

蓝色：RGB(0,0,255)

黄色：RGB(255,255,0)

 

 

二进制：0、1                                                   运算规则：逢二进一

十进制：0、1、2、3、4、5、6、7、8、9                           运算规则：逢十进一

十六进制：0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F     运算规则：逢十六进一

网页颜色用十六进制表示：

红色：#FF0000       用两位16进制来表示1位10进制

绿色：#00FF00

蓝色：#0000FF

黄色：#FFFF00

 

 

在不同的浏览器下，10进制显示存在不兼容性，最好的是16进制表示方法。

在HTML中10进制表示颜色，没有效果；但在CSS中可以使用10进制表示。

11. 

12.HTML排版标记

代表一个段落

换行

---

水平线，noshade属性没有属性值

：一级标题最大

…………

六级标题最小

常用的属性：

align：水平对齐，取值： left、center、right

 

预排版标记，将保留代码所有的空白(连续的空格或换行)，换句话说：该标记中的内容会原封不动的输出。

在PHP中输出数组时，用

保留空白输出。

13.

和

这两个标记，如果单独使用，没有任何效果，一般要结合CSS来使用。

这两个标记，虽然没有任何意义，但在DIV+CSS中又是用的最多的。

相当于两个小的容器，里面用来存放其它内容，方便排版布局。

块元素和行内元素

块元素：单独占取通栏的宽度，前后的元素必须另起一行排版。比如：

、

行内元素：多个行内元素排在同一行，行内元素没有宽度，宽度是由内容来决定。比如：

 

14.HTML字符实体

      代表一个半角空格

>       大于号

<        小于号

&      &

¥       人民币

©      版权

×      乘号

÷       除号

 

 

15.项目符号标记(无序列表)：块元素

• 内容1
• 内容2

常用的属性：

Typ: Art des Geschosses, Werte: Scheibe (voller Punkt), Kreis (kleiner Kreis), Quadrat (kleines Quadrat)

16. Nummerierte Liste (geordnete Liste)

“a“ start=“3“>

 

 

 ……

Häufig verwendete Attribute:

Typ: Zahlentyp, Werte: 1 (Zahl), a, A, i (kleines Rom), I (großes Rom)

Start: Die Startnummer der Zahl, dieser Wert ist eine Zahl. Beispiel: start=3

Nachdruck aus – Chongwei Private Reservation