HTML超文本标记语言

p标签	段落标签

段落标签默认会在段落的上方和下放各空一行，多个段落标签只会显示一条空行。

font	字体标签
color属性	修改字体颜色
face属性	修改字体
size属性	修改文本大小

<font color="red" face="宋体" size="7">我是字体标签</font>

h1-h6	标题标签
align属性	左对齐(left)/居中(center)/右对齐(right)

<h1 align="left">这是一级标题</h1>
<h2 align="center">这是二级标题</h2>
<h3 align="right">这是三级标题</h3>

a标签	超链接
href=""	引号内是链接地址
target="_self"	表示从当前页面跳转
target="_blank"	表示打开新的页面进行跳转

<a href="www.baidu.com" target="_self">百度</a>
<a href="www.taobao.com" target="_blank">淘宝</a>

ul标签	无序列表
ol标签	有序列表
li	表示列表中的每一行
type属性	修改列表前面的数字或符号

 	<!-- 无序列表 -->
    <!-- type="none"代表前面没有符号 -->
    <ul type="none">
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
        <li>赵六</li>
    </ul>
    <!-- 有序列表 -->
    <ol type="a">
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
        <li>赵六</li>
    </ol>

img标签	图片标签
src=" "	用来设置图片的路径
width=" "	用来设置图片的宽
height=" "	用来设置图片的高
border=" "	用来设置图片的边框粗细
alt=" "	用来代替图片失效时，而显示的文本

    <img src="./images/warning.gif" alt="图片失效" height="260" width="200" border="5">

table标签	表格标签
tr	行标签
th	表头标签，标题单元格， 默认加粗并居中
td	单元格标签
width=" "	用来设置表格的宽
height=" "	用来设置表格的高
border=" "	用来设置表格的边框粗细
align=" "	设置整个表格相对于整个的对齐方式
cellspacing=" "	设置单元格之间的间距
cellpadding=" "	设置单元格与其内容之间的间隙大小
colspan=" "	设置单元格跨列,引号里的数值代表跨几列，要记住把被跨的列删除
rowspan=" "	设置单元格跨行,引号里的数值代表跨几行，要记得把被跨的行删除

<table height="50" align="center" border="1" cellspacing="0" cellpadding="10">
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>分数</th>
        </tr>
        <tr>
            <td rowspan="2">1</td>
            <td>张三</td>
            <td>56</td>
        </tr>
        <tr>
            
            <td>张三</td>
            <td rowspan="2">78</td>
        </tr>
        <tr>
            <td>2</td>
            <td>李四</td>
        </tr>
    </table>

form标签	表单标签
action=" "	设置表单要提交的服务器地址
method=" "	设置提交到服务器的方式get(默认值)或post

get请求的特点是：

1. 浏览器地址栏中的地址是action属性[？+请求参数]请求的格式是：name=value&name=value
2. 因为所有参数都显示在了浏览器地址栏，如密码。。因此get不安全。
3. 它有数据长度的限制

post请求的特点：

1. 浏览器地址栏中只有action属性值
2. 相对于get请求要安全。
3. 理论上没有数据长度的限制。

input标签	输入框标签
input type=“text”	文本输入框，value=""设置默认显示内容
input type=“password”	密码输入框，value=""设置默认显示内容
input type=“radio”	单选框，name属性可以对其进行分组，checked="checked"表示默认选中
input type=“checkbox”	复选框，checked="checked"表示默认选中
input type=“reset”	重置按钮，重置到默认的时候，value=""属性可以修改按钮上的文本
input type=“submit”	提交按钮，value=""属性可以修改按钮上的文本
input type=“button”	普通按钮，value=""属性可以修改按钮上的文本
input type=“file”	文件上传域
input type=“hidden”	隐藏域，当我们要发送某些用户不需要知道的信息，可以使用隐藏域（提交的时候发送给服务器）

select标签	下拉列表框
option标签	下拉列表框中的选项 ，selected="selected"设置默认选中
手机	$12
导管	$1

textarea标签	多行文本输入框 （起始标签和结束标签中的内容是默认值）
rows	设置可以显示几行的高度
cols	设置每行可以显示几行的高度

<form action="" method="GET">
      用户名称：<input type="text" value="请输入用户名"><br/>
      用户密码：<input type="password" value="请输入密码"><br/>
      确认密码：<input type="password" name="" id=""><br/>
      性别：<input type="radio" name="sex" checked="checked" value="男">男<input type="radio" name="sex" value="女">女<br>
      兴趣爱好：
      <input type="checkbox" >唱歌
      <input type="checkbox" checked="checked">跳舞
      <input type="checkbox" >看书<br>
      国籍：<select name="" id="">
          <option value="" >请选择国籍</option>
          <option value="" selected="selected">中国</option>
          <option value="">美国</option>
          <option value="">日本</option>
      </select><br>
      <input type="file"><br>
      自我评价：
      <textarea name="" id="" cols="30" rows="10">请评价！</textarea><br>
      <input type="reset" value="重置">
      <input type="submit" name="" id="">
      <input type="button" value="普通按钮">

  </form>

表单提交的时候，数据没有成功发送给服务器的三种情况：

1. 表单项没有name属性值
2. 单选框，复选框，下拉列表中的option标签都需要添加value属性，以便发送给服务器
3. 表单项不在form标签区域中