[互联网]HTML语言速成.ppt

海南大学信息学院 黎才茂 HTML语言 基本学习要点： HTML语言基本格式 处理文本 处理图片 修饰网页 表格和表单 框架 应用多媒体 1 什么是HTML WWW（World Wide Web，万维网），它提供了一个图形化的用户界面，以浏览Internet上的文档，这文档以及它们之间的链接构成一个庞大的信息树。 HTML（Hyper Text Markup Language，超文本标记语言）是一种用来制作Web上超文本文档的简单标记语言。 它是在原来文本文件的基础上，加上一系列的标记描述其格式、颜色，再加上声音、动画甚至视频等等形成精彩的页面。 2 HTML的基本格式 2.1 HTML语言编写的网页代码 HTML HEAD TITLE第一个网页/TITLE /HEAD BODY 欢迎进入HTML世界！ /BODY /HTML 2 HTML的基本格式 2.2 HTML的基本格式 HTML文件都可以分成两个部分：标题和正文。 用HTML和/HTML标识HTML文件的开始和结束 用HEAD和/HEAD标识标题部分 用BODY和/BODY标识正文部分 HTML的基本格式如下： HTML HEAD 标题部分 /HEAD BODY 正文部分 /BODY /HTML 2 HTML的基本格式 2.3 HTML的语法 双标记 标记内容/标记 如：html …… /html 单标记 标记 如：br 标记属性 标记 属性1 属性2 属性3 … 如：body bgcolor=“#00ff00” 注释语句 !– 注释文 -- 2 HTML的基本格式 2.4 HTML文档的基本结构 版本信息 !Doctype HTML Public//W3C?? DTD HTML4.0//中文 HTML文件标记 头部信息（HEAD） title meta base 主体标记（body） body Background=“背景图片名 ” Bgcolor=“背景色” Link=“超链接色” …… 3 处理文本 3.1 段落 在HTML文件中，用P和/P表示段落的开始和结束。 例如： HTML HEAD TITLE段落标记的使用/TITLE /HEAD BODY P这是第一段/P P这是第二段/P P这是第三段/P /BODY /HTML 3 处理文本 3.2 分行 在HTML文件中，用BR表示开始新的一行，而P分段标记将使不同段之间有空白行。 例如： HTML HEAD TITLE分行标记的使用/TITLE /HEAD BODY 这是第一行BR 这是第二行BR 这是第三行BR /BODY /HTML 3 处理文本 3.3 文字对齐 文字对齐的基本用法：P align=#…/P，其中#=left，center，right。标记居中可以用center和/center标记。 例如： HTML HEAD TITLE文字对齐/TITLE /HEAD BODY P align=left渭南师范学院/P P align=center 渭南师范学院/P P align=right 渭南师范学院/P center渭南师范学院/center /BODY /HTML 3 处理文本 3.4 水平线 在HTML文件中，用HR标记在网页中生成一个水平线。 例如： HTML HEAD TITLE预格式化文本/TITLE /HEAD BODY HR 北京大学创于1898年，初名京师大学堂，是第一所国 立综合性大学，也是当时中国的最高教育行政机关。辛亥 革命后，于1912年改名。 HR /BODY /HTML 3 处理文本 3.5 列表 在HTML中可以使用以下几种类型的列表格式： 无序列表 以标记UL开始，以标记/UL结束。在每一个LI标记处另起一行，并显示加重符号。全部列表会缩排。 有序列表 以标记OL开始，以标记/OL结束。在每一个LI标记处另起一行，并显示数字序号。 定义型列表 以标记DL开始，以标记/DL结束。在定义列表中包含一系列术语/定义对，DT标记后为被定义的术语，DD标记则出现在被定义的内容前。列表自动换行和缩排。 3.6 注释文本 注释标记的格式：!– 注释内容 -- 因为凡是在注释标记符内的文字都是隐性的，所以，注释的信息内容是不会显示在网页上的。