3、文本标签

最新推荐文章于 2022-03-19 21:48:55 发布

青叶的全栈之路

最新推荐文章于 2022-03-19 21:48:55 发布

阅读量937

点赞数 1

分类专栏： Web前端文章标签： html

本文链接：https://blog.csdn.net/dream_AI/article/details/107070718

版权

Web前端专栏收录该内容

16 篇文章 2 订阅

订阅专栏

文本标签

标题标签<h1> ~ <h6>
段落标签<p>
文本修饰标签<span>
超链接标签<a>
其它常用文本标签，斜体、加粗、删除线、下划线、水平线、换行

一、<h>标签

1.1、说明

<h1>到<h6>用于定义不同级别的标题，标题标签有文本结构的意义，如果只是想要达到类似的样式效果，请用CSS来实现。<h>标签是块级元素，前后会自动换行。

1.2、属性

1.3、使用

<body>
	<h1>这是一级标题</h1><!--德不配位，必有灾殃-->
	<h2>这是二级标题</h2>
	<h3>这是三级标题</h3>
	<h4>这是四级标题</h4>
	<h5>这是五级标题</h5>
	<h6>这是六级标题</h6>
</body>

二、<p>标签

2.1、说明

用来定义一个段落。p标签前后会自动创建一些空白，这是p标签自带的样式。<p>标签是块级元素，前后会自动换行。

2.2、属性

2.2、使用

<body>
	<p>这是一个段落</p>
    <pre>作用跟p元素差不多，但是文字内容保留了空格和换行符，且英文字符都统一用等宽字体</pre>
</body>

三、<span>标签

3.1、说明

一般都是用来修改文本、行内元素的样式，<sapn>标签本身不附带任何样式。

3.2、属性

3.3、使用

<body>
	<span>这是一段被修饰的文本</span><!--通过修改span的样式以达到修改文本样式的目的-->
</body>

四、其他标签

4.1、说明

4.2、属性

href：将要跳转的URL
name：标签名称
title：鼠标悬浮时显示的文字

4.3、使用

<body>
    <a src="http://www.baidu.com/" title="百度一下">这是被链接的文本、图片或其它</a>
</body>

五、其他标签

5.1、说明

<b>标签和<strong>标签的具体表现都是给字体加粗，且加粗程度一样，唯一的区别就是字符占用数量。但由于官方给<strong>的定位是文本强调，那么可能以后会给其一些特殊的属性也不好说，所以我们平常加粗用<b>标签就行了。
<em>和<i>标签的作用就是给文本添加斜体样式。
<u>标签，给文本添加下划线。
<del>标签，给文本添加删除线。
<br/>标签：用于制造一个换行符换行。
<hr/>标签，用于制造一条水平线。需要注意的是<hr/>标签是块级标签，前后会自动换行。

5.2、属性

5.3、使用

<body>
    <b>我被b标签加粗</b><!--加粗-->
    <strong>我被Strong标签加粗</strong><!--着重-->
    <i>这也是斜体标签</i><!--斜体-->
    <em>我被添加了斜体样式</em><!--斜体-->
    <u>我被添加了下划线</u><!--下划线-->
    <del>我被添加了删除线</del><!--删除线-->
    <hr/><!--这是一条水平线-->  
    <br/><!--换行符-->
</body>

青叶的全栈之路

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
3、文本标签

文本标签标题标签<h1> ~ <h6>段落标签<p>文本修饰标签<span>超链接标签<a>其它常用文本标签，斜体、加粗、删除线、下划线、水平线、换行一、<h>标签1.1、说明 <h1>到<h6>用于定义不同级别的标题，标题标签有文本结构的意义，如果只是想要达到类似的样式效果，请用CSS来实现。<h>标签是块级元素，前后会自动换行。1.2、属性1.3、使用<bod
复制链接

扫一扫