常用HTML标签记录

本文仅是记录了作者容易忘记的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


标签嵌套

  1. P标签不能嵌套P标签
  2. 超链接不能嵌套超链接
  3. 标题标签也不能互相嵌套

字符实体

  1. &nbsp ; 空格
  2. &gt ;右尖括号
  3. &lt ;左尖括号
  4. &copy ;备案中图标

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>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值