1. 基本标签
html | 页面最大的标签 |
head | 文档的头部标签 |
title | 文档的标题标签 |
body | 文档的主体标签 |
h1~h6 | 标题标签 |
p | 段落标签 |
br/ | 换行标签 |
div | |
span | |
img | 图像标签 |
a | 超链接标签 |
拓展:
1、超链接标签:
<a href="跳转目标", target="目标窗口的弹出方式"></a>
target:
_self:默认方式打开
_blank: 在新窗口中打开
_parent: 以文档在父窗口上的方式跳转,如果父窗口是window对象的话,那么效果和_self相同
_top: 能够跳转出包含这个超链接的窗口
framename:iframe
2、图像标签的属性
<img src="url"/>
src: 图像文件的地址
width: 图像的宽度
height: 图像的高度
title: 提示文本,(鼠标放在图片上显示的文字)
alt: 替换文本,图片不显示时,显示的文字信息
strong / b | 加粗标签 |
em / i | 倾斜标签 |
del / s | 删除标签 |
ins / u | 下划线标签 |
注:加粗为推荐使用的标签
2. 列表标签
2.1 无序列表
<ul>
<li></li>
<ul>
ul>li:比较常用,ul里面只能嵌套li
2.2 有序列表
<ol>
<li></li>
</ol>
有序列表: 不是很常用, ol里面只能嵌套li
2.3 自定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
一般在使用过程中: 一个dt,对应多个dd
3. 表格标签
table | 定义表格的标签 |
th | 表头单元格,位于表格的第一行或者第一列,表头单元格中的文本内容居中加粗显示 |
tr | 定义表格中的行,嵌套在table标签中 |
td | 定义表格单元格,嵌套在tr标签中 |
thead | 表格的表头区域 |
tbody | 表格的主体区域 |
1.补充:表格的属性
width | 表格的宽度 |
height | 表格的高度 |
cellpadding | 单元格与文本内容之间的距离 |
cellspacing | 单元格与单元格之间的距离 |
border | 单元格的边框粗细 |
align | 单元格中文本内容的对齐方式:left/right/center |
2.拓展:单元格合并方式
1.跨行合并: rowspan="合并单元格个数"
2.垮列合并: colspan="合并单元格个数"
4. 表单标签
表单标签由3部分组成:表单域、表单控件、提示信息
4.1 表单域
<form action="url" method="get/post" name="表单名字">
各种表单控件
</form>
表单域中的属性:
action | url地址:用于接收和处理表单的服务器的url地址 |
method | 设置表单的提交方式:get/post |
name | 指定表单的名称,用于区分一个页面中的不同表单 |
4.2 表单控件
表单控件一般有:
1. input: 输入表单元素
<input type="属性值"/>
1.input的表单属性:
name | input元素的名字 |
value | input元素的值 |
checked | 设置checked=“checked”,默认选中 |
maxLength | 设置输入字段的最大输入长度 |
2.type的属性值:
text | 单行文本输入字段 |
password | 密码字段,密码被隐藏 |
radio | 单选按钮 |
checkbox | 复选框 |
button | 点击按钮 |
reset | 重置按钮,表单中的数据都被清除 |
submit | 提交按钮,把表单数据发送给服务器 |
file | 定义输入字段和“浏览”按钮,上传文件 |
image | 图像形式的提交按钮 |
hidden | 定义隐藏的输入字段 |
2. select: 下拉表单元素
<select>
<option selected="selected">北京</option>
<option>上海</option>
</select>
3. textarea: 文本框元素
<label>留言</label>
<textarea row="5" col="10">hello!!!</textarea>