TUhjnbcbe - 2024/6/30 17:34:00
“网页”由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标签之间的所有内容，将在浏览器中显示。父子标签bodyp/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更具体的使用，将在后边的文章中介绍