2、HTML常用标签

Day01HTML常用标签
01.标题标题：h1~h6
02.换行便签：<br/>
03.段落标签：<P><p/>
04.水平线标签：<hr/>
05.字体加粗标签：
    （1）<strong></strong>
    （2）<b></b>
06.斜体标签：
    （1）<em></em>
    （2）<i></i>
07.上标标签：
    （1）x2+y2=1：x²+y²=1
08.下标标签：
    （1）H2O2：H₂O₂
09.引用标签：<q></q>
10.del标签：<del></del>
11-1.图像标签：<img src="">
    src：引入图像的位置
    width：设置图像的宽度
    height：设置图像的高度
    alt：设置图像的替换文字，当图像不能正常显示的时候，显示alt中设置的属性值
    title：设置鼠标悬停在图像上时显示的内容
        注：宽度和高度一般情况下不会同时设置，防止图片失真（即如果同时设置，将会导致图片比例不协调的情况）
11-2.图像格式：
    JPED(JPG)
        - JPEG图片支持的颜色比较多，图片可以压缩，但是不支持透明
        - 一般用来保存照片等颜色丰富的图片

    GIF
        - GIF支持的颜色少，只支持简单的透明，支持动态图
        - 图片颜色单一或者是动态图时可以使用gif

    PNG
        - PNG支持的颜色多，并且支持复杂的透明，不支持动图
        - 可以用来显示颜色复杂的透明的图片
          专为网页而生的
            
    webp
        - 谷歌新推出的专门用来表示网页的一种格式
        - 它具有其他图片格式的所有优点，而且文件格式还很小
        - 缺点：兼容性不好

    base64
        - 讲图片使用base64编码，这样可以将图片转换为字符，通过字符形式来引入
        - 一般都是需要和网页一起加载的图片才会使用base64

        图片的使用原则：
            效果不一致，使用效果好的
            效果一致，使用小的
    
12.超链接标签：<a href="" target=""></a>
    1、超链接的2个属性：    
    （1）href：设置超链接跳转的位置
            属性值：
                另一个网站的地址： 绝对路径
                网页内部的地址：   相对路径
    （2）targrt：设置跳转页面的打开方式
            _self：在当前窗口中打开网页（默认）
            _blank：在新建窗口中打开网页
            
    2、超链接的补充：空链接的写法
        <a href="#">导航1</a>
        <a href="javascript:;">导航2</a>   这种空链接最好
    
    3、注：
        超链接可以是文字、段落、图片、表格，可以是任何元素；超链接是行内元素，它里面可以放任何元素，除了它自身
                      
13.锚链接：
    当前页面的跳转实现（意义就是在这个页面进行跳转）
    （1）回到顶部 只需要href的属性值设置#即可
    （2）去到任意的位置
            第一步：给去的位置打个id属性，设一个id属性值（你自己起的名字）
            第二步：href属性值里设 #id属性值
                    例如：去底部：#bottom
                    例如：去中间：#
            注意：
                id属性值是独一无二，一个页面一般就出现一次（就和身份证一样）
                id属性值可以随便设置，但不要是数字，最好不要用中文。
14.功能性链接：<a href="mailto:1319866945@qq.com">邮箱联系我们</a>
    电子邮件
    QQ
    MSN
        
15.相对路径：
    当我们需要跳转一个服务器的页面时，一般我们都会使用相对路径，相对路径都会使用.或..开头
        ./或者../    ./可以省略不写，默认就是./
        ./   当前文件所在的目录
        ../  当前文件所在的目录的上一级
16.特殊符号：
        空格：    &nbsp;
        大于号：  &gt
        小于号：  &lt;
        引号：    &quot;
        版权符号：&copy;    
17.列表（有序列表、无序列表、定义列表）
    1：有序列表  用ol标签创建，li表示列表项
    2：无序列表  用ul标签创建，li表示列表项
    3：定义列表  用dl标签创建，使用dd对内容进行解释说明
        注意：列表之间是可以互相嵌套的
17-1.有序列表ol-li
    （1）type属性可以更改项目符号
        可选值：1(默认值)、a、A、I、i
    （2）start：可设置起始的项目符号
17-2.无序列表ul-li
    （1）type属性可以更改项目符号
        可选值：
            disc 默认实心圆点
            square 实心的方块
            circle 空心的圆
17-3.定义列表dl-dt-dd
    dt:用来下定义的
    dd：对内容进行解释说明
18.表格标签：
    table标签是表格标签：
        border 设置表格标签
        width 设置表格宽度
        height 设置表格高度            
        align 设置表格中：是相对于页面的对齐方式
        cellspacing 设置单元格间距
    tr 是行标签
    th 是表头标签
    td 是单元格标签
        align设置在tr或td中是文本对齐方式
19.表格行合并和列合并：
    colspan 属性设置跨列（合并列）
    rowspan 属性设置跨行（合并行）
20.div标签、span标签、p标签的比较
    div标签       默认独占一行
    span标签      它的长度是封装数据的长度
    p段落标签     默认会在段落的上方或下方各空出一行来（如果已有就不再空）
21.font字体标签
     font标签是字体标签,它可以用来修改文本的字体,颜色,大小(尺寸)
         color属性修改颜色
         face属性修改字体
         size属性修改文本大小
    例如：<font color="red" face="宋体" size="7">我是字体标签</font>