[工学]Icarnegie学习笔记之HTML.ppt

Icarnegie学习笔记 (HTML语法) Icarnegie §1 HTML基础 HTML 建立与测试网页 标记符 Web页的结构 设置页面属性 添加注释 显示特殊字符 一、HTML（HyperText Markup Language） ——超文本标记（标签）语言，是表示网页的一种规范 ——一组影响网页内容显示的标记符的集合 使用HTML语言描述的文件，能独立于各种操作系统平台（如UNIX，WINDOWS等），访问它只需要一个WWW浏览器，我们所看到的网页，是浏览器对HTML文件进行解释的结果。 二、测试和创建Web页 1.网页编辑工具 纯文档编辑工具——记事本 所见即所得工具——FrontPage 、Dreamweave 2.网页创建步骤(使用“记事本”创建网页) 打开“程序/附件/记事本” 在“记事本”的窗口中输入HTML代码 选择“文件”菜单的“另存为”命令 在“文件名”框中输入网页的名称，文件名必须以.html或.htm为后缀名 单击保存 3.网页测试 IE 工具即现 三、标记符 1.标记符的定义： ——HTML语言通知浏览器如何显示网页内容的方式 2.标记符的形式： 所有标记符都用尖括号括起来 绝大多数标记符是成对出现的，即包括开始标记符和结束标记符，个别是单一标记符。例如： TITLE /TITLE P、 BR、HR 开始标记符和结束标记符定义了标记符所影响的范围，它们的区别是结束标记符多了一个斜线/，例如： FONT color=“red”好好学习 /FONT天天向上 不区分大小写，但为了可读性和维护性，使用大写 HTML H1这是H1格式的字体/H1 BR这是默认格式的字体 /HTML 3.标记符的属性 作用—— 位置—— 形式—— FONT size=1 color=red红色一号的文字/FONT 学习和掌握HTML的关键： HTML标记符及其属性 对标记符作用的内容进行更详细的控制 开始标记符的尖括号里，与标记符之间用空格隔开，属性值跟在相应的属性之后，用等号连接，不用属性之间用空格隔开 小写 四、 Web页的结构 HTML 必须包含的基本结构标记符： HTML标记：HTML /HTML 头标记： HEAD /HEAD 标题标记： TITLE /TITLE 正文标记： BODY /BODY 三大结构： HTML HEAD TITLE /TITLE /HEAD BODY /BODY /HTML HTML标记 HTML /HTML Web页的第一个和最后一个标记符 Web 页的其他所有内容都位于这对标记符之间 HTML标记符告诉浏览器或其他阅读该页的程序，此文件为一个Web页 不包含其它属性 首部标记 HEAD /HEAD 位于 Web 页的开头，不包括 Web 页的任何实际内容，提供一些与 Web 页有关的特定信息 通常包含一下标记符： 标题标记符——TITLE /TITLE META标记符——META BGSOUND 标记符——BGSOUND 正文标记符BODY /BODY 包含 Web 页的具体内容，包括文字、图形、超链接及其他各种 HTML 对象。 正文标记符中的文字—— 如果没有其他标记符修饰，正文标记符中的文字将以无格式的形式显示 如果浏览器窗口显示不下，则自动换行 空格、回车这些格式控制在显示时都不起作用 标题标记符——TITLE /TITLE 用于定义网页的标题,并在浏览器窗口的标题栏中显示 网页标题可被浏览器用作书签和收藏清单 HTML HEADTITLE这是网页标题 /TITLE/HEADBODY请看浏览器的标题栏。 /BODY /HTML 例子： HTML HEAD TITLE网页标题/TITLE /HEAD BODY 正文，正文，正文，正文， 正文，正文，正文，正文， 正文 /BODY /HTML META标记符——META 用于描述不包含在标准HTML里的一些文档信息，例如开发工具，作者，网页关键字，网页描述等。这些定义的内容并不在网页页面中显示，但是一些搜索引擎可以检索这些信息，浏览者可以根据这些关键字或描述查找到该网页。 常用功能是设置自动转址功能——使浏览器自动从一个地址跳转到另一个地址 位置 META 标记符的常用属性包括：name、 content和 http-equiv name 属性给出特性名 content 属性给出特性值 http-equiv 属性指定 HTTP 响应名称，通常用于替换 name 属性，HTTP 服务器使用该属性值为 HTTP 响应消息头收集信息 例1 META http-equiv=Content-Script-