- 相關(guān)推薦
html學(xué)習(xí)總結(jié)
html學(xué)習(xí)總結(jié)HTML：Hypertext Marked Language
即超文本標(biāo)記語(yǔ)言,是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行 HTML 文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作.
創(chuàng)建一個(gè)HTML文檔，需要兩個(gè)工具，一個(gè)是HTML編輯器，一個(gè)WEB瀏覽器。
HTML編輯器是用于生成和保存THML文檔的應(yīng)用程序。
WEB瀏覽器是用來(lái)打開(kāi)WEB網(wǎng)頁(yè)文件，提供給我們查看WEB資源的客戶端程序。
在文檔的最外層，文檔中的所有文本和html 標(biāo)簽都包含在其中，它表示該文檔是以超文本標(biāo)識(shí)語(yǔ)言(HTML)編寫(xiě)的。
是HTML文檔的頭部標(biāo)簽, 在瀏覽器窗口中，頭部信息是不被顯示在正文中的,在此標(biāo)簽中可以插入其它標(biāo)記, 用以說(shuō)明文件的標(biāo)題和整個(gè)文件的一些公共屬性。
是嵌套在頭部標(biāo)簽中的，標(biāo)簽之間的文本是文檔標(biāo)題，它被顯示在瀏覽器窗口的標(biāo)題欄
標(biāo)記一般不省略，標(biāo)簽之間的文本是正文，是在瀏覽器要顯示的頁(yè)面內(nèi)容
HTML的標(biāo)簽分單標(biāo)簽和成對(duì)標(biāo)簽兩種
成對(duì)標(biāo)簽：<標(biāo)簽名>
單獨(dú)標(biāo)簽：<標(biāo)簽名>
<標(biāo)簽名字 屬性1 屬性2 屬性 3 … >內(nèi)容
作為一般的原則，大多數(shù)屬性值不用加雙引號(hào)。但是包括空格、%號(hào)，#號(hào)等特殊字符的屬性值必須加入雙引號(hào)。為了好的習(xí)慣，提倡全部對(duì)屬性值加雙引號(hào)。如：
字體設(shè)置
文字版面的編輯
3-1 換行
單標(biāo)簽
3-2 換段落標(biāo)簽
單獨(dú)、成對(duì)
格式：
其中,ALIGN 是
標(biāo)簽的屬性,屬性有三個(gè)參數(shù) left,center,right.這三個(gè)參數(shù)設(shè)置段落文字的左,中,右位置的對(duì)齊方式.
3-3 原樣顯示文字標(biāo)簽
成對(duì)、
3-4 居中對(duì)齊標(biāo)簽 成對(duì)標(biāo)簽
3-5 引文標(biāo)簽 (縮排標(biāo)簽)
3-6水平分隔線標(biāo)簽 單獨(dú)
3-7署名標(biāo)簽 標(biāo)簽之間的文字顯示效果是斜體字。
3-8特殊字符
注：©是版權(quán)聲明前的圈
3-9注釋標(biāo)簽
3-10 字體屬性
3-10-1標(biāo)題標(biāo)簽的格式：
說(shuō)明：標(biāo)簽是成對(duì)出現(xiàn)的，標(biāo)簽共分為六級(jí)，在...之間的文字就是第一級(jí)是最大最粗的標(biāo)題;...之間的文字是最后一級(jí)，是最小最細(xì)的標(biāo)題文字。align 屬性用于設(shè)置標(biāo)題的對(duì)齊方式，其參數(shù)為 left(左)， enter(中)， right (右)。標(biāo)簽本身具有換行的作用，標(biāo)題總是從新的一行開(kāi)始。
文字格式控制標(biāo)簽
3-10-2 標(biāo)簽用于控制文字的字體，大小和顏色
3-10-3特定文字樣式標(biāo)簽
a 物理類型標(biāo)簽
粗體標(biāo)簽
放在與標(biāo)簽之間的文字將以粗體方式顯示。
斜體標(biāo)簽
放在與標(biāo)簽之間的文字將以斜體方式顯示。
下劃線標(biāo)簽
放在與標(biāo)簽之間的文字將以下劃線方式顯示。
b 常用的邏輯類型標(biāo)簽有八種，放在標(biāo)簽之間的文字受其控制
em標(biāo)簽：用于強(qiáng)調(diào)的文本，一般顯示為斜體字
strong標(biāo)簽：用于特別強(qiáng)調(diào)的文本，顯示為粗體字
cite標(biāo)簽：用于引證和舉例，通常是斜體字
code標(biāo)簽：用來(lái)指出這是一組代碼
small標(biāo)簽：規(guī)定文本以小號(hào)字顯示
big標(biāo)簽：規(guī)定文本以大號(hào)字顯示
samp標(biāo)簽：顯示一段計(jì)算機(jī)常用的字體，即寬度相等的字體
kbd標(biāo)簽：由用戶輸入文本，通常顯示為較粗的寬體字
var標(biāo)簽：用來(lái)表示變量，通常顯示為斜體字
dfn標(biāo)簽：表示一個(gè)定義或說(shuō)明，通常顯示為斜體字
sup標(biāo)簽：122=144
sub標(biāo)簽：硫酸亞鐵的分子式是Fe2SO4
建立列表
4-1 無(wú)序列表
格式 1:
第一項(xiàng)
第二項(xiàng)
第三項(xiàng)
格式 2
第一項(xiàng)
第二項(xiàng)
第三項(xiàng)
的屬性 type
disc 實(shí)心園
circle空心園
square小方塊
4-2 有序列表
有序列表和無(wú)序列表的使用格式基本相同，它使用標(biāo)簽，每一個(gè)列表項(xiàng)前使用。列表的結(jié)果是帶有前后順序之分的編號(hào)。如果插入和刪除一個(gè)列表項(xiàng)，編號(hào)會(huì)自動(dòng)調(diào)整。
4-3 嵌套列表
4-4 定義列表的標(biāo)記//
第 1項(xiàng) 注釋 1
第 2項(xiàng) 注釋 2
第 3項(xiàng) 注釋 3
第一層為列表項(xiàng)標(biāo)簽，第二層為注釋項(xiàng)標(biāo)簽。和標(biāo)簽通常是成對(duì)使用的。
4-5 目錄列表和菜單列表
格式 1:
第一項(xiàng)
第二項(xiàng)
第三項(xiàng)
格式 2
第一項(xiàng)
第二項(xiàng)
第三項(xiàng)
圖像的處理
5-1 背景圖像的設(shè)定
5-2 網(wǎng)頁(yè)中插入圖片標(biāo)簽
的格式及一般屬性設(shè)定：
5-2 設(shè)定上下左右空白位置 hspace/vspace
5-2-3 設(shè)定字畫(huà)對(duì)其方式
圖像的對(duì)齊：
1) 單獨(dú)占一行時(shí)，放在…中，用的對(duì)齊屬性進(jìn)行設(shè)置。
2) 與文本在同一行時(shí)，用其自身的 align 屬性(top,middle,bottom)設(shè)置圖像與文本的垂直對(duì)齊。其中：bottom為默認(rèn)值。
3) 圖文混排時(shí)，可實(shí)現(xiàn)圖像的左、右環(huán)繞文本，用 align 屬性(left 圖像在左、文本在右,right)。
5-2-4 圖片大小設(shè)定
5-2-5 圖像邊框的設(shè)定
建立超鏈接
建立超鏈接的標(biāo)簽為和
格式：超鏈接名稱
屬性“HREF”定義了這個(gè)鏈接所指的目標(biāo)地址;目標(biāo)地址是最重要的，一旦路徑上出現(xiàn)差錯(cuò)，該資源就無(wú)法訪問(wèn)
TARGET:該屬性用于指定打開(kāi)鏈接的目標(biāo)窗口，其默認(rèn)方式是原窗口。
建立目標(biāo)窗口的屬性
屬性值 描 述
_parent 在上一級(jí)窗口中打開(kāi)，一般使用分楨的框架頁(yè)會(huì)經(jīng)常使用
_blank 在新窗口打開(kāi)
_self 在同一個(gè)楨或窗口中打開(kāi)，這項(xiàng)一般不用設(shè)置
_top 在瀏覽器的整個(gè)窗口中打開(kāi)，忽略任何框架
TITLE：該屬性用于指定指向鏈接時(shí)所顯示的標(biāo)題文字
TABLE
在html 文檔中，表格是通過(guò) , ,
, 標(biāo)簽來(lái)完成的
7-2(2) 設(shè)置分隔線的顯示狀態(tài) rules
7-2(3) 表格的邊框顯示狀態(tài) frame
7-3 表格行的設(shè)定
的參數(shù)設(shè)定(常用)：
bordercolorlight="#808080" bordercolordark="#FF0000">
7-4 單元格的設(shè)定
和 都是插入單元格的標(biāo)簽，這兩個(gè)標(biāo)簽必須嵌套在
標(biāo)簽內(nèi)。是成對(duì)出現(xiàn)的
7-7 表格的標(biāo)題標(biāo)簽
網(wǎng)頁(yè)的動(dòng)態(tài)、多媒體效果
8-1 滾動(dòng)字幕 ...
8-2 插入多媒體文件
嵌入背景音樂(lè)
將音樂(lè)做成一個(gè)鏈接，只需用鼠標(biāo)在上面單擊，就可以聽(tīng)音樂(lè)了
樂(lè)曲名
多視窗口框架
語(yǔ)法格式：
......
可以做導(dǎo)航
浮動(dòng)窗口
【html學(xué)習(xí)總結(jié)】相關(guān)文章：
html學(xué)習(xí)方法10-05
網(wǎng)頁(yè)設(shè)計(jì)html學(xué)習(xí)心得（通用20篇）03-01
網(wǎng)頁(yè)html設(shè)計(jì)心得12-22
html網(wǎng)頁(yè)心得12-26
html開(kāi)發(fā)設(shè)計(jì)個(gè)人簡(jiǎn)歷10-09
html網(wǎng)頁(yè)設(shè)計(jì)心得體會(huì)01-09