HTML基础

HTML

< head> < meta charset="utf-8"> < title> < link href=".css/""> < script src=".js"> </script>

< img src="">

 
< p>        段落 
< hr>       长横线
< h1..6>    标题
< pre >     原样输出
< time >    时间标签
< address>  地点标签
< del >     删除标签
< s >       输出后类似< del>
< ins>      下划线
< u>        类似于< ins>
< strong>   强调加粗
< b>        类似于< strong>
< em>       斜体
< i>        类似于< i>
< mark>     高亮

表格

< caption>  标题
< thead>    头部
< tbody>    主体
< tr>       行
< td>       表格   
< tfoot>    底部

列表

< ol>       有序列表
< li>       列表元素
< ul>       无序列表
< dl>       描述列表
< dt>       元素标题
< dd>       元素内容

表单

< form> 表单
< input> type="以下"

• text 文本框
• password 密码框
• radio 单选按钮，name值必须相同，checked为默认值
• checkbox 复选框，name值必须相同，返回数组
• button 自定义按钮和JS配合使用
• submit 提交
• reset 重置
• file 上传按钮，multiple允许批量上传，与multipart/form-data配对
• image 设置图片为提交按钮，src为源，alt为说明
• hiddden 隐藏内容

---

< select> < option></..></..>下拉框与分组< optgroup label="分组名">选项分组

---

<textarea></..> 文本域<lable for="xx"></..><input id="xx" ...><lable 'xxx:'<input>></lable> 说明

---

<fieldset> 表单元素分组标 签<legend>xxx</...> 分组名称

---

<label for="search">搜索：</lable>
<input type="text" id="search" list="keyword">
<datalist id="keyword">
<option value="html">html</option>
<option value="css">css</option>
<option value="js">js</option>
<option value="php">php</option>
<option value="redis">redis</option>
</datalist>

• 区间设置

<input type="number" min="1000" max="15000" step="500">

• 日期

<input type="date" min="2014-10-30" max="2100-10-30" value="" >

• 时间

仅限时间型数据，仅允许设置小时区间，分钟仅参考

<input type="time" min="14:50" max="20:12" value="18:05">

• email

<input type="email" name="email" placeholder="yourname@mail.com">

• search

有内容时，会显示一个取消图标

<input type="search" placeholder="请输入查询关键字">

• URL

仅限以http://或者https://开头的URL

<input type="url" placeholder="请输入完整网址" size="100">

• 视频

<video src="xxx.mp4" width=""  controls autoplay|preplay|muted(初加载静音) poster="xxx.jpg" [loop]></video>

-音频

<audio src="xxx.mp3" controls autoplay|preplay|muted></audio>