从0开始学web-day2

复习：

1. 属性分类（img标签为例）
必有属性：src alt
可选属性：width height
全局属性：class id style title
事件属性：onclick
src图片路径
alt替换文字 当图片发生错误时显示的内容
2. 路径
相对路径 绝对路径
绝对路径（不常用）
相对路径（常用）

<!-- 相对路径 当前目录与目标文件在同一文件夹下 直接写 目标文件名+拓展名-->
     <img src="./pic1.png" alt="">
     <img src="pic1.png" alt="">
     <!-- 相对路径 当前目录 当前文件与目标文件所在文件在同一目录下 写目标文件夹名称/文件名+拓展名 -->
     <img src="./img/cc.png">
     <img src="img/cc.png">
     <!-- 相对路径 当前文件所在文件夹与目标文件在同一文件夹下 写../文件名+拓展名 ../上级目录 -->
     <img src="../wai.png">
     <!-- 绝对路径 -->
     <img src="D:\text\正课day02\代码\pic1.png" alt="">

3. alt与title的区别
相同点：都是img的属性，都有利于seo
不同点：alt是当图片发生错误时显示的替换文本，title是鼠标悬停时显示的提示信息；alt侧重于seo title侧重于用户体验

4. 文章类标签

文章的标题标签 h1-h6
        标题h1最大 h6最小 默认是加粗的 独占一行 h1在一个页面中只出现一次

        段落标签p
        段落与段落之间会空一行文字的距高

        空白折叠：标签对于空格回车换行缩进不敏感（输入多个空格只显示一个空格）

        特殊字符：空格 &nbsp；（英文） &emsp；（中文）
                 版权图标：&copy； 注册商标：&reg；
                 向下小三角 &or；
                 小于号：&lt；
                 大于号：&gt；
                 特殊字符不是标签
        修饰标签：
             水平线 hr
             强制换行 br
             加粗 b strong
             倾斜 i em
             下划线 u ins
             删除线 s del
             上角标 sup
             下角标 sub

5. 超链接

属性
        href超链接的链接地址
        target超链接的打开方式 _self 当前窗口 _blank新窗口 _top跳出框架集在当前窗口打开
        download 下载
    <!-- 空链接 蓝色文字加下划线 点击之后变成紫色 -->
    <a href="#">超链接</a>
    <!-- 具体网址需要添加协议 -->
    <a href="http://www.baidu.com">百度</a>
    <!-- 本地文件 路径写对 -->
    <a href="./01属性分类.html"></a>
    <!-- 使用图片做链接 -->
    <a href="http://www.baidu.com"><img src=""></a>

    <!-- 框架集标签 在一个页面中加载另一个页面-->
    <iframe src="./02路径.html" name="mudi"></iframe>

6. 列表标签
列表标签：无序列表 有序列表 自定义列表
无序列表：ul li
通过type更改列表符号 实心圆disc默认 空心圆circle 实心方块square 没有none
有序列表：ol li
通过type更改列表符号 默认阿拉伯数字1 a A I i
start=“数字” 列表符号的开始位置
reversed列表符号的顺序 倒序
注意：有序列表的type值只能给有序列表使用，无序列表的值只能无序列表使用 li可以使用所有的type值
自定义列表：dl dt dd

7. 表格标签
表格 table tr行 td列
table的相关属性
边框 border
内容和边框之间的距离 cellpadding
单元格与单元格之间的间距cellspacing
宽度 width
高度 height
注意：如果内容多少相同，或者没有内容，宽度、高度默认平分 如果不同，通过内容撑开
表格的水平对齐方式：align=“left默认 center居中 right居右”
背景颜色 bgcolor
边框颜色 bordercolor

8. 表格tr属性
tr属性
高度height
行的背景颜色 bgcolor
这一行内容的水平对齐方式 align（left center right）
这一行内容的垂直对齐方式 valign=“top middle(默认) bottom”

9. 表格td属性
td相关属性
宽度width
高度heigth
背景bgcolor
这个单元格内容的水平对齐方式align（left center right）
这个单元格内容的垂直对齐方式valign（top middle bottom）
行合并 rowspan 行不同行合并 合并之后一定要记得删除（删除的是不同的tr里的td）
列合并 colspan 列不同列合并 合并之后一定要记得删除(删除的是同一个tr里的td)