网页的基本标签


HTML系列文章目录

  1. HTML网页设计：一、HTML的基本结构
  2. HTML网页设计：二、网页的基本标签
  3. HTML网页设计：三、图像标签之＜img＞标签
  4. HTML网页设计：四、超链接
  5. HTML网页设计：五、行内元素和块元素
  6. HTML网页设计：六、列表
  7. HTML网页设计：七、表格
  8. HTML网页设计：八、媒体元素
  9. HTML网页设计：九、网页的简单布局
  10. HTML网页设计：十、iframe内联框架
  11. HTML网页设计：十一、表单

文章目录

  • 网页的基本标签
    • HTML系列文章目录
    • 1.标题标签
    • 2.段落标签
    • 3.换行标签
    • 4.水平线标签
    • 5.注释
    • 6.特殊符号

1.标题标签

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

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

代码示例如下：

<!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.段落标签

<p>段落</p>

代码示例如下：

<!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.特殊符号

空格：&nbsp;
大于号>：&gt;
小于号<：&lt;
版权符号©：&copy;

代码示例如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>特殊符号学习</title>
</head>
<body>
	<!--空格-->
	空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格<br/>
	<!--大于号-->
	x&gt;y<br/>
	<!--小于号-->
	1&lt;2<br/>
	<!--版权符号-->
	这是一个版权符号：&copy;
</body>
</html>

网页显示如下：

更多推荐

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