网页html基础.ppt

HTML语法 §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天天向上 不区分大小写，但为了可读性和维护性，使用大写 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 标题标记符——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-Type content=text/javascript 设置客户端行内程序的语言是 JavaScript 例2 META http-equiv=Content-Style-Type content=text/css 设置行内样式的样式语言为 CSS 例3 HTML HEAD TITLEMETA示例/TITLE META http-equiv=Refresh content=“10; URL= /HEAD BODY 再过10秒钟，我就上学校的网站了！/BODY /HTML html head title我的第一个网页/title META NAME=Generator CONTENT=editplus META NAME=Author CONTENT=zhaoming META NAME=Keywords CONTENT=title META NAME=Description CONTENT=sampleweb /head body /body /html 五、设置页面属性 正文标记符包括一些常用属性，可以用于设置网页背景颜色和图案，以及设置文档中文字和超链接的颜色 设置页面背