網頁的組成:
結構:網頁的組成部分(html、xhtml )
表現:網頁的樣式(css)
行為:網頁要實現的互動功能(js)
w3c標準:網頁製作的標準,由w3c協(全球資訊網)會制定
結構:網頁的組成部分(html、xhtml )
表現:網頁的樣式(css)
ecma(歐洲廠商聯盟)制定:
行為:網頁要實現的互動功能(js)
網頁元素:elements元素,style樣式
檔案的命名規範
小寫英文本母、數字、下劃線的組合,
其中不得包含漢字、空格和特殊字元;
必須以英文本母開頭。
html開始
1:html架構
有三種: strict(嚴格型)、
trasitional(過渡型)、
frameset(框架型)
2:html5基本結構
3:html語言
html語言組成
標籤寫在尖角號<>裡的第乙個單詞,叫做標記,也叫做標籤,也稱作元素;
屬性標記和屬性用空格隔開,屬性和屬性值用等號連線,屬性值必須放在雙引號內乙個標記可以有多個屬性,屬性和屬性之間用空格隔開,屬性不分先後順序
html語法
常規標記(雙標記):
《標記名稱 屬性1名=「屬性1值」 屬性2名=「屬性2值」 ………… >
常用標籤
1 : 文字標題標籤
文字標題共有6個(h1-h6)
>
一級標題h1
>
(唯一性,放**logo)
>
二級標題h2
>
...>
六級標題h6
>
2:字型傾斜&加粗標記
文字傾斜:
>
i>
>
em>
文字加粗:
>
b>
>
strong
>
3:下劃線
>
u>
4 : 換行&水平線
>
>
5:上標&下標
>
sup>
>
sub>
6 : 段落標記
>
p>
7 : 字元 ( 小段文字 )
>
span
>
8 : 常用轉義字元
不換行空格
">> >右尖括號
<
《左尖括號
8 :列表
(1) 無序列表
>
>
列表項內容li
>
>
列表項內容li
>
>
列表項內容li
>
........
ul>
(2)有序列表
>
>
列表項內容li
>
>
列表項內容li
>
>
列表項內容li
>
........
ol>
type:規定列表中的列表專案的專案符號的型別
語法:type
=「a"
>
ol>
1 數字順序的有序列表(預設值)(1, 2, 3, 4)。
a 字母順序的有序列表,小寫(a, b, c, d)。
a 字母順序的有序列表,大寫(a,b,c,d)
i 羅馬數字,小寫(i, ii, iii, iv)。
i 羅馬數字,大寫(i, ii, iii, iv)。
start 屬性規定有序列表的開始點。(start的屬性值必須是數字)
語法:start
="5"
>
ol>
(3)自定義列表
>
>
dt>
>
dd>
dl>
9 : 超連結
>
a>
屬性:href = 'url'
target = "_blank / _self";
title = '文字提示'
拓展:rel = 'nofollow';
10 :
>
屬性:src = 'url';
alt = ' 標籤 例項 帶有指定替代文字的影象'
title = '文字提示'
width = ''
height = ''
border = ''
11 : 相對路徑
(同級)12 : div1)當當前檔案與目標檔案在同一目錄下,直接書寫目標檔案的檔名+副檔名; (上級找下級)
2)當當前檔案與目標檔案所處的資料夾在同一目錄下,寫法如下:
資料夾名/目標檔案全稱+副檔名; (下級找上級)
3)當當前檔案所處的資料夾和目標檔案在同一目錄下,寫法如下:
…/目標檔案檔名+副檔名;
塊標籤,可以巢狀
>
div>
13 : html注釋
1 : **基本結構
>
>
>
td>
>
td>
tr>
table
>
2:**的html屬性
1)width=「**的寬度」
2)height=「**的高度」
3)border=「**的邊框」
4)bordercolor=「邊框色」
5)cellspacing=「單元格與單元格之間的間距」
6)cellpadding=「單元格與內容之間的距離"
7)align=「**水平對齊方式」 取值:left、right、center、 valign=「垂直對齊」 top\bottom\middle
8)合併單元格屬性:(td) 合併列: colspan=「所要合併的單元格的列數" 合併行:rowspan=「所要合併單元格的行數」
網頁由標籤組成
標題title head 內容body html 以上可以發現標籤是成一對的,且標籤由尖括號保住,標籤結尾用 下面來幾個簡單實用的 塊狀標籤 段落標籤 額,div是個容器,比span大 href 超連結標籤 換行標籤 標題標籤 由大至小 分割線標籤 設定字型 title 提示的東西 abbr 縮略字...
HTML 標籤簡介
1 簡介 標籤定義有序列表。2 屬性 2.1 標準屬性 id,class,title,style,dir,lang,xml lang 2.2 可選屬性屬性值 描述dtd compact compact 不贊成使用。請使用樣式取代它。規定列表呈現的效果比正常情況更小巧。tf start number ...
HTML 標籤簡介
1 簡介 標籤在 html 頁面中建立一條水平線。水平分隔線 horizontal rule 可以在視覺上將文件分隔成各個部分。2 標準屬性 id,class,title,style,dir,lang,xml lang 3 可選的屬性屬性值 描述dtd align 不贊成使用。請使用樣式取代它。規定...