实验课1 HTML的应用-May.pptVIP

实验1 HTML代码的网页编制 实验内容 1.学习并了解HTML的类型、基本特点和意义等； 2.练习使用HTML标记的基本语法。 实验目的与要求 1.学会使用记事本等简单编辑工具编制网页； 2. 熟悉使用HTML标记的基本语法和常用HTML标记。 实验环境或器材、原理与说明 环境：Windows自带记事本——文本编辑器； 原理：任意文本编辑器都可以用于编写网站应用程序，最常用的是Windows自带的记事本。 说明：可自填充。 实验过程（步骤）或程序代码：简单步骤写出，而后贴上代码。 学习HTML的意义 HTML是网页制作的基础，有如下重要意义： 有利于提高网页编辑效率；eg。CSS层叠样式表的标签选择器。 有利于提高网页制作效率和优化网页代码； 有利于快速理解和学习网页制作手段和技巧。 HTML的基本结构 通过URL（信息所在位置与域名）在网页上显示，用于指出某项信息的所在位置及存取方式。 由通信协议和域名（IP地址）组成。 例如， /TR/html4/loose.dtd HTML的基本结构 一般，由html开始，由/html结束，所有代码都在html 和/html 之间。 head 和/head之间的内容是HTML文档的头部。 title 和/title之间内容指明文档标题； style 和/style之间内容构成CSS层叠样式表。script和/script之间内容用于设定页面中程序脚本的内容。 body 和/body之间的内容是HTML文档的主体部分。 HTML的基本结构范本 html head title……/title style……/style /head body ………… /body /html HTML的类型和特点 单标记：单”独使用即可完整表达意思，例 如：换行标记br 双标记：由”始标记”和”尾标记”组成，成对使用。二者之间的内容即被标记施加作用的部分。 始标记内可包含一些属性，例如： hr size=3 align=left width=“75%” …… /hr 常用HTML标记及其意义 H1-H6 标题标记，定义了6级； 段落标记p, 换行标记br. hr水平线标记;a链接标记；img插入图片标记；table表格标记；form表单标记；embeded多媒体标记；bgsound为背景音乐标记； table表格标记,tr表格行标记，td表格列标记. 作业 不使用网页编辑工具，实现记事本作为容器的HTML拼写。 4.1 学习HTML的意义 4.2 HTML的基本结构 4.3 HTML的类型和特点 4.4 常用HTML标记及其意义 4.5 习题 通信 协议 域名或IP 文件目录与文件名称