码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-07-20 22:36:28      阅读:324      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   文件   2014   

    从今天起开始在博客园开启自己的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中最基本的几个标签。

2014年度辛星html教程夏季版第一节,布布扣,bubuko.com

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

标签:style   blog   http   color   文件   2014   

原文地址:http://www.cnblogs.com/xinxing/p/3857363.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!