网页制作基本语言HTML.pptVIP

第四章网页制作根本语言HTML

目录4.1HTML简介4.2HTML文档的根本结构4.3HTML标签4.4创立超链接4.5插入网页元素4.6表单4.7框架

4.1HTML简介HTML是一种页面描述语言，用HTML编写的文档称为HTML文档。通过Web浏览器阅读HTML文档时，浏览器负责解释HTML文档并将其以页面的形式呈现在用户面前，这样的页面就是Web页面。HTML也称作超文本标签语言，用HTML给文本文件添加标签，使其可以在WWW上发布何在浏览器中显示。HTML作为网页制作的排版语言，是网页设计的根底，其主要功能如下：格式化文本。如设置标题、字体、字号、颜色、段落、对齐方式等。建立超链接。单机超链接可以实现页面间的跳转。安排页面布局。借助表格、框架更设置整个页面的布局。引入多媒体。在页面中添加图像、音频、视频、动画等，丰富页面效果。设置交互式表单。通过文本域、选框、下拉菜单等与用户进行交互。

4.1HTML简介从本质上来说，HTML文件是一种纯文本文件，因而可在任何文本编辑器中制作，如记事本、写字板、Word等。用HTML编写的超文本文档称为HTML文档，它独立于各种操作系统平台，可以通过浏览器读取，并由浏览器内容的语法分析器自动解释其中包含的各种标签并按一定的格式显示，最终呈现精彩的Web页面效果。

4.2HTML文档的根本结构HTML文档由标签和文本组成，两者相互配合产生所需的Web页面效果。htmlheadtitle网页标题/title/headbody网页正文/body/html在记事本中输入以上代码，以.htm或.html格式保存文件后即可完成一个简单的网页制作。

4.3HTML标签标签是HTML的根本元素。在HTML文档中的社党位置添加标签，可以实现各种页面效果。标签的根本语法格式如下：标签受标签影响的文本/标签标签内还可以包含一系列属性，通过设置属性可以实现各种效果。设置标签属性的语法结构如下：标签[属性1=属性值][属性2=属性值]…[属性N=属性值]…/标签HTML标签封装在由“〞和“〞构成的一对尖括号中，属性可缺省。浏览器在解释HTML文档时，根据“〞和“〞识别标签，然后确定其中的内容。多数标签包含开始标签“标签〞和结束标签“/标签〞两局部，称为成对标签。不需要“/标签〞结束的标签为单标签。

4.3.1页面标签在4.2节介绍的HTML文档根本结构中，除了文本以外，还涉及以下4个HTML标签。1.HTML文档标签HTML文档标签html…/html出现在最外层，表示这对标签间的内容是HTML文档。每个HTML文档均以html开始，以/html结束。2.HTML文档头标签HTML文档头标签head…/head用于说明标题名、文本文件地址、创作信息等头部信息，假设不需要头部信息那么可以忽略此标签。3.HTML文档标题标签HTML文档标题标签title…/title用于定义标题内容并将其显示于浏览器标题栏，其作用是概括网页内容，便于浏览者将网页参加书签或保存至磁盘。

4.3.1页面标签4.HTML文档主体标签HTML文档主体标签body…/body用于定义网页上显示的主要内容与格式，是整个网页的核心，浏览器窗口中显示的网页内容都包含在该标签中。body有很多属性，用于设置页面的背景颜色、背景图像、文字颜色、超文本链接的颜色，可以控制网页的总风格。

4.3.2文字与段落标签HTML中的标签有许多用于控制页面文字及段落格式，每种标签都从某一方面对页面文本产生影响，甚至可以利用不同的标签实现相同的控制效果。1.标题的设置页面文字中，标题是一段文字的核心，可用加强的效果来表示，通过设置不同大小的标题为文字段落增加条理性。设置标题的语法格式如下：hnalign=对齐方式标题/hn标题文字以宋体显示并且自动换行。n用来定义标题的大小，取值范围为1~6，取1时最大，取6时最小。属性align用来设置标题在页面中的对其方式，取值可为left〔左对齐〕、center〔居中〕或right〔右对齐〕。

4.3.2文字与段落标签2.强制换行在HTML文档中无法通过enter键进行换行，因此需要进行强制换行。强制换行标签br出现时，表示从该处开始新的一行。强制换行的语法格式如下：文字br3.文字格式的控制通过font标签设置网页文字的字体、大小和颜色，可以增强文字显示的多样性和层次感。使用font标签控制文本格式的语法格式如下：fontface=字体名size=数字color=颜色受影响的文字/font

4.3.2文字与段落标签常用颜色的英文单词及十六进制代码

4.3.2文字与段落标签常用的字形控制标签

4.3.2