HTML元素和基本結(jié)構(gòu)
HTML 文檔是由 HTML 元素構(gòu)成的文本文件，HTML 元素是通過使用 HTML 標(biāo)簽進(jìn)行定義的。
一、HTML 的基本結(jié)構(gòu)
1.
2.
3.
4.
5.
6. 網(wǎng)頁內(nèi)容顯示區(qū)域
7.
8.
以上就是一個最基本的網(wǎng)頁，把后面的注釋去掉，復(fù)制到記事本，然后把txt格式修改為htm就是最簡單的一個網(wǎng)頁。
1、
…根控制標(biāo)記開頭和結(jié)尾成對出現(xiàn)，雙標(biāo)簽
2、
…頭控制標(biāo)記
2.1
2.2
控制標(biāo)記的動態(tài)文件轉(zhuǎn)換聲明
2.3
2.4Javascript 和VBScript 程序
2.5stylesheet 可用來設(shè)置排版來的聲明
2.6
可引用外部文件，如CSS 排版樣本
3、
4、
…頁面可見內(nèi)容
二、HTML 控制標(biāo)記的格式
HTML 標(biāo)簽是用來標(biāo)記 HTML 元素的，被 < 和 > 符號包圍，這些包圍的符號叫作尖括號，HTML 標(biāo)簽是成對出現(xiàn)的(也有單標(biāo)簽)，例如 和 ，位于起始標(biāo)簽和終止標(biāo)簽之間的文本是元素的內(nèi)容，HTML 標(biāo)簽對大小寫不敏感， 和 的作用的相同的。
1、<標(biāo)記名稱>單一型，無設(shè)置值的。如：
2、<標(biāo)記名稱屬性=”屬性值”>單一型，有設(shè)置值的。如：
1.
3、<標(biāo)記名稱>…標(biāo)記名稱> 對稱型，無設(shè)置值。如：
1.
4、<標(biāo)記名稱屬性=”屬性值”>…標(biāo)記名稱> 對稱型，有設(shè)置值。如：
1.
……
三、 最常用的控制標(biāo)記
1、換行、跳行
格式：
無屬性設(shè)置
2、段落
格式：
排列方式”>…
屬性名稱 屬性值 說明
alignleft 往左靠（默認(rèn)）
center 往中靠
right 往右靠
3、水平直線
格式：
屬性名稱 屬性值 說明
size 像素絕對設(shè)置，以數(shù)字表示，屬性值越大，線越粗
百分比相對設(shè)置，以%表示，屬性值越大，線越粗
width 像素絕對設(shè)置，長度不會應(yīng)視窗的改變而改變
百分比相對設(shè)置，長度會隨著視窗寬度而改變
noshade 實(shí)體線
4、向中對齊
格式：
5、背景色與文字設(shè)置
格式：
背景色” text=”文字顏色”>
整體頁面的邊距，行距
1.
像素” topmargin=”像素”>
6、標(biāo)題文字設(shè)置
格式：
1.
2.
3.
4.
5.
6.
屬性名稱 屬性值 說明
alignleft 靠左
center 靠中
right 靠右
7、特殊字符設(shè)置
格式：
1. <lt;
2. >gt;
3. &
4. “quot;
8、在HTML 備注
格式：
1.
9、實(shí)體字符控制標(biāo)記
1. … 粗
2. … 斜
3. … 刪
4. … 下劃
5. … 電報(bào)
6. … 下標(biāo)
7. … 上標(biāo)
10、語意字符控制
1.
… 地址
2. … 大字
3. … 刪除
4. ... 修改
5.
6. … 加強(qiáng)語氣(加粗)
7. ... 加強(qiáng)語氣(傾斜)
11、字體控制(被廢棄的標(biāo)簽)
格式：…
屬性名稱 屬性值 說明
size 0-7 字體大小
color 英文或十六顏色
face 字體 字體
12、格式化
格式：
…
讓書寫的文字格式化！
13、引用文本
格式：
...
屬性名稱 屬性值 說明
citeurl 被引用的地址
我們剛才講到：HTML 標(biāo)簽對大小寫是不敏感的： 和 的作用的相同的。但在書寫代碼的時候盡量使用小寫html標(biāo)簽。萬維網(wǎng)協(xié)會 (W3C) 的標(biāo)準(zhǔn)是：建議在 HTML 4 中使用小寫標(biāo)簽，而在 XHTML（下一代 HTML）中，必須使用小寫標(biāo)簽。
穩(wěn)定
產(chǎn)品高可用性高并發(fā)貼心
項(xiàng)目群及時溝通專業(yè)
產(chǎn)品經(jīng)理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽(yù)堅(jiān)持
10年專注高端品質(zhì)開發(fā)
