2014年度辛星html教程夏季版第一节

时间:2022-10-25 19:15:36

首先说明一下吧,我的这些教程最早发布在博客园上,但是无奈没有人气,于是就搬到了csdn上,于是就开始了这一系列的教程,大家也可以在博客园上找到我,都是同一个人。。。

 先从第一节开始把,首先推荐一个网站,就是http:/www.w3cschool.cc,这是一个公开的教学网站,但是它有一个问题,那就是虽然很全面,但是不是一个入门网站,而是一个手册性质的网站,也就是适合我们去随时查询,但是不适合我们随时随地的阅读和学习。本教程则是一个适合入门的教程,如果是新手,可以学习下,如果是高手,这种html的知识就不用看了。

 

   **********快速入门*************

1.html是HyperText Markup Language的缩写,即超文本标记语言,所谓的超文本,也就是可以包含了图片、超链接等的文本,而不仅仅是只能显示文字,它是一个标记语言,不是一个编程语言,因此大家学习起来会非常的快速。

2.我们可以新建一个xinxing.html,在编辑器中写入如下代码:

 

2014年度辛星html教程夏季版第一节
<html>
    <head>
        <title>辛星CSS,期待您的关注</title>
    </head>
    <body>
        <p>辛星HTML,期待您的关注</p>
    </body>
</html>
2014年度辛星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中最基本的几个标签。