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

网页的基本标签


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.标题标签

基本标题标签:一级标题最大,依次越来越小。

一级标签


二级标签


三级标签


四级标签


五级标签

六级标签

代码示例如下:


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

网页显示如下:
HTML网页设计:二、网页的基本标签_第1张图片

2.段落标签

段落

代码示例如下:


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

网页显示如下:
HTML网页设计:二、网页的基本标签_第2张图片

3.换行标签


        
标签是空标签,即没有结束标签,因此

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

代码示例如下:


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

网页显示如下:
HTML网页设计:二、网页的基本标签_第3张图片

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

4.水平线标签


        在 HTML 中,


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

代码示例如下:


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

网页显示如下:
HTML网页设计:二、网页的基本标签_第4张图片

5.注释

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

代码示例如下:


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

网页显示如下:
HTML网页设计:二、网页的基本标签_第5张图片

6.特殊符号

空格: 
大于号>:>
小于号<:<
版权符号©:©

代码示例如下:


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

网页显示如下:
HTML网页设计:二、网页的基本标签_第6张图片

你可能感兴趣的:(HTML,html,网页设计)