参考的学习博客

https://www.cnblogs.com/JianweiWang/category/785785.html

大字体，双标签

<h1 style="color:red">黄珍石我爱你</h1>
<h2 style="color:yellow">黄珍石我爱你</h3>
<h3 style="color:yellow">黄珍石我爱你</h4>
<h4 style="color:">黄珍石我爱你</h4>
<h5>黄珍石我爱你</h5>

换行，单标签

引入文件和说明

通过键值对的方式，来添加对当前网站的说明，单标签

<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="王若男">
<meta name="Keywords" content="教学类网站">
<meta name="Description" content="我学习的第一个网站">
<meta name="Tutor" content="Huangzs">
<meta name="CreateDate" content="2018">

<title>紧握我的小哥哥</title>

按纽

1. onclick事件，点击按钮触发的事件

   <button style="button" onclick="alert('happy')">点我！</button>

链接

target=”_blank”会打开一个新网站，并且打开对应的网站，默认是不打开新网站

<a href="https://www.baidu.com/" target="_blank">访问到百度搜索</a>

插入图像

• height设置图片的高度
• width设置宽度
• src设置图片的保存位置

  <img src="D:\picture\dog\IMG_20161225_200801.jpg" HEIGHT="800px">

列表

1. 有序列表
   ：子项会有 1234等。由一个ol和N个li标签组成
2. 无序列表
   ：子项没有 1234

   <br> <h1>小姐姐的优点</h1> <ul> <li>温柔可爱</li> <li>懂中医调理</li> <li>会做家务</li> <li>声音好听</li> </ul> <h1>小哥哥的优点</h1> <ol> <li>温柔可爱</li> <li>懂中医调理</li> <li>会做家务</li> <li>声音好听</li> </ol>

块状标签

1. 把不相关的若干个元素变成一个整体，进行样式控制
2. 默认是换行的

   <div style="font-size: 50px"> <h1>小姐姐的优点</h1> <ul > <li>温柔可爱</li> <li>懂中医调理</li> <li>会做家务</li> <li>声音好听</li> </ul> <h1>小哥哥的优点</h1> <ol > <li >温柔可爱</li> <li>懂中医调理</li> <li>会做家务</li> <li>声音好听</li> </ol> <span >华为P20真棒</span> </div>

行内文字的使用，不換行

<span>华为P20真棒</span>
<span>华为P20 pro更棒</span>

表单标签系列

标签

完整的table标签由一个 table、N个tr标签、N个th表格头标签和N个内容填充td标签组成

<!--表格开始标签-->
<table>
    <!--表格行开始标签-->
    <tr>
      <!--表格头标签-->
      <th>班级</th>
      <th>学生数</th>
      <th>平均成绩</th>
    </tr>
    <tr>
      <!--表格单元格标签-->
      <td>一班</td>
      <td>30</td>
      <td>89</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>35</td>
      <td>85</td>
    </tr>
    <tr>
        <td>三班</td>
        <td>32</td>
        <td>80</td>
    </tr>
</table>