HTML标签

一、HTML标签
1.图片标签-img

<img src="" alt="替代文本"/>

<img />属性	值	描述
src	url	本地图片路径/网格图片url
altalt	text	图片非正常显示的替代文本
width&height	px,%	设置图像宽&高
title	text	鼠标悬停时的显示文本
border	px	图像边框宽度

2.列表标签
①无序列表-ul（是闭合标签，具体使用语法如下：<ul>内容</ul>，使用粗体圆点（典型的小黑圆圈）进行标记）

 <ul>
      <li>无序列表1</li>
      <li>无序列表2</li>
  </ul>

②有序列表-ol（列表项的标记有数字或字母）

<ol>
      <li>有序列表1</li>
      <li>有序列表2</li>
  </ol>

③自定义列表-dl

<dl>
      <dt>上级列表1</dt>
      <dd>下级列表11</dd>
      <dd>下级列表12</dd>
      <dt>上级列表2</dt>
      <dd>下级列表21</dd>
      <dd>下级列表22</dd>  
</dl>

3.表格标签-table

<table border="1">
      <thead>
          <tr>
              <th>表头1</th>
              <th>表头1</th>
          </tr>
      </thead>
      <tbody>
          <tr>
              <td>第一行第一格</td>
              <td>第一行第二格</td>
          </tr>
          <tr>
              <td>第二行第一格</td>
              <td>第二行第二格</td>
          </tr>
      </tbody>
  </table>

4.表单标签-from
特性：inline-block

 <form id="" action="" method="get">
       表单域;表单元素;
</form>

<form>属性	值	描述
action	url	规定提交表单的目的地址url
method	get，post	规定提交表单使用的http方法
target	_self，_blank	规定action的打开方式

http方法：
①get：表单数据在地址栏可见，明文；（默认）
②post：表单数据在地址栏上不可见，密文；
（1）input标签

<input type="" name="" value="" />

name是后端使用的

<input />属性	值	描述
type	text	单行文本输入框
type	password	密码输入框
type	radio	单选行
type	checkbox	复选框
type	button	普通按钮
type	submit	提交按钮
type	reset	重置按钮
type	image	图片标签
type	file	文件
name	用户自定义	input控件名称
value	用户自定义	input控件初始文本值
checkbox	checkbox	定义选框预选项
disabled	disabled	禁用表单元素
size	number	字段显示宽度
maxlength	number	字段最大长度

<input type="checkbox" name="" checked />跑步（checked 默认选中）
 <input type="checkbox" name="" disabled/>游泳（disabled 禁用）

新增input属性

<input />属性	值	描述
autofocus	autofocus	规定在页面加载时是否获得焦点（不适用于type=“hidden”）
multiple	multiple	多文件上传
autocomplete	on，off	是否使用字段的自动完成功能
required	required	必填项，不能为空
placeholder	text	输入字段的提示

新增input type值：
Input type值 描述

Input type值	描述
email	邮箱格式
tel	手机号码
url	url格式
number	数字格式
search	搜索框
range	自由拖动滑块
time	时分
date	年月日
datetime	时间
month	月年
week	星期 年

（2）select标签-下拉列表

<select name="" id="">
<option value="0">请选择</option>
        <option value="1">下拉列表1</option>
        <option value="2">下拉列表2</option>
</select>

属性	值	描述
selected	selected	定义下拉列表默认项
disabled	disabled	禁用表单元素
value	text	定义送往服务器的选项值

（3）datalist标签-input可能值
datalist标签：定义选项列表，与input连用，定义input可能的值

<input list="datalist_id" />
    <datalist id="datalist_id">
       <option value="input可能值_01"></option>
       <option value="input可能值_02"></option>
       <option value="input可能值_03"></option>
</datalist>

（4）textarea标签-文本域

 <textarea id="" name="" cols="20" rows="20">文本域：多行文本</textarea>

rows&cols:定义文本的可见行&列（
5）fieldset标签-元素分组

<fieldset>
       <legend>标题</legend>
       表单元素1：<input type="text" />
       表单元素2：<input type="text" />
</fieldset>