網站的建站流程
網站的建站流程
頁面圖例
網頁的結構
WEB標準
WEB標準是網頁制作的標準，它不是一個標準，它是根據網頁的不同組成部分生成的一系列標準。這些標準大部分由W3C起草發布，也有部分標準由ECMA起草發布
(1)W3C( World Wide Web Consortium )萬維網聯盟，創建于1994年是Web技術領域最具權威和影響力的國際中立性技術標準機構;是專門負責網絡標準制定的非贏利組織。制定了結構標準和樣式標準;
(2)ECMA：歐洲電腦網商聯合會(廠商協會)，制定了行為標準;
計算機語言
HTML
HTML 指的是超文本標記語言 (Hyper Text Markup Language) www萬維網的描述性語言。
XHTML指可擴展超文本標記語言(標識語言)(EXtensible HyperText Markup Language)是一種置標語言，表現方式與超文本標記語言(HTML)類似，不過語法上更加嚴格。
HTML5指的是HTML的第五次重大修改(第5個版本)
HTML發展
編輯器
建立站點
規劃網站的所有內容和代碼
整合資源
文件的命名規范
· 小寫英文字母、數字、下劃線的組合，
· 其中不得包含漢字、空格和特殊字符;
· 必須以英文字母開頭。
HTML開始
1：HTML架構
2：HTML5基本結構
3:HTML語言
· HTML語言組成
(1)標簽
(2)屬性
標記和屬性用空格隔開，屬性和屬性值用等號連接，屬性值必須放在雙引號內 一個標記可以有多個屬性，屬性和屬性之間用空格隔開，屬性不分先后順序
· HTML語法
常用標簽
1 ： 文本標題標簽
2:字體傾斜&加粗標記
3：下劃線
4 : 換行&水平線
5：上標&下標
6 : 段落標記
7 : 字符 ( 小段文本 )
8 : 常用轉義字符
8 ：列表
(1) 無序列表
(2)有序列表
(3)自定義列表
9 : 超鏈接
10 : 圖片
圖片 title 和 alt區別：
alt:
1、alt屬性是考慮到不支持圖像顯示或者圖像顯示被關閉的瀏覽器的用戶，以及視覺障礙的用戶和使用屏幕閱讀器的用戶。當圖片不顯示的時候，圖片的替換文字。
2、alt屬性值得長度必須少于100個英文字符
3、alt屬性是img標簽的必須屬性，如果沒有特別意義的圖片，可以寫alt=""
4、alt屬性是搜索引擎判斷圖片與文字是否相關的重要依據，alt屬性添加到img主要的目的才是為了SEO
title:
1、title屬性并不是必須的。
2、title屬性規定元素的額外信息，有視覺效果，當鼠標放到文字或是圖片上時有文字顯示。
3、title屬性并不作為搜索引擎抓取圖片的參考，更多傾向于用戶體驗的考慮。
11 : 相對路徑
(同級)
1)當當前文件與目標文件在同一目錄下，直接書寫目標文件的文件名+擴展名;
(上級找下級)
2)當當前文件與目標文件所處的文件夾在同一目錄下，寫法如下：
文件夾名/目標文件全稱+擴展名;
(下級找上級)
3)當當前文件所處的文件夾和目標文件在同一目錄下，寫法如下：
../目標文件文件名+擴展名;
12 ： DIV
13 : HTML注釋
表格
1 : 表格基本結構
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=“所要合并單元格的行數”
3 ： 數據行分組
4 ： 數據列分組
5 ： 列標題
6: 表格標題
7： 表格屬性
1、單元格間距：border-spacing:value;
說明：單元格間距(該屬性必須給table添加) 表示單元格邊框之間的距
離， 不可取負值
2、合并相鄰單元格邊框：border-collapse:separate/collapse;
說明：合并相鄰單元格邊框 (該屬性必須給table添加) separate(邊框分開)默認值; collapse(邊框合并)
3、無內容時單元格的設置：empty-cells:show/hide;
說明：定義當單元格無內容時，是否顯示該單元格的邊框區域;show：顯示 ;hide：隱藏;
4、顯示單元格行和列的算法(加快運行的速度)： table-layout:auto/fixed;
京公網安備 11010802030320號