网页开发基础——HTML技术

HTML：（超文本标记语言）

主要作用是通过HTML标记对网页中的文本、图片、声音等内容进行描述。

带< >符号的元素被称为HTML标记，标记是放在标记符（< >）中的用户表示某个功能的编码命令，也称为HTML标签或元素。

1.<!DOCTYPE>标记

位于文档最前面，用于向浏览器说明当前文档使用的是哪种HTML，如7-1使用的是HTML5。通常网页必须在开头处使用<!DOCTYPE>标记为所有的HTML文档指定HTML版本和类型。只有这样浏览器才能将该网页作为有效的HTML文档，并按指定的文档类型进行解析。该标记和浏览器兼容性有关，删除后，会把如何展示HTML页面的权力交给浏览器，这样页面显示效果有多种，开发中不允许。

2.< html >标记

位于<!DOCTYPE>标记后，也称根标记，用于告知浏览器其自身是一个HTML文档。
以< html >开始，以< /html >结束，两者之间的内容是文档的头部和主体。

3.< head>标记

该标记用于定义HTML文档的头部信息，也称为头部标记，紧跟中< html>标主要用于封装其他位于文档头部的标记，如< title>、< meta>、< link>及< style>等，其中< title>标记用于描述文档的标题，< meta>可提供有关页面的元信息，也可指定字符编码；< link>用于定义文档与外部资源的关系，其最常见的用途是链接样式表，< style>用于为HTML文档定义样式信息。

注：一个HTML文档只能含有一对< head>标记，并且绝大多数文档头部包含的数据都不会真正作为内容显示中页面中。

4.< body>标记

== 用于定义HTML文档所要显示的内容==，也称为主体标记。里面的信息才是最终展示给用户的。

注：一个HTML文档只能含有一对< body>标记，< body>标记必须在< html>标记内，且位于< head>头部标记之后，与< head>标记是并列关系。

5.HTML文件的创建及运行

首先创建一名为chapter07的文件夹，然后在文件夹中新建一个txt结尾的文本文件，将上述7-1内容编写到文件中，保存文件后，将文件名称改为htmlDemo01，后缀为html。双击即可通过默认浏览器打开。。如果要展示页面效果，可在两< body>标记之间添加内容。