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