本文仅是记录了作者容易忘记的HTML标签,并没有对所有标签进行详细总结
无序列表:
<ul>
<li></li>
<li></li>
</ul>
属性总结:
ul可以使用type属性指定列表前面的形状
type = disc代表实心圆
type = circle代表空心圆
type = square代表实心方块
有序列表:
<ol>
<li></li>
<li></li>
</ol>
属性总结:
ol同样可以使用type属性指定列表前方标记样式
type = "1"代表数字排序
type = "a"代表小写字母排序
type = "A"代表大写字母排序
type = "i"代表小写罗马字母排序
type = "I"代表大写罗马字母排序
自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
</dl>
解释在名词下一行,解释相对名词会有一个缩进
图片
<img></img>
不同图片默认是底部对齐的
属性总结:
title = "xxx"代表当鼠标移上去的时候显示的文字
alt = "xxx"代表图片加载失败的时候显示的文字
超链接
<a></a>
属性总结:
target=_blank表示在新窗口打开页面
href = “” 表示连接指向的网页
title = "“ 表示鼠标移上去的提示文本
删除线
<del></del>
上标在这里插入代码片
<sup></sup>
加粗
<b></b> | <strong></strong>
分割线
<hr/>
倾斜
<i></i> | <em></em>
下划线
<u></u>
居中
<center></center>
表格
<table>
<th>##代表表头
</th>
<tr>##代表行
<td></td><td></td><td></td>代表列
</tr>
<tr>
<td></td><td></td><td></td>
</tr>
</table>
属性总结:
border:代表表格边框
cellspacing:代表单元格间隙
cellpadding:单元格与内容之间的空隙
align:代表文字水平排列方式,可取left、right和center
valign:代表文字垂直排列方式,可取top、bottom和middle
colspan:代表这个单元格所占据单元格的宽度数目,即合并列
rowspan:代表这个单元格所占据的单元格的高度数目,即合并行
表格中的标签:
<col></col>:对表格的一列进行操作,一个<col></col>标签就代表一列
<tr></tr>:对表格的一行元素进行操作的目的
<colgroup></colgroup>:一组<col></col>标签,具有span属性,span等于几就代表有多少个col
表单
<form>
<input>
</input>
</form>
form标签属性:
action属性代表提交的地址
method:get和post两种请求方式
input属性:
type属性:有以下取值
text:文本框,可以使用value属性指定默认值,placeholder可以显示提示信息
password:密码框
radio:单选框,同一组单选框必须要有同一个name,才能保证只选中一个,使用checked表示默认选中,disabled代表不让选中
checkbox:复选框,使用checked表示默认选中,disabled代表不让选中
button:普通按钮,可以使用value属性指定按钮中文字
submit:提交按钮,可以使用value属性指定按钮中的文字
reset:重置按钮,可以使用value属性指定按钮中的文字
`file:文件选择按钮``
如果想要提交input标签中的内容,则其必须要有name属性
input按钮中加入文字需要使用value属性
文本框:
<textarea></textarea>
属性总结:
cols:表示每一行可以放多少字符
rows:表示一共可以放多少列
下拉菜单:
<select>
<option></option>
<option></option>
</select>
表单高级
<fieldset></fieldset>
相当于一个方框,在字段集中可以包含文本和其他元素,该元素用于对表单中的元素进行分组并在文档中区别标出文本,fieldset元素可以嵌套,在其内部可以再设置多个fieldset对象。disabled定义空间禁止可用。
<legend></legend>
legend元素可以在fieldset对象绘制的方框内插入一个标题。legend元素必须是fieldset内的第一个元素
<label for="绑定控件id名"></label>
label元素用来定义标签,为页面上的其他元素指定提示信息。要将label元素绑定到其他的控件上,可以将label元素的for属性设置为与该控件的id属性值相同,
span标签
<span></span>
一个容器标签,不具备任何功能,用于包裹一段文本,便于给文本增加样式,是行内标签
div标签
<div></div>
一个通用的容器标签,不具备任何功能,可以包裹任何内容,也可以互相包裹,空的div宽度默认是100%,高度是0
标签嵌套
- P标签不能嵌套P标签
- 超链接不能嵌套超链接
- 标题标签也不能互相嵌套
字符实体
-   ; 空格
- > ;右尖括号
- < ;左尖括号
- © ;备案中图标
HTML5新增标签
1.<header></header>
2.<footer></footer>
3.<article></article>
4.<aside></aside>
5.<section></section>
6.<nav></nav>
7.<figure><figurecaption></figurecaption></figure>
8.<mark></mark>
9.<vedio></vedio>
10.<radio></radio>