管理第2章 超文本标记语言HTML.pptVIP

第2章 HTML基础 本章要点 ☆ HTML文件格式 ☆ HTML常用标记的使用方法。 ☆ 表格和框架的应用 ☆ 超级链接的应用 第2章 HTML语言 2.1 HTML的基本结构 2.2 文字与页面格式 2.3 图像标记符 2.4 超级链接的应用 2.5 表格 2.1 HTML的基本结构 HTML文档是网页文件在计算机系统内的最终保存形式，使用其他的专用网页编辑软件制作的网页最终也都应保存为HTML文档格式，即HTML文件的基本结构。 2.1.1 HTML标记及其属性 2.1.2 HTML的基本构成 2.1.1 HTML标记及其属性 1．标记 HTML文件由标记和被标记的内容组成。HTML的标记总是被封装在“”和“”所构成的一对尖括号之中。标记能产生所需要的各种效果，就像一个排版程序，它将网页的内容排成理想的效果。 这些标记名称大都为相对应的英文单词或单词的首字母或单词的缩写，便于记忆。 1.标记 标记分为单标记指令和双标记指令。 单标记指令单独使用就能完整地表达意思，它的一般格式为： 标记/页面内容 如换行br /，img /，link /，input /等 双标记指令必须成对使用，它的一般格式为： 标记被标记／标记 2.1.1 HTML标记及其属性 2．标记的属性 标记规定的是什么信息（文本、图片等）内容，怎样显示或控制这些信息，还需要在标记后面加上相关的属性。属性的一般格式为： 标记 属性1=属性值 属性2=属性值…受标记影响的内容/标记 例如文件主体标记body，其属性bgcolor可设置背景颜色。 body bgcolor=red属性示例／body 2．标记的属性 注意： （1）标记可以不用属性。 （2）属性之间没有先后顺序,在使用时，根据需要可以使用标记的所有属性，也可以只选用需要的几个属性。 （3）属性和标记一样，都不区分大小写。 2.1.2 HTML的基本构成标记 1．HTML文档标记HTML 2．HTML文件头标记Head 3．HTML文件标题标记Title 4．HTML文件主体标记Body 1．HTML文档标记HTML 格式：html…／html 功能：：html标记位于HTML文档的最前边，用来标识HTML文档的开始；而／html标记恰恰相反，它位于HTML文档的最后边，用来标识HTML文档的结束。 2．HTML文件头标记Head 格式：Head…/Head 功能：用于包含文件的基本信息（文档标题、文档搜索关键字、文档生成器等）。Head和/Head构成HTML文档的开头部分，在此标记对之间可以使用Title/Title、Script/Script等标记对，这些标记对都是描述HTML文档相关信息的标记对，Head/Head标记对之间的内容是不会在浏览器显示出来的。 3．HTML文件标题标记Title 格式：Title…/Title 功能：定义文件标题 。使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将网页的主题显示到浏览器的顶部其实很简单，只要在Title/Title标记对之间加入要显示的文本即可。 4．HTML文件主体标记Body 格式：Body…/Body 功能：Body/Body是HTML文档的主体部分，在此标记对之间可包含p/p、H1/H1、Br、Hr等众多的标记，它们所定义的文本、图像等将会在浏览器的框内显示出来。 Body标记中的常用属性见表2-1。 4．HTML文件主体标记Body 2.2 文字与页面格式 在多数网页中，文档是核心内容，所以经常要设置文档的格式。设置文档的标记包括标题和文字的字体、字号、字型、颜色、段落格式、文本的布局等。 2.2.1 强制换行标记 2.2.2 段落标记 2.2.3 文本标记 2.2.4 列表标记 2.2.5 层标记符 2.2.6 表单标记符 2.2.1 强制换行标记 强制换行标记br/ br/放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行，多个br标记可以创建多个空行。强制换行标记的格式为： 文字br/ 1．强制换行标记br 换行标记可单独使用。浏览器在解释时，从该标记处换行，可使页面清晰、整齐。 br标记的clear属性标明下一行的情况，其格式为： br clear=# “#”可以是“left”、“right”、“all”之一，如“clear=left”，表示下一行从左边界处开始。 nobr是禁止分行标记，其格式为： nobr…／nobr 禁止换行标记通知浏览器，当其中的内容在一行内显示不了时，超出部分不换行，通过滚动条可查看。 2.2.2 段落标记 段落标记p 由于HTML的浏览器是基于窗口的，其显示大小可以随意改变，所以