标签之标题(heading)
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
快捷键 生成h1~h6快捷键:h$*6
标签之段落
<p>
换行<br>
如果您希望在不产生一个新段落的情况下进行换行(新行),请使 用
元素是一个空的 HTML 元素
水平线<hr>
1 color:设置水平线的颜色
2 width:设置水平线的长度
3 size:设置水平线的高度
4 align:设置水平线的对齐方式(默认居中),可取值left|right
图片标签 img
1 src:路径(图片地址与名字)
2 alt:规定图像的替代文本
3 width:规定图像的宽度
4 height:规定图像的高度
5 title:鼠标悬停在图片上给予提示
<a> 超链接
超链接之锚点
<a href="#hello">跳转到当前页</a>
<p id="hello">文本信息</p>
标签之文本
列表标签 之有序标签
ol li
无需标签
ul li
标签之 表格
table tr td
表格属性 border:设置表格的边框 width:设置表格的宽度 height:设置表格的高度 align:设置表格的水平对齐方式 cellpadding:设置内容距离边框的距离 cellspacing:设置单元格之间的距离 bgcolor:设置表格背景颜色 bordercolor:设置边框颜色 background:设置背景图片 | |
td的属性 height:设置一行的高度 bgcolor:设置一行的背景颜色 background:设置一行的背景图片 align:设置行里内容水平对齐方式,取值:left、center、right valign:设置行里内容垂直对齐方式, 取值:top、middle、bottom 32 | tr的属性 width:设置单元格的宽度,同列等宽 height:设置单元格的高度,同行等高 align:设置单元格内容水平对齐方式 valign:设置单元格内容垂直对齐方式 bgcolor:设置单元格背景颜色 background:设置单元格背景图片 |
form 表单
<form>
<input type="text">
<input type="submit">
</form>
<form>
<input type="radio" name="sex"
value="male">Male
<br>
<input type="radio" name="sex"
value="female">Female
</form>
radio按钮
checknook定义了复选框. 用户需要从若干给定的选择中选取 一个或若干选项
form 文件
<form>
<input type="file" name="img">
</form>
select元素用来创建下拉列表。
option标签定义下拉列表中的一个选项(一个条目)
textarea 多行文本框
label 标签为 input 元素定义标注(标记)。 label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进 了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是 说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关 的表单控件上。 标签的 for 属性应当与相关元素的 id 属性相同
email 定义用于 e-mail 地址的字段(当提交表单时会自动对 email 字段的 值进行验证)
url 定义用于输入 URL 的字段
search 定义搜索字段(比如站内搜索或谷歌搜索等)
tel 定义用于输入电话号码的字段
color 从拾色器中选取颜
number 定义用于输入数字的字段(您可以设置可接受数字的限制)
range 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。您 也可以设置可接受数字的限制
date 定义 date 控件
autofocus 属性自动聚焦
autofocus 属性适用于所有 标签的类型
placeholder 属性 placeholder 属性提供一种提示(hint),描述输入域所期待的值
required 属性 required 属性规定必须在提交之前填写输入域(不能为空)