HTML网页设计：二、网页的基本标签

小白教程 · 发表于 2021-4-16 12:07:54

1.标题标签

基本标题标签：一级标题最大，依次越来越小。

代码示例如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题标签学习</title>
</head>
<body>
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
</body>
</html>

复制代码

网页显示如下：

2.段落标签

代码示例如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>段落标签学习</title>
</head>
<body>
我寻你千百度又一岁荣枯
可你从不在灯火阑珊处
我寻你千百度日出到迟暮
一瓢江湖我沉浮
<p>我寻你千百度又一岁荣枯</p>
<p>可你从不在灯火阑珊处</p>
<p> </p>
<p>我寻你千百度日出到迟暮</p>
<p>一瓢江湖我沉浮</p>
</body>
</html>

复制代码

网页显示如下：

3.换行标签
<br/>

<br>标签是空标签，即没有结束标签，因此<br>…</br>是错误的在xml里面必须要求写出<br/>因为xml要求所有的标签都必须关闭，后面加上/表示关闭标签。二者具有相同作用，但前者是老的html规范，而在新的规范W3C//DTD HTML 4.0要求一切都应象xml那样有结束符，以便严格规范。

代码示例如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>换行标签学习</title>
</head>
<body>
我寻你千百度又一岁荣枯
可你从不在灯火阑珊处
我寻你千百度日出到迟暮
一瓢江湖我沉浮
我寻你千百度又一岁荣枯<br/>
可你从不在灯火阑珊处<br/>
<br/>
我寻你千百度日出到迟暮<br/>
一瓢江湖我沉浮<br/>
</body>
</html>

复制代码

网页显示如下：

段落标签和换行标签的不同：在生成的网页中，段落段前段后具有间距，而换行每行之间没有间距。

4.水平线标签
<hr/>

在 HTML 中，<hr> 标签没有结束标签，在 XHTML 中，<hr> 必须被正确地关闭，比如<hr/>，同<br/>标签，为规范标准使用，需要在后面加一个反斜杠。

代码示例如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>水平线标签学习</title>
</head>
<body>
hello
<hr/>
world
</body>
</html>

复制代码

网页显示如下：

5.注释

<!–这是一段注释。注释不会在浏览器中显示。–>】

dw中注释的快捷方式为选中要注释的内容按ctrl+shift+/

代码示例如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>注释标签学习</title>
</head>
<body>
<p>这是一个普通的段落。</p>
这是一个普通的句子。<br/>
这是一个普通的句子。<br/>
</body>
</html>

复制代码

网页显示如下：

6.特殊符号

代码示例如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>特殊符号学习</title>
</head>
<body>
空格<br/>
x>y<br/>
1<2<br/>
这是一个版权符号：©
</body>
</html>

复制代码

本帖寻求最佳方案

，目前已有 0 个回复我要奖励

		自动登录	找回密码
密码			立即注册

[好文分享] HTML网页设计：二、网页的基本标签

本帖寻求最佳方案

本帖子中包含更多资源