入门程序员,零基础,web系列二,第

“网页”由HTML代码标记或者包围的文本文件,这些代码告诉浏览器显示文本的方式。我们使用文本编辑器,来创建这些文件。

文本编辑器推荐:对于新手我推荐:Hbuilder这个编辑器,编辑完成可以一键在浏览器中运行。浏览器推荐:谷歌浏览器、火狐浏览器。在开发者中用到的是最多的。3.文件格式:

用HTML标识的文件,生成web内容,HTML文件扩展名为.html。

HTML文件组成:

标签

每个页面中,以开始,以结尾的单词被称为标签。因为他们标记了文本并且告诉浏览器这些文本的类型。

大部分HTML标签有两部分组成:开始标签,指示文本的开始,结束标签/,指示文本的结束。如:html/html

另一种标签为空标签:/。不包含一对匹配开始和结束的标签。如br/,img/。

你创建的每个网页必须包含html/html,head/head,title/title,body/body标签对。

html标示文档是一个网页,/html标示网页的结束。浏览器的最上方显示了标题文本,这是位于title/title标签之间的文本。body/body标签之间的所有内容,将在浏览器中显示。父子标签

body

p/p

/body

上述body/body标签中包含了一个p/p,我们称body为p的父标签,p为body的子标签。

组织页面

网页浏览器显示HTML页面时,并不考虑换行和文本间的空格,HTML代码中多余的空格会自动的减少为一个。如果想要控制换行,需要使用标签br/。

然而,一般看到的网页都是比较好看的,接下来我们来了解,层叠样式表。

层叠样式表(CSS):

创建一个独立的样式文档,指定字体、颜色、背景和其他复杂的样式。样式表为web提供了高级的显示。

CSS是CascadingStyleSheets的缩写,是一种定义样式结构如字体、颜色、位置等的语言,css可以直接写在HTML文件中或者是写一个单独样式文件。在外部使用时,样式表放在一个文件扩展名为.css的文件中。

css名称中层叠表示,样式规则应用于HTML元素的方式。具体说,css样式形成一个层次结构,更具体的样式覆盖通用的样式。样式规则的优先级有css根据这个层次结构决定。形象地说,css的机制类似继承关系,在继承中父级的样式传递给子级,但子级如果有特殊的样式,则这个特殊样式会覆盖父级传递下来的样式。

在这个例子中,颜色green通过样式属性color应用于div标签。因此div标签中的文本是绿色的,由于p标签是div标签的子标签,因此绿色字体的样式就传递给了两个p标签,但是第一个p标签有自己特殊的color样式:blue,所以这个标签包含的文本显示为蓝色,覆盖了绿色样式。第二个p标签没有指定特殊样式,继承了div的color属性,仍显示为绿色。

HTML和css更具体的使用,将在后边的文章中介绍




转载请注明:http://www.aierlanlan.com/grrz/3273.html