超文本标记言HTML.ppt

超文本标记语言HTML 本章主要介绍HTML的基本概念，字体、表格、多媒体、超链接、框架、表单等标记的基本用法。 3.1 HTML简介 3.1.1 HTML的概念 3.1.2 HTML文档的基本结构 3.1.3 HTML标记及属性 3.2 字体 3.2.1 字体格式 3.2.2 标题格式 3.2.3 段落格式 3.3 表 格 3.3.1 表格的制作 3.3.2 表格的属性 3.3.3 合并单元格 3.4 多媒体 3.4.1 图像格式 3.4.2 图像标记及属性 3.4.3 播放音乐 3.4.4 播放视频 3.5 超链接 3.5.1 超链接的建立 3.5.2 文档与超链接 3.5.3 图像与超链接 3.6 框 架 3.6.1 框架集与框架 3.6.2 横向框架 3.6.3 纵向框架 3.7 表 单 3.7.1 表单的概念 3.7.2 表单标记及属性 3.7.3 文本框和密码框 3.7.4 单选框和复选框 3.7.5 文本区 3.8 其他标记 3.8.1 列表 3.8.2 水平分隔线 3.8.3 滚动字幕 3.8.4 特殊字符 3.1 HTML简介 HTML(HyperText Markup Language，超文本标记语言)，是编写ASP文档和开发各种Web应用程序的基础。 HTML源于SGML（Standard Generalize Markup Language，标准通用标记语言），通过标记及属性对超文本的语义进行描述。 超文本包括文字、表格、多媒体、超链接等内容，是构成网页的基本元素，由此产生丰富多彩的网页。 超文本的显示效果由标记决定。HTML中的标记是一条命令，是区分超文本各个部分的分界符，将HTML文档划分成不同的逻辑部分，它告诉浏览器如何显示超文本。 网页元素放在标记之间，浏览器对这些标记进行解释，显示出文字、图像、动画、播放声音等。 3.1 HTML简介 HTML只是一个纯文本文件，由标记及夹在其中的超文本组成，文件的扩展名为.htm或.html。 创建和浏览一个HTML文档，需要两个工具，一是HTML编辑器，二是Web浏览器。HTML编辑器是用于生成和保存HTML文档的应用程序。 Web浏览器是用来打开Web网页文件，提供查看Web资源的客户端程序。 3.1.2 HTML文档的基本结构 一个HTML文档是由一系列超文本元素和标记组成的。 HTML用标记来设置超文本元素的外观显示特征和排版效果。 HTML文档分为文档头和文档体两部分，在文档头里，对整个文档进行一些必要的定义，文档体中才是要显示的各种信息。 一个最基本的HTML文档的代码 html head title简单的HTML文档结构/title /head body center h1欢迎光临我的主页/h1 hr font size= 7 这是我第一次做主页 /font /center /body /html 3.1.3 HTML标记及属性 HTML标记分为单标记和双标记两种。 双标记是由首标记标记名和尾标记/标记名组成的，双标记只作用于这对标记中的内容。 单标记的格式为标记名，单标记在相应的位置插入元素就可以了。 大多数标记都有自己的一些属性，属性是标记中的参数选项，写在首标记内，用于进一步改变显示的效果。 属性有属性值，各属性之间无先后次序。 标记及属性的语法格式为： 标记名字 属性1=属性值1 属性2=属性值2内容/标记名字 3.1.3 HTML标记及属性 head是HTML文档的头部标记，是双标记。 在浏览器窗口中头部标记的信息不显示在正文中，在此标记中还可以嵌入其他标记，用以说明文档的标题和整个文档的公共属性。 这些标记的详细说明见表3-1。 标记head可嵌入的其他标记 3.1.3 HTML标记及属性 body是HTML文档的主体标记，是双标记。 主体标记之间的文本是网页的正文部分，是在浏览器中显示的网页内容，可以嵌入字体、表格、多媒体、超链接、框架、表单等标记。 body标记有许多属性，可控制整个页面的文字的颜色、网页的背景颜色、背景图像、网页中超链接的颜色等。 主体标记body的常用属性 3.2.1 字体格式 字体标记为font，用于设置文本的字体，大小和颜色，语法格式为： font face=字体名称 size=字号大小 color=字体颜色文本/font 字体标记font属性的详细说明见下表。 文字常用标记 3.2.2 标题格式 hn标记用于设置文档体中出现的标题文字，被设置的文字将以黑体样式显示在网页中。标题标记的语法格式为： hn align=对齐方式标题内容/hn hn标记是双标记，这里