文档介绍：网页设计与制作—— HTML 语言李京文退出第一页上一页下一页最后页教学目标? HTML 标记语言的基础知识? HTML 语法基础??????、音乐及滚动字幕的插入与设置?? 10 .熟练的利用标记编写页面代码退出第一页上一页下一页最后页本章内容? HTML 基础?文本格式标记?列表标记?多媒体元素标记?超链接标记?表格标记?表单标记?框架标记? CSS 样式?案例解析退出第一页上一页下一页最后页 HTML 基础本章的引例是利用 HTML 标记实现的,本节首先介绍 HTML 基础知识。 HTML 是 Hypertext Markup Language 的英文缩写,其含义为超文本标记语言。一、基本概念超文本( Hypertext ): 被定义了某些特征的普通文本。 HTML 标记( Markup ): 用于标识页面中各部分的符号。在 HTML 中每个用来作标记的符号都是一条命令,它告诉浏览器如何显示信息。所有的标记都必须用尖括号(即小于号“<”和大于号“>”)括起来。 HTML 标记的属性: 大多数标记都拥有一个属性集,通过这些属性可以对作用的内容进行更多的控制。 HTML 语言( Language ): 即超文本标记语言,在 HTML 文档中,以超文本格式,利用标记及其属性进行网页设计的语言,它有自己特定的语法规则。 HTML 文档: 即页面,它是文本文档,其扩展名为. htm 。退出第一页上一页下一页最后页 HTML 基础二、 HTML 文档的基本结构 1. HTML 结构标记 HTML 文档都是由 HTML 标记构成的, 一个基本的 HTML 文档通常包括以下三对顶级标记。(1)HTML 标记<html> …</html> (2) 头部标记<head> …</head> (3) 主体标记<body> …</body> 退出第一页上一页下一页最后页 HTML 基础使用标记或标记属性时应注意以下几点: ①属性一定要包含在标记中。②一个标记中可以包含多个属性,属性之间至少用一个空格隔开。③属性值可以用双引号括起来,也可以省略双引号。④颜色属性值的表示方法有两种:一种是使用英文颜色单词表示,如 red 、 blue 等;另一种是使用六位十六进制数值格式#rrggbb 表示,其中 rr、 gg 和 bb 分别表示红、绿、蓝三基色的两位十六进制数据。⑤多个标记可以写在同一行。退出第一页上一页下一页最后页 HTML 基础 2. HTML 文档的基本结构<html> <head> <title> ……</title> </head> <body> ……</body> </html> 退出第一页上一页下一页最后页 文本格式标记文本是页面上出现较多的信息,利用 HTML 标记可以设置文本,以满足用户要求。 标题标记标题标记的作用是设置文档的各级标题。标题标记为<hn> …</hn> ,其中 n的取值是 1~6 , <h1> …</h1> 定义一级标题,字体最大; <h6> …</h6> 定义六级标题,字体最小。标题标记的常用属性是 align ,用于定义标题的对齐方式。退出第一页上一页下一页最后页 文本格式标记标题标记应用示例: <html> <head><title> 标题标记应用示例</title></head> <body> <h3 align=center > 这是标题实验</h3> <h1 align=left> 这是一级标题左对齐</h1> <h2 align=right> 这是二级标题右对齐</h2> <h3> 这是三级标题</h3><h4> 这是四级标题</h4> <h5> 这是五级标题</h5><h6> 这是六级标题</h6> </body> </html> 退出第一页上一页下一页最后页 文本格式标记 换行标记换行标记的作用是使该标记后面的文本换行显示。换行标记为< br>,换行标记没有需要设置的属性。