Contents
  1. 1. 参考的学习博客
    1. 1.1. 大字体,双标签
  2. 2. 大字体,双标签
    1. 2.1. 换行,单标签
    2. 2.2. 引入文件和说明
    3. 2.3.
    4. 2.4. 标题栏
    5. 2.5. 按纽
    6. 2.6. 链接
    7. 2.7. 插入图像
    8. 2.8. 列表
    9. 2.9. 块状标签
    10. 2.10. 行内文字的使用,不換行
  3. 3. 表单标签系列
    1. 3.1. 标签
    2. 3.2.

参考的学习博客

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>

Contents
  1. 1. 参考的学习博客
    1. 1.1. 大字体,双标签
  2. 2. 大字体,双标签
    1. 2.1. 换行,单标签
    2. 2.2. 引入文件和说明
    3. 2.3.
    4. 2.4. 标题栏
    5. 2.5. 按纽
    6. 2.6. 链接
    7. 2.7. 插入图像
    8. 2.8. 列表
    9. 2.9. 块状标签
    10. 2.10. 行内文字的使用,不換行
  3. 3. 表单标签系列
    1. 3.1. 标签
    2. 3.2.