html中的超文本功能,第三章超文本标记语言html-兰州石化职业技术学院.ppt

第三章超文本标记语言html-兰州石化职业技术学院

实例3-1 认识html 一、要求与目的： 了解html的基本常识和工作原理 掌握如何使用“记事本”编辑网页 了解两类常用的网页制作工具 掌握html的语法规范 图3－1 网页编辑窗口 3. 将此文件保存为“myfirst.htm”，如图3－2所示。 *提示*：HTML文件的扩展名必须为.htm或者.html。 4. 启动浏览器。 在文件菜单中选择“打开”(或者“打开页面”)，这时将出现一个对话框。选择“浏览”(或者“选择文件”)，定位到你刚才创建的HTML文件——“myfirst.htm”，选择它，单击“打开”。然后在对话框中，你将看到这个文件的地址，比如说：“C:\MyDocuments\ myfirst.htm”。单击“确定”，浏览器将显示此页面，如图3－3所示。 * 提示*：用鼠标双击myfirst.htm也可运行。 5.运行结果，如图3－4所示。 三、 涵盖的知识点： 1．HTML的概念 HTML (HyperText Markup Language，超文本标记语言)是表示网页的一种规范(或者说是一种标准)，他通过标记符定义了网页内容的显示。例如，用

标记中： 第一： 标签属性 许多单标记和双标记的始标记内可以包含一些属性， 其语法是： < 标签名字 属性1 属性2 属性3 … > 各属性之间无先后次序，属性也可省略(即取默认值)，例如标题标记

表示文本以标题1的格式显示。带一些属性：

大家生活愉快！

其中align属性值表示文本居中显示，color的属性值表示文本以红色显示。 *提示*：HTML标记符是不区分大小写的，但通常约定使用大写标记符，这有利于HTML文档的维护。 3．工作原理 如果在浏览器中任意打开一个网页，然后在窗口中空白位置单击鼠标右键，选择“查看源文件”命令(或者选择“查看”菜单中的“源文件”命令)，则系统会启动“记事本”，其中包含一些文本信息，这些文本其实就是网页的本质——HTML 源代码，也就是我们在记事本中编辑的代码，如图3－1。 　　　在HTML文档中通过使用标记符可以告诉浏览器如何显示网页，即确定内容的显示格式。浏览器按顺序读取HTML文件，然后根据内容周围的HTML标记符解释和显示各种内容。例如，如果为某段内容添加 标记符,则浏览器会以粗体字显示该段内容，如图3-4所示。 　　　HTML中的超文本功能，也就是超链接功能，使网页之间可以链接起来。网页与网页的链接构成了网站，而网站与网站的链接就构成了多姿多彩的WWW。 　　　标准(几乎所有浏览器都支持),但HTML4.0也已逐渐普及。最新的标准是HTML4.01，它对HT