文档详情

HTML基础教程(语法结构相当的清晰).ppt

发布:2016-09-09约2.58万字共116页下载文档
文本预览下载声明
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 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 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 五、设置页面属性 正文标记符包括一些常用属性,可以用于设置网页背景颜色和图案,以及设置文档中文字和超链接的颜色 设置页面背
显示全部
相似文档