网页制作第十四章超文本编程技术.ppt
《网页制作第十四章超文本编程技术.ppt》由会员分享,可在线阅读,更多相关《网页制作第十四章超文本编程技术.ppt(38页珍藏版)》请在三一办公上搜索。
1、第 14章 超文本编程技术,课前导读课堂讲解上机实战课后练习,课前导读,基础知识重点知识,基础知识,HTML的基本概念,HTML的语法特征,HTML的基本文件格式。,重点知识,用HTML控制各种网页元素,用HTML制作页面。,课堂讲解,超文本标记语言(HTML)简介HTML基本语法,Dreamweaver、FrontPage等网页编辑器生成的都是HTML文档,它们提供的其实都只是一个网页编辑的集成环境,采取可视化的界面,使用户不用了解具体的HTML标记,也可以十分轻松地编写出精美的网页。但如果想要更自由地控制网页的格式、效果,得到最好的代码质量,还需要学习一下HTML。,超文本标记语言(HTM
2、L)简介,HTML基本概念HTML语法特征HTML的基本文件格式,HTML是Internet上用于编写网页的主要语言。HTML不需要翻译而直接由浏览器解释执行。如果不考虑ASP和PHP等,一般的网页都可以在浏览器中查看其HTML代码。HTML可以很方便地使用任何文本编辑器编辑生成,也可以很方便地在Internet上传输。事实上访问一个网页时,就是从服务器上下载它的源代码,然后使用网页浏览器自带的解释器解释执行该源代码,按照解释结果将网页展现在我们面前。因此同一个网页,在不同的浏览器或同一浏览器的不同版本上的显示效果都很可能是不一样的。,HTML基本概念,HTML是Hyper Text Mark
3、up Language的首字母缩写,中文通常称作超文本标记语言。用其语法规则建立的文档可以运行在不同操作系统的平台上。它的作用是通过一些标签来告诉浏览器怎么显示标签中的内容。HTML中的标签是固定的,不能扩展标签,在HTML文件中要显示的数据和如何显示这些数据的方法同时存在,即HTML不仅要负责组织数据还要负责显示数据。HTML文件的扩展名为htm或html。,HTML语法特征,纯文本标记语言的语言构成主要通过各种标记(Tag)来表示,通常标记由符号“”以及其中所包容的标记元素组成。如想在浏览器中显示一段倾斜的文本,可采用标记和,如粗体显示。,在用浏览器显示时,标记和不会显示,浏览器在文档中发
4、现了这对标记,就将其中包容的文字(如前面的“粗体显示”)以倾斜方式显示。HTML的语法规则有以下3种表达方式:对象对象语句中标记的书写不分大小写。下面分别对3种标记形式进行介绍。,对象 该语法显示了使用封闭类型标记的形式。多数标记是封闭类型的,它们成对出现,在对象内容的前面是一个标记,在对象内容的后面是另一标记,第二个标记元素前带有反斜线,表明结束标记对对象的控制。如国际名牌进军中国表示浏览器以斜体的形式显示“国际名牌进军中国”,如图15-1所示。,图15-1,如果一个该封闭的标记而没有被封闭,则会随浏览器的不同而出现各种错误。如忘记用标记封闭“国际名牌进军中国”文本,则后面输入的所有文字都会
5、以斜体的形式出现,如图15-2所示。,图15-2,对象 该语法显示了使用封闭类型标记的扩展形式,利用属性可以进一步设置对象某方面的内容,而参数则是设置的结果。如导向科技主页。和是锚标记,用于在文档中创建超级链接,href是该标记的属性之一,用于设置超级链接所指向的地址,在“=”后面的就是href属性的参数,对象是“导向科技主页”文本,在浏览器中预览如图15-3所示。一个标记的属性可以有多个,在描述完一个属性后,输入一个空格,然后继续描述其他属性。,该语法显示了使用非封闭类型标记的形式,在HTML语言中,非封闭类型很少,但的确存在,最常用的是换行标记。如若要使一段文字换行显示可以在文字要换行的地
6、方添加换行标记。如:美丽容颜从今开始,在浏览器上就会以一段两行显示,如图15-4所示。,图15-3,图15-4,HTML代码都是由以上3种标记形式组合而成的,标记之间可以相互嵌套,形成更为复杂的语法。如:,则文本会以粗体和斜体显示,如图15-5所示。,图15-5,在嵌套标记时,要注意嵌套标记封闭时的顺序,如果标记的嵌套顺序发生混乱,则显示结果也会发生错误。如:开启梦想之门,效果如图15-6所示。,图15-6,HTML的基本文件格式,HTML文本可以用任何纯文本编辑器编辑。如用DOS下的edit、Windows下的记事本等。HTML文件的一般格式为:无标题文档,HTML文件具有以下几个特点。在一
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 第十四 超文本 编程 技术
链接地址:https://www.31ppt.com/p-6017019.html