HTML技术协作学习小结_第1页
HTML技术协作学习小结_第2页
HTML技术协作学习小结_第3页
HTML技术协作学习小结_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、HTML技术协作学习小结一、知识内容的总结:1、标记HTML语言与其他的程序设计语言一样都在不断的提高和探索,在这个提升的过程中,主要是标记的改变与提高。标记在整个HTML语言中占据着举足轻重的地位。标记也就是HTML语言中非常重要的一部分。对于浏览器而言,一个标记相当于一个命令,也是一个HTML容器,它包含了要描述的内容,并且内容之间可以相互嵌套。同时,一个标记在高层次上也是一个对象,为HTML提供了一个可处理的对象。一个HTML文档包括两类数据,一类是内容数据、另一类就是控制数据即标记。其中,内容也就是信息。标记要为内容服务,他体现内容的展现方式。在HTML语言中,<()>中的

2、内容被浏览器直接视为标记语言。而且只识别正确的标记,对于那些不符合逻辑或存在其他错误的标记忽略不计。2、HTML文档HTML文档是用HTML语言来设计信息的文档。在HTML文档中可以通过一定的方式嵌入和引用多种适于多媒体数据类型。在Web系统中可以直接应用的多媒体数据可以是不安插件的,也可以是有插件的。一把来讲,图片,文字等是不需要插件就直接能够显示的。同时也有一些视频、动画、以及一些流行的音频格式都需要以插件的形势在Web系统中得以展现。用HTML设计的HTML文档都有固定的格式。他有三部分组成:文档类型描述部分、文档头部、文档的主体部分。其中文档的类型部分一般可省略,因为这一部分可直接推算

3、出来。文档的主体部分会有普通网页文档和多框架网页文档。标记.用于普通网页文档,而则用于多框架网页文档。HTML语言的作用就是按预定的格式来输出和显示信息,但他也是最流行的信息描述语言,这都归功于他的易用性了。3、其他另外,在整个学习过程中,HTML标记属性的学习也是至关重要的。他的属性有很多,虽然不用把每一个属性都被下来,但是至少在用的时候,我们要知道这个属性的用法。尤其是HTML的八大属性。在学习HTML语言过程中,不仅要学习他的语法,和属性还要了解HTML语言中的特殊符号、颜色问题、数值的度量单位、以及大小写的使用。才能做出规范的HTML语言。当然,他也有他的局限性。比如他没有纠错能力,也

4、不能实现自由灵活的页面排版等。但他仍然因为它的易用性而受到广泛的欢迎与好评。二、理论联系实际(通过实验内容进行学习):1、HTML文档的格式如图所示,这部分我们运用热区来实现链接功能。在Dreamweaver里是运用了图像地图部分的知识。以此为切入点,通过所学的知识,我们来看看,若是做到这样的功能,其HTML文档格式及内容是如何体现的。1、文档类型描述部分<!DOCTYPE html PUBLIC "-/W3C<!和>为注释标记,在注释标记这对符号之间的内容不被浏览器显示。2、文档头部<head><meta http-equiv="Con

5、tent-Type" content="text/html; charset=gb2312" /><title>第三链接页面</title></head><meta>为说明信息标记3、文档的主体部分<body><div align="center"><img src="images/A5.JPG" alt="A5" width="643" height="336" border=&q

6、uot;0" usemap="#Map" /><map name="Map" id="Map"><area shape="circle" coords="418,65,23" href="p5.htm" /><area shape="circle" coords="569,115,25" href="p4.htm" /><area shape="ci

7、rcle" coords="542,259,22" href="p3.htm" /><area shape="circle" coords="280,304,23" href="p2.htm" /><area shape="circle" coords="131,137,24" href="p1.htm" /><area shape="rect" coords="

8、;24,7,103,47" href="index.htm" /></map></div></body>2、常用到的一些文字链接其中div在页面的布局上经常会用到。<a>超链接标记。再如图1:其中添加了电子邮件链接<p align="center">本站版权所有&copy;,联系电话是本站由徐旸制作。可以直接给发送电子邮件,信箱是是:<a href="mailto:jane_x.y">jane_x.y</a

9、><br /></p>插入图片和flash<div id="Layer1"><img src="images/F2.JPG" width="233" height="235" /></div>插入图片时要使用<img>,并且要注意只有Bmp、Gif、JPEG、PNG格式的图片可以直接在HTML语言中应用。插入音频或视频时要用到<embed>,格式为:<embed src=音频和视频对象文件URLheight=# width=#></embed>插入表格或者运用div在实际操作中,会发现很多时候我们要用到表格或者div进行页面布局,其格式并不是很复杂,但是需要我们好好理解并应用。三、总结以

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论