龙空技术网

「转行测试开发-HTML」(三)上次没说完的标题、段落和文本格式化

蛋蛋杂谈 400

前言:

而今咱们对“css分割线怎么写”大体比较注重,你们都想要剖析一些“css分割线怎么写”的相关资讯。那么小编同时在网摘上汇集了一些对于“css分割线怎么写””的相关内容,希望大家能喜欢,咱们快快来学习一下吧!

继续上次没说完的标题吧,今天也顺便讲下段落和文本格式化。

首先,需要知道的是,标题很重要。

需要确保将 HTML 标题的标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。就像之前发的那张图一样。然后再说说标题的水平线。<hr> 标签在 HTML 页面中创建水平线,hr 元素也可用于分隔内容。实例如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>20210815---(二)测试开发转型</title>

</head>

<body>

<h></h>

<p></p>

<h1>我是最大的,你忍一下</h1>

<hr>

<h2>我是老二,你也要忍一下</h2>

<hr>

<h3>我是老三,我一般</h3>

<hr>

</body>

<a href =";>这是一个招聘网站</a>

</html>

可以看到有分割线

HTML注释

接着我们说下HTML的注释,可不是简单的 //

<!-- 这是一个注释 -->

需要注意的一点: 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要,合理地使用注释可以对未来的代码编辑工作产生帮助。

接着说下HTML的段落

HTML 段落

段落是通过 <p> 标签定义的。

具体我们来看个实例:

可以看到三个段落,我们再看看代码是怎么实现的

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>20210815---(二)测试开发转型</title>

</head>

<body>

<h></h>

<p>这是第一个段落</p>

<!--我是一个注释-->

<h1>我是最大的,你忍一下</h1>

<hr>

<p>这是第二个段落</p>

<h2>我是老二,你也要忍一下</h2>

<hr>

<p>这是第三个段落</p>

<h3>我是老三,我一般</h3>

<hr>

</body>

<a href =";>这是一个招聘网站</a>

</html>

不要忘记结束标签:即使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显示出来。接着说下在段落中折行,这就需要用到<br>了

我们直接来看看实例:

可以看到有三个折行

来看看代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>20210815---(二)测试开发转型</title>

</head>

<body>

<h></h>

<p>这是第一个段落,你服不服<br>我不服,你个二愣子</p>

<!--我是一个注释-->

<h1>我是最大的,你忍一下</h1>

<hr>

<p>这是第二个段落<br>你给我滚一边去</p>

<h2>我是老二,你也要忍一下</h2>

<hr>

<p>这是<br>第三个段落<br></p>

<h3>我是老三,我一般</h3>

<hr>

</body>

<a href =";>这是一个招聘网站</a>

</html>

<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签

下一节我们讲下HTML的格式化,包含粗体、斜线等

加油,晚安~

标签: #css分割线怎么写 #css的分割线