计算机网络编程实验.ppt

计算机网络编程实验 崔玉珍 目录 HTML的概念及编写方法 HTML网页文件命名及HTML文件结构 HTML文件的基本组成元素属性 HTML基本结构的有关元素和元素属性 body元素及元素属性 文字标签属性 文字布局、对齐与分区显示 目录 HTML文字与段落格式控制 超级链接及及图片控制 表格及表单标记 网页中的框架 移动文字及多媒体页面 实验内容 实验内容 理解HTML的概念、编写方法，网页文件命名及文件结构，熟悉HTML文件的基本组成元素属性，文字表达body元素、文字标签、文字布局、对齐与分区显示，文字与段落格式控制；超级链接及图片控制；表格及表单标记 ；网页中的框架；移动文字及多媒体页面等元素 制作个人主页，文件命名为姓名，学号，个人兴趣爱好表单：明星、影视、音乐、运动、游戏、数码、美食、书籍、其它；每类爱好至少四项 使用框架、文字、及多媒体及超链接技术 包含图片或相册标签 实验报告提交： 邮件附件：117185282 @,6.20,周一 HTML概念 HTML（Hyper Text Markup Language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档。 HTML文档的编写方法 手工直接编写 记事本等，存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。 网页文件命名 *.htm或*.html 无空格 无特殊符号（例如符号），只可以有下划线“_”，只可以为英文、数字 区分大小写 首页文件名默认为：index.htm 或 index.html HTML 文件结构 html.../html head.../head body.../body 元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 HTML 文件结构--(Document Structures) HTML HEAD title/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML 第一张网页（01.htm） html head titlemy first page/title /head body This is my first homepage! /body /html 基本组成部分——HTML元素属性 HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的 内，并且和元素名之间有一个空格分隔；属性值用“”引起来。 基本组成部分—HTML注释 HTML文档可以插入注释。注释内容不会在浏览器窗口显示 HTML注释的格式为：!-- 注释内容 -- !--多行注释内容 -- 例：12.htm 第二张网页（02.htm） html head titlemy first page/title /head body p align=centerThis is my first homepage!/p /body /html HTML基本结构的有关元素和元素属性1/5 HEAD元素——1 head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 HTML基本结构的有关元素和元素属性2/5 HEAD元素——2 meta元素 meta元素下面可以插入很多很有用的元素属性。下面介绍四种： meta name=keywords content=study,computer 用来标记搜索引擎在搜索你的页面时所取出的关键词。 HTML基本结构的有关元素和元素属性3/5 HEAD元素——3 meta元素 meta name=author content=“wutao 用来标记文档的作者。 HTML基本结构的有关元素和元素属性4/5 HEAD元素——4 meta元素 meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” 用来标记你的页面的解码方式。 HTML基本结构的有关元素和元素属性5/5 HE