3、文本标签

    技术2022-07-11  84

    文本标签

    标题标签<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:将要跳转的URLname:标签名称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>
    Processed: 0.019, SQL: 9