预览加载中，请您耐心等待几秒...

html入门介绍.ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共116页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

HTML语法§1HTML基础一、HTML（HyperTextMarkupLanguage） ——超文本标记（标签）语言，是表示网页的一种规范 ——一组影响网页内容显示的标记符的集合 使用HTML语言描述的文件，能独立于各种操作系统平台（如UNIX，WINDOWS等），访问它只需要一个WWW浏览器，我们所看到的网页，是浏览器对HTML文件进行解释的结果。二、测试和创建Web页 1.网页编辑工具 纯文档编辑工具——记事本 所见即所得工具——FrontPage、Dreamweave 2.网页创建步骤(使用“记事本”创建网页) 打开“程序/附件/记事本” 在“记事本”的窗口中输入HTML代码 选择“文件”菜单的“另存为”命令 在“文件名”框中输入网页的名称，文件名必须以.html或.htm为后缀名 单击保存 3.网页测试 IE 工具即现三、标记符 1.标记符的定义： ——HTML语言通知浏览器如何显示网页内容的方式 2.标记符的形式： 所有标记符都用尖括号括起来 绝大多数标记符是成对出现的，即包括开始标记符和结束标记符，个别是单一标记符。例如： <TITLE></TITLE> <P>、<BR>、<HR> 开始标记符和结束标记符定义了标记符所影响的范围，它们的区别是结束标记符多了一个斜线/，例如： <FONTcolor=“red”>好好学习</FONT>天天向上 不区分大小写，但为了可读性和维护性，使用大写3.标记符的属性 作用—— 位置—— 形式—— <FONTsize="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> <HEAD><TITLE>这是网页标题 </TITLE></HEAD><BODY>请看浏览器的标题栏。 </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 <METAhttp-equiv="Content-Script-Type"content="text/javascript"> 设置客户端行内程序的语言是JavaScript 例2 <METAhttp-equiv="Content-Style-Type"content="text/css"> 设置行内样式的样式语言为CSS 例3 <HTML> <HEAD> <TITLE>META示例</TITLE> <METAhttp-equiv="Refresh"content=“10;URL=http://www.gdcp.cn"> </HEAD> <BODY>再过10秒钟，我就上学校的网站了！</BODY> </HTML> <html> <head> <title>我的第一个网页</title> <METANAME="Generator"CONTENT="editplus"> <METANAME="Author"CONTENT="zhaoming"> <METANAME="Keywords"CONTENT="title"> <METANAME="Description"CONTENT="sampleweb"> </head> <body> </body> </html>五、设置页面属性页面基本属性——定义在<b