从今天起开始在博客园开启自己的html教程啦,先从第一节开始把,首先推荐一个网站,就是http:/www.w3cschool.cc,这是一个公开的教学网站,但是它有一个问题,那就是虽然很全面,但是不是一个入门网站,而是一个手册性质的网站,也就是适合我们去随时查询,但是不适合我们随时随地的阅读和学习。本教程则是一个适合入门的教程,如果是新手,可以学习下,如果是高手,这种html的知识就不用看了。
**********快速入门*************
1.html是HyperText Markup Language的缩写,即超文本标记语言,所谓的超文本,也就是可以包含了图片、超链接等的文本,而不仅仅是只能显示文字,它是一个标记语言,不是一个编程语言,因此大家学习起来会非常的快速。
2.我们可以新建一个xinxing.html,在编辑器中写入如下代码:
<html>
<head>
<title>辛星CSS,期待您的关注</title>
</head>
<body>
<p>辛星HTML,期待您的关注</p>
</body>
</html>
然后保存,然后用浏览器打开,会发现浏览器的界面上显示了几个文字:辛星HTML,期待您的关注。 下面我们来讲解一下这段代码。
*************标签*************
1.这里大家会发现我们有一个<html>和一个</html>标记,它们两个组成了一个标签对,每一个都被称之为一个标签。当然下面的head和body也是标签对,而且开头都用尖括号包裹起来,并且结尾的地方加一个斜线。
2.其实HTML既然被称为一个标记语言,它本身也是由若干的标签组成的,我们的最初始的<html>说明这是一个html文档的开始,而</html>则说明停止解析该文档,也就是html标签对中间的部分都是html的内容。
3.当然,我们还有head标签对和body标签对,它们的功能是一样的,这里说一下head标签,它包含了所有的头部标签元素,在head元素中我们可以添加一些设置,我们到后面再细说。
4.下面的title标签说明的是在浏览器的工具栏的标题的内容,它还会协助搜索引擎来搜索页面,而且当我们把该网页添加到收藏夹的时候,它还会显示在收藏夹中的标题。
5.上面的body标签则是浏览器的显示内容,我们通常也是更多的把内容写到这里面来,它的内容也就愈加广泛。
6.body标签的p标签则是指明了一个段落,它里面的文本信息就是该段落所拥有的内容,当然我们这里只是显示了一句话,没有什么特别的意义。
***************备注***************
1.并不是所有的标签都是由开始标签和结束标签组成的,比如用于换行的标签<br />,其实我们要换行,只需要写一个<br>就可以了,但是出于标准,我们在br后面加一个空格和一个斜线。
2.标签还可以有属性,这些我们后面再说,我的原则就是:用到的时候再说。
******************小结******************
1.本小节我们主要认识了一下HTML的基础知识,然后演示了一下HTML文件的写法。
2.然后我们介绍HTML中最基本的几个标签。