php學習第一天之HTML篇

2.B/S網路模式（結構）

B/S，browser/Server瀏覽器/伺服器結構。在這種模式下，客戶端不需要安裝任何的軟體（除了瀏覽器軟體），所有的其它的功能都集中到了伺服器上。客戶端基本上是零維護。

3.HTML簡介

HTML，HyperText Markup Language超文本標註語言，是SGML的一個應用。是一種標準，一種規範，一種標誌(標記)。

例如：北京傳智

各種標記的作用：就是告訴瀏覽器這個內容該如何顯示。

靜態網頁的副檔名：.html   .htm

動態網頁(包含伺服器端程式)的副檔名：.php  .jsp  .aspx等

 

超文本：是指加了超連結的文字。

 

4.HTML標記的格式

雙邊標記：內容標記>

舉例：廣州傳智

單邊標記：

 

 

一個人有哪些特質：姓名、年齡、學歷、畢業院校、身高、體重等

同理：人是一個類別，張三是類別中的一個具體的對象。

 

5.書寫HTML標記的規範

1）HTML標記不區分大小寫，建議大家使用小寫，為了向後相容。如：

2）一個標記可以有屬性，也可以沒有屬性。如果有屬性的話，屬性和標記間用空格隔開(至少一個)，屬性與屬性之間用空格隔開。屬性必須放在開始標記中，不能放在結束標記中。

例如：

沒有屬性：

3）屬性值一般情況下，都需要加引號(不加也不為錯)。

4）HTML的數值屬性值，不需要加單位(px)，但CSS中的數值的屬性值必須加單位。

HTML中的寫法：

CSS中的寫法：

5）標記之間可以嵌套，但只能是順序嵌套，也就是一層套一層，不能交叉嵌套。

6.一個網頁的HTML結構

網頁的主體內容

結構說明：

瀏覽器遇到該標籤時，就把內容按網頁格式來翻譯。包含兩個子標記：

和

定義網頁檔案頭資訊的，該標記中的內容在瀏覽器中是不可見，一般扮演一個特殊的角色。

定義網頁的標題的，是的子標記。

是網頁的主體內容，網頁中99%的內容或標記，都是放在中。 中的內容是可見的。

 

7.的常用屬性

bgColor：設定網頁背景顏色，例如：

background：設定網頁的背景圖片URL，例如：

 

8.HTML字體修飾標記

加粗    bold

斜體     italic

底線   underline

刪除線   strike

上標

  下標

字體標記

常用的屬性

Size：字體大小，取值：1-7，1小7大。

Color：字體顏色，例如：red或RGB(255,0,0)或#FF0000

Face：字體類型，例如：face=「黑體」

舉例：內容物

---

水平線，是單邊標記

常用的屬性：

Size：水平線的粗細

Width：水平線的寬度

Color：水平線的顏色

noshade：純色顯示，不含陰影效果

 

 

9.代碼編輯器

1）增強文字編輯器：Editplus  Notepad

特色：軟體小、佔用系統資源少、文法顏色

缺點：沒有程式碼提示功能

 

 

2）IDE整合開發環境：Zend Studio

特色：軟體較大、佔用系統資源多、語法顏色、程式碼提示功能、PHP程式的偵錯功能、資料庫配置等

缺點：收費

 

3）可視化的網頁程式碼編輯工具：Dreamweaver

第一步：建立站點，站點－管理站點

一個站點，就是一個網站，一個網站由多個目錄或檔案構成。

第二步：設定代碼字號大小  CTRL+U  編輯－首選參數－字體

第三步：設定新網頁時的預設編碼：CTRL+U  編輯－首選參數－新文件

UTF-8是多國語言編碼，只要你有對應的輸入法，就能顯示不同國家的語言。

 

 

 

如何保證網頁不會出現亂碼的問題？

1）  你的編輯器的預設編碼，要設定為UTF-8

2）  你的HTML程式碼中，標記，也要設定對應的UTF－8編碼

3）  你的PHP網頁的編碼也要設定為UTF-8

4）  你的MySQL讀取的資料編碼也要設定為UTF－8

 

第四步：設定DW的預設瀏覽器：CTRL+U  編輯－首選參數－在瀏覽器中預覽

DOM瀏覽器，標準瀏覽器，Firefox瀏覽器

 

10.網頁顏色表示

用英文單字表示：red  green   blue

用10進位表示：RGB(255,0,0)  RGB(0,255,0)  RGB(0,0,255)

用16進位表示：#FF0000      #00FF00       #0000FF

 

RGB色彩模式

自然界中的所有顏色，都可以透過紅(R)、綠(G)、藍(B)三種基色相互混合而成，RGB又叫三原色。

RGB色彩模式，又叫加色模式。任何兩種顏色相加，可以產生其它顏色。

在計算機中，每個基色用1個位元組來表示(8位元二進制，假設如11011011)，共可以表示256(0-255個亮度等級)種顏色

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

常用的属性：

Type：項目符號的類型，取值：disc(實心圓點)、circle(小圓圈)、square(小方塊)

 

 

16.編號列表(有序列表)

「a」 start=「3」>

      

      

       …

常用的屬性：

Type：編號型，取值：1(數字)、a、A、i(小羅馬)、I(大羅馬)

Start：編號的起始數，該值是一個數字。如：start=3

 

轉載自—重蔚自留地