标签:hold val 汇总 max 手机号 信息 video 插入图片 value
1、HTML元素:
①开始元素+元素内容+结束元素;
②空元素/自闭合元素:没有元素内容和结束标记;
2、HTML注释:<!—注释内容-->
3、HTML文档结构 :
<!DOCTYPE html>
<!--文档声明-->
<html> <!--根标签-->
<head lang="en">
<!-- 指定书写语言-->
<meta charset="UTF-8"> <!--UTF-8为万国码,为了更好的兼容性,避免乱码-->
<title></title>
</head>
<body><!--文档体,页面中所有的可见内容都放置在该元素内-->
</body>
</html>
4、权重:
<meta name="keywords" content="" />
<meta name="description" content="" />
5、列表:
①有序列表:ol——内嵌li
②无序列表:ul——内嵌li
③自定义列表:dl——内嵌dt、dd
6、引用:
①大段引用:blockquote
②行内引用:q
7、特殊字符:
< —— <
> —— >
& —— &
空格 ——
版权符号 —— ©
已注册符号 —— ®
8、插入图片:
<figure>
<img src="" />
<figcaption>
<!-- 一段话,用于描述图片,显示在图片下方-->
</figcaption>
</figure>
9、导入视频文件:<video src=””controls loop autoplay>
导入音频文件:<audio src=””>;
10、表格——table
<table>
<caption></caption>
<thead><th></th></thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
11、input属性——表单:
①账号:<input type=”text”>
②密码:<input type=”password”>
③单选框:<input type=”radio”name=””value=””>
④复选框:<input type=”checkbox”name=””value=””>
⑤多行文本框:<textarea name=””id=””cols=””rows=””>
⑥下拉列表:<select name=””>
<option value=””></option>
</select>
⑦邮箱:<input type=”text”placeholder=””>
⑧提示信息:<details>
<summary></summary>
<p></p>
<details>
⑨普通按钮:<input type=”button”value=””>
⑩提交按钮:<input type=”submit”value=””>
⑾重置按钮:<input type=”reset”value=””>
⑿手机号码: <input type=”text”maxlenght=””>
⒀日期:<input type=”date”/>
⒁身高:<input type=”number”max=””min=””step=””value=””>
⒂体重:<input type=”range” max=””min=””step=””value=””>
⒃喜欢的颜色:<input type=”color”name=”color”>
12、H5的语义化标签:
nav——导航
aside——侧边栏
article——独立的主题
hgroup——汇总标题
footer——放置友情链接,版权声明
13、标准文档流:
①display——用于确定元素类型
div/p——block块级,独占一行,可设置宽高
span——inline内联,行内,不可设置宽高
②h1-h6块级元素
常用于布局的块级元素:ol、ul、dl、table、from、div
常用于布局的内联元素:img、span、br、input、textarea
③块级元素可包含内联元素,反之则不行
标签:hold val 汇总 max 手机号 信息 video 插入图片 value
原文地址:http://www.cnblogs.com/alisa-sister/p/7633203.html