您所在位置：主题：关于html标记
wangzhan975 [专家分：0] 发布于 2011-09-14 11:09:00
这些代码希望对大家网站制作有所帮助，这是我在青鸟学习的课堂笔记，希望和大家一起分享学习
一、html介绍
进行复杂的网页设计必须学习HTML标记语言
HTML(Hypertext Marked Language)
超文本标记语言
用HTML编写的超文本文档称为HTML文档
能独立于各种操作系统平台运行
用于描述网页的格式设计和它与web上其它网页的连结信息
HTML并不是一种程序语言，它只是一种排版网页中资料显示的结构语言
需要通过web浏览器显示出效果
超文本语言，是除了文字以外它可以插入图片、声音、动画、视频等多媒体内容
二、html文档的结构
<html>-----------------------文档开始
<head> -------- -------文档的头标记，一般可以放一些样式和网页的标题
<title> ---------------文档的标题标记
</title>----------------文档标题结束
</head>------------------文档头结束
<body>----------------------文档正文开始
网页的正文
</body>-----------------------文档正文结束
</html>--------------------------整个文档结束
三、html标记
html文档是由大量的标记组成的，不同的标记功能、效果是不同的
标记都是以<>开始的，有些还需要有</>结束标记，归纳一下大致有三种标记
1.关闭型，这种标记必须由开始和结束标记，即<> </>他们之间是他们所标记的内容。例如：<title> hello word! </title>这是一个标题标记，那在浏览器浏览的时候网页的标题就将是hello world
<HTML>
<HEAD>
<TITLE>hello world</TITLE>
</HEAD>
<BODY>
这是我创建的第一个网页哦！
</BODY>
</HTML>
分析以上文档，大家可以把它复制到文本文件中，让后把扩展名改为htm，然后打开看一下，就能知道点什么了。
2.带有可选属性，例如：<body bgcolor=limegreen > 绿色的世界充满了生机和希望！</body>
以上<body> </body>是标记绿色的世界充满了生机和希望！即网页正文中将显示绿色的世界充满了生机和希望！
bgcolor是一body的一个属性，是背景颜色，bgcolor的值为limegreen即是绿色
所以上面的结果就是绿色的世界充满了生机和希望！在浏览器中将以绿色来显示
说明
1）标记有属性的时候，必须写在开始标记里面
2）标记和属性之间要有空格
3）属性值可以有双引号也可以没有
3.非关闭型，即这种标记只有开始标记没有结束标记如 <hr>---水平线、<br>---换行标记等
本节练习
<HTML>
<HEAD>
<TITLE>标题</TITLE>
</HEAD>
<BODY>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
</BODY>
</HTML>
试着分析文档的每一部分的含义，将以上文档复制到记事本中，好学者可浏览：http://www.beidaqingniao.org/about/071715.html
一、html介绍
进行复杂的网页设计必须学习HTML标记语言
HTML(Hypertext Marked Language)
超文本标记语言
用HTML编写的超文本文档称为HTML文档
能独立于各种操作系统平台运行
用于描述网页的格式设计和它与web上其它网页的连结信息
HTML并不是一种程序语言，它只是一种排版网页中资料显示的结构语言
需要通过web浏览器显示出效果
超文本语言，是除了文字以外它可以插入图片、声音、动画、视频等多媒体内容
二、html文档的结构
<html>-----------------------文档开始
<head> -------- -------文档的头标记，一般可以放一些样式和网页的标题
<title> ---------------文档的标题标记
</title>----------------文档标题结束
</head>------------------文档头结束
<body>----------------------文档正文开始
网页的正文
</body>-----------------------文档正文结束
</html>--------------------------整个文档结束
三、html标记
html文档是由大量的标记组成的，不同的标记功能、效果是不同的
标记都是以<>开始的，有些还需要有</>结束标记，归纳一下大致有三种标记
1.关闭型，这种标记必须由开始和结束标记，即<> </>他们之间是他们所标记的内容。例如：<title> hello word! </title>这是一个标题标记，那在浏览器浏览的时候网页的标题就将是hello world
<HTML>
<HEAD>
<TITLE>hello world</TITLE>
</HEAD>
<BODY>
这是我创建的第一个网页哦！
</BODY>
</HTML>
分析以上文档，大家可以把它复制到文本文件中，让后把扩展名改为htm，然后打开看一下，就能知道点什么了。
2.带有可选属性，例如：<body bgcolor=limegreen > 绿色的世界充满了生机和希望！</body>
以上<body> </body>是标记绿色的世界充满了生机和希望！即网页正文中将显示绿色的世界充满了生机和希望！
bgcolor是一body的一个属性，是背景颜色，bgcolor的值为limegreen即是绿色
所以上面的结果就是绿色的世界充满了生机和希望！在浏览器中将以绿色来显示
说明
1）标记有属性的时候，必须写在开始标记里面
2）标记和属性之间要有空格
3）属性值可以有双引号也可以没有
3.非关闭型，即这种标记只有开始标记没有结束标记如 <hr>---水平线、<br>---换行标记等
本节练习
<HTML>
<HEAD>
<TITLE>标题</TITLE>
</HEAD>
<BODY>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
</BODY>
</HTML>
试着分析文档的每一部分的含义，将以上文档复制到记事本中，好学者可浏览：http://www.beidaqingniao.org/about/071715.html