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