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：用于指定图片所在路径，表示方法两种
----绝对路径：从盘符开始写，路径长且不方便移植
----相对路径：相对代码文件所在路径，可移植性好，推荐
.. 所在路径的上一级；..pic12.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