Web最最基础

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