十天小白训练营day01—HTML基础标签

1、这个表示注释 ，注释内容不显示，用于标注代码内容；

<！--这个表示注释 ，注释内容不显示 -->

2、hn标签：h1-h6标题标签

<h1>我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
<h4>我是标题4</h4>
<h5>我是标题5</h5>
<h6>我是标题6</h6>

3、P标签、br标签、b标签

<p>P标签</p> <!--段落标签-->
我是<br />br标签><!-- <br />换行标签，此标签为单标签-->
<b>加粗字体标签</b> <!--b标签，起加粗效果-->

4、斜体字标签

<i>斜体字标签</i>

5、删除线标签

<s>删除线标签</s>

6、下划线标签

<u>下划线标签</u>

7、sub 下标标签:p₂

p<sub>2</sub>

8、sup上标标签:p²

p<sup>2</sup>

9、列表标签：有序列表、无序列表和定义列表
有序列表：

1. 
   
2. 第一行
3. 第二行
4. 第三行

   <ol>
     <li>第一行</li>
     <li>第二行</li>
     <li>第三行</li>
   </ol> <!--可以通过属性来改变列表前的序号，A代表大写字母，a代表小写字母，I代表用大写罗马数字，i代表用小写罗马数字，默认情况下显示数字-->

无序列表：

• 
  
• 第一行
• 第二行
• 第三行
• 第四行
• 第五行
• 
  

  <ul>
      <li>第一行</li>
      <li>第二行</li>
      <li>第三行</li>
      <li>第四行</li>
      <li>第五行</li>                      
   </ul>片<!--无序列表通常会自动生成一个小圆点效果，在实际应用中通常要去除-->

定义列表：

4月热播电影

速度与激情8…

5月热播电影

银河护卫队2…

<dl>
     <dt>4月热播电影</dt>
        <dd>速度与激情8...</dd>
     <dt>5月热播电影</dt>
        <dd>银河护卫队2...</dd>
   </dl>

10、pre标签：预定于文本标签。保留空格和换行

  <pre>
预定于文本标签（第一行）
保留空格和换行（第二行）
 </pre>  

11、table列表标签：

姓名	年龄	性别	爱好
张三	18	男	篮球
张三	18	男	篮球
张三	18	男	篮球

<table border="1px solid red">
   <tr><th>姓名</th><th>年龄</th><th>性别</th><th>爱好</th></tr><!--th表头标签-->
   <tr><td>张三</td><td>18</td><td>男</td><td>篮球</td></tr>
   <tr><td>张三</td><td>18</td><td>男</td><td>篮球</td></tr>
   <tr><td>张三</td><td>18</td><td>男</td><td>篮球</td></tr>
</table>               

12、a标签，超链接标签，href=“链接地址”

<a href="">这是a标签</a>

13、img标签:

<img src="https://img-blog.csdn.net/20170416154600792?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbWluZzEwMDI1/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast"  width=200px height=320px /><!--<img />图片标签  src=“图片路径地址”width宽 height 高 -->

14、绝对路径：图片完整路径，绝对路径以协议（http://、https://）或者以“/”作为前缀
相对路劲：以文件本身为参照路径进行定位。
./ 当前目录，可以省略不写。访问下级目录要写目录名。
../ 回到上一层目录
目录名/ 当前目录的下级目录