常见的属性

crtl+c  复制             crtl+v   粘贴          crtl+s   保存       crtl+/   注释快捷键

加粗     <strong></strong>      <b></b>

倾斜     <i></i>      <em></em>

下划线   <u></u>

删除线   <del></del>

预格式化   <pre></pre>

x²  相当于x的平方

y₂2在下面

常见图片格式：GIF（256色）  JPG（1600色）  PNG   BMP

资源路径问题：

                     绝对路径：指的是从计算机的顶级目录（盘符）开始的文件路径

                     相对路径：指的是从当前文件所在位置作为参考点建立的路径

    <img />

    scr属性：指向图片的路径

绝对路径

<img src="   "/>

相对路径   ../表示的是上一级目录

<img scr="../  ">

                   ./表示的是当前目录

<img scr="./   ">

                      下一级目录直接喊

<img scr="  ">

图片的设置：图片的宽度：width   图片的高度：height   图片的边框：border  单位都是px

align  文字的位置

vspace   图片与文字的垂直距离

hspace   图片与文字的水平距离

alt   如果图片无法正常加载出来，alt里面的文字就会代替图片显示

全局属性：所有的标签都具有该属性

title   用来显示描述图片的文字    <img scr="  " title="">

如果没有alt属性，那么alt默认的属性值就是title属性的属性值 

<img src=" " width="200px" alt="123" title=" ">

超链接完成页面之间的跳转

<a  href="  "  target="blank">提示语</a>

href: 属性是指定链接跳转的地址   #表示这是一个空链接，点击之后不会跳转，会把当前的页面刷新一次

超链接默认是在当前窗口跳转到指定的页面，如果想要更改，利用属性

锚链接

 全局属性  id    是标签的唯一标识，同一个网页内，id属性值不能重复

eg:

<a  href="#one"></a>

id="one"

视频标识

<video></video>

scr属性知名视频所在的位置

controls="controls"  控制

loop 循环播放

autoplay  自动播放，要么配合muted使用，要么利用js实现

width height（与图片相似）

<video scr=" " controls loop autoplay muted width="500px"  height="500px"></video>

音频标识

<audio></audio>

<audio src=" " controls></audio>

列表标签

无序标签：布局排列整齐的不需要规定顺序的区域    ul>li     ul:无序列表   li：列表的子项   ul只能包裹li标签  ，li标签可以包含任何内容

eg:

   你最爱的食物是什么？

      <ul>

             <li>榴莲</li>

             <li>鲱鱼罐头</li>

             <li>臭豆腐</li>

     </ul>

有序列表：    ol>li

eg:

 <ol>

            <li>吃饭</li>

            <li>睡觉</li>

     </ol>

自定义列表： d1标签里面只能包含dt ，dd            dt，dd标签里面可以包含任何标签

eg：

 <d1>

         <dt>线下门店</dt>

         <dd>小米之家</dd>

         <dd>服务网点</dd>

         <dd>体验店</dd>

    </d1>

表格标签

border： n 边框属性     width  heigth  ：npx

align   属性表示表格的对齐方式  （left    center     right）    bgcolor  表示表格的颜色

cellspacing   单元格与单元格之间的间隙，默认的值是2px    background 表示表格的背景

eg：

   

  <table   border="1"  width="500px"   height="300px"  align="center"   cellspacing="0">

           <tr>

                <th></th>

                <th></th>

                <th></th>

                <th></th>

           </tr>

            <tr>

                <td  rowspan="2"></td>                rowspan     跨行

                <td></td>

                <td></td>

                <td></td>

             </tr>

             <tr>

                  <td></td>

                  <td></td>

                  <td></td>

             </tr>

             <tr>

                   <td></td>

                   <td  colspan="3"></td>            colspan   跨列

               </tr>

               </table>