HTML语言(上).pptVIP

第2部分 HTML语言 2.1 HTML语言概述 2.2 基本标签与属性 2.3 加入多媒体与超级链接 2.4 制作表格 2.5 制作表单 2.6 框架结构 2.1 HTML语言概述 HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，用来表示网上信息的符号标记语言。 HTML语言内容丰富，从功能上大体可分为：文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作，以及框架的建立。 2.1 HTML语言概述 2.1.2 HTML文档的结构： 包括HEAD、TITLE、BODY三部分，下面是基本结构： HTML HEAD title标题部分/title /HEAD BODY 正文部分 /BODY /HTML 2.1 HTML语言概述 2.1.3 HTML标记 1．HTML文档标记 格式：HTML…/HTML标志文件开始和结尾的标记。 2．HTML文件头标记 格式：HEAD…/HEAD用于包含文件的基本信息。 3．HTML文件主体标记 格式：BODY…/BODY文件主体标记。 注意：HEAD与BODY为独立的两个部分，不能互相嵌套。 2.1 HTML语言概述 2.1.4 head标记中的基本内容： 1．title标题/title 2．meta信息:在服务器和客户之间传达隐含信息。 其中最重要的设置： HTTP-EQUIV ：设置或者获取content中的内容，并把内容添加入HTTP的响应头中。 Content:META信息的内容。 举例： META HTTP-EQUIV=REFRESH CONTENT=2 2.1 HTML语言概述 2.1.5 body标记中的基本内容： body标签中的内容都是在浏览器中可以被看到的内容。除HEAD内使用的标签以外的其他HTML语言标签都属于BODY的内容。我们在后续的课程当中主要围绕body标签里面的内容来详细讲解。 2.2 文本的格式与风格 2.2.1 设置BODY的属性 1．BODY属性概述 background＝ ---背景图片 Bgcolor＝“＃RRGGBB” --- 背景色彩 text --- 非可链接文字的色彩 举例： body bgcolor=#ee1122 text=blue body background=“flower.jpg” 2.2.1 设置BODY的属性 1．BODY属性 link --- 可链接文字的色彩 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩 2.2.2HR 标尺线 hr size=# #=象素值 hr width=# #=象素值 hr align=# #=left, right hr noshade hr color=# ＃＝RRGGBB 2.2.3 段落格式化 1．标题标记 格式：H1…/H1，H2…/H2…H6…/H6设置各种大小不同标题的标记。 2．段落标记 格式：P…/P设置段落标记。 3．预定格式标记 格式：PRE…/PRE在浏览器中浏览时，按照文档中预先排好的形式显示内容。 4．分区显示标记 格式：DIV…/DIV分区显示标记。 5．词标记 BR 格式：BR强制进行换行标记。 NOBR 6．注释标记 格式：!--注释内容--注释标记。 2.2.4 建立列表 1．有序列表 格式： OL LI type=” A, a, I, i, 1 ”…/LI LI type=” A, a, I, i, 1 ”…/LI /OL 功能：建立有序列表。 2．无序列表 格式： UL LI type=” disk, circle, square”…/LI LI type=” disk, circle, square”…/LI … /UL 功能：建立无序列表。 3．自定义列表 格式：DL DT…/DT DD…/DD DT…/DT DD…/DD /DL 注意：根据文档的具体要求，列表可以嵌套使用。 2.2.5 字符的格式化 1．字体设置标记 格式：FONT…/FONT 功能：设置字体格式标记。 FONT标记提供了几种属性 ： size：设置文字的大小。 face：设置字体。 color：设置文字