HTML5标签分类整理

一、基本元素

    <!--...-->:用于定义HTML注释,位于<!--与-->之间的数会被当做注释处理。

    <html>:是HTML5文档的根元素。

    <head>:用于定义HTML5文档的页面头部分。

    <title>:一般放在head标签下,用于为HTML5文档定义页面标题。

    <body>:定义HTML的主体部分,可以指定id,class , style等通用属性,换可以指定一系列的事件属性。

    <h1>到<h6>:定义标题,从h1到h6字体大小依次减小。

    <p>:段落标签,段落标签无论该表签中的内容时否满一行,该表签都会占满一行。

    <br>:换行

    <hr>:一条水平直线

    <div>:定义文档中的各个结点,通常与CSS结合进行页面布局,该元素可以指定id , class ,style等属性。

    <span>:与div类似,一般用于定义一段一般性的文本,该标签不能指定宽度,它的宽度只能由内容撑开,会随着内容的多少而发生改变。

二、文本格式相关元素

    <b>和<strong>:用于对文本进行加粗处理

    <i>:使文本倾斜显示

    <em>:用于强调文本,显示效果于<i>类似

    <small>:定义小一号字体,一般不常用。

    <sup>:上标文本

    <sub>:下标文本

    <bdo>:定义文本显示的方向,通过dir属性来指定方向,当属性值为ltr时,从左向右;当属性值为rtl时,从右向左。

三、语义相关元素

    <abbr>:表示一个缩写

    <address>:表示一个地址,通常用斜体显示。

    <blockquote>:定义一段长的引用文本。

    <q>:定义短的引用文本

    <code>:用来表示一段代码

    <dfn>:定义专业术语

    <del>:定义文档中被删除的文本。以中划线形式显示

    <ins>:定义文档中插入的文本,以下划线显示。

四、超链接和锚点

    例:<a href="www.baidu.com">百度</a>

    属性:

        href:超链接所链接的资源

        target:一般用来表示是否打开一个新的窗口,默认是_self,即在自身显示,可以通过修改这个属性值为:_black来指定在新的窗口显示

        download:点击时,下载download属性中所指向的资源。

    那么如何做一个锚点呢?

        代码: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<a name="test">这里是锚点</a>
		<div style="height: 1000px;background-color: red;">
			
		</div>
		<a href="#test">定义到锚点</a>
	</body>
</html>

       

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值