web
網站
網頁
一個網站是由多個網頁組成的
一個網頁=網頁元素（文字、圖片、超鏈接、文本框、按鈕、下拉框ext.）
+樣式+用戶交互
一個網頁=（網頁元素）html+（樣式）CSS+（用戶交互）JavaScript
課程目標：
理解並閱讀代碼
-
一、網頁元素HTML
1、html元素
2、文本標簽
(1)p：文本不帶樣式、自帶前后換行功能
(2)b：加粗標簽、文本加粗、不帶換行
(3)u：下划線標簽，帶下划線樣式，不帶換行
(4)br：換行功能（不需要結束標簽）
(5)hr：水平分割線
(6)h1-h6：標簽標題，帶加粗樣式且字號調整，自帶前后換行
(7)i：斜體標簽，不帶換行
(8)font：普通文本標簽，不帶樣式，不帶換行功能
(9)strong：加粗標簽，不換行
(10)span：普通文本標簽，不帶樣式，不帶換行功能
(11) ：空格
3、圖像標簽
(1)標簽名：img
<img src="圖片路徑">
(2)屬性：
a、src：用於指定圖片所在路徑，表示方法兩種
----絕對路徑：從盤符開始寫，路徑長且不方便移植
----相對路徑：相對代碼文件所在路徑，可移植性好，推薦
..\ 所在路徑的上一級；..\pic\12.jpg
<img src="14.jpg" width="300px" > <img src="../pic/12.jpg">
b、width、height：指定圖片寬高
4、超鏈接
(1)在原標簽頁跳轉網頁：
<a href="test01.html">網頁一</a>
(2)在新標簽頁打開網頁
<a href="test02.html" target="_blank">網頁二</a>
(3)圖片超鏈接打開網頁
<a href="https://www.baidu.com/" target="_blank"> <img src="https://www.baidu.com/img/flexible/logo/pc/result.png"> </a>
標簽名：a
屬性：
----href：用於指定跳轉的目標網頁
----targe="_blank"：打開新標簽頁
5、滾動標簽
(1)標簽名：marquee
(2)屬性名：
a、scrolldelay：延遲減速
b、behavior="alternate"交替滾動
c、direction="up"垂直滾動
d、width、height滾動范圍
6、表格標簽
(1)table 表格標簽
(2)tr 單行標簽
(3)td 單列標簽
(4)colspan 跨列標簽
(5)rowspan 跨行標簽
(6)border 邊框 bordercolor
(7)cellpadding 表格外邊框
(8)cellspacing 表格內間距
(9)bgcolor