第一篇:HTML实习报告大全
《HTML标记语言》实习报告
一、实习目的:
运用CSS样式表,通过设置其一些属性和对表格的布局以及图形的插入,实现对网页的设置。理解CSS样式表的作用,掌握建立CSS样式表的方法并熟练地对其进行运用。理解Dreamweaver的基本使用方法和它与CSS的关系,并能熟练地用Dreamweaver制作网页。
二、实习任务:
1.熟练地运用Dreamweaver软件 2.进一步了解CSS样式表应用 3.运用所学知识练习图文混排
4.熟练地进行图文混排操作: 12月26日,阳光家园
12月27日,首字下沉;百度搜索;
12月28日,图文混排,八仙过海;教育在线 12月29日,游戏茶苑 12月30日,期末测试
三、实习内容:
12月26日:阳光家园:
用Dreamweaver软件对网页进行编辑,利用表格布局,插入图片;新建另一个空白页,利用表格布局,插入图片、文字等元素,保存;对第一个网页的图片“联体别墅”
《HTML标记语言》实习报告
12月28日:
① 图文混排;八仙过海:
设置背景、字体、字号、文字图片下沉方式、行间距、文本修饰;并对第二个网页中的标题设置文本对齐方式; ② 教育在线:
《HTML标记语言》实习报告
12月30日:
利用表格布局,插入图片、输入文字,进行图文混排练习,制作完整网页;
四、实习中的问题和解决办法:
问题1:表格的布局不好掌握,导致网页混乱
解决办法:制作前看清网页布局的结构,要细心 问题2:设置行之间的距离line-hight时不是过大就是过小
解决办法:可以设置padding-top(left/right/bottom)的大小来调整
问题3:在表格的一行中插入多个flash按钮时呈两行显示
解决办法:将需插入按钮的表格一行拆分成与flash按钮个数相同的几列,在一格中只插入一个按钮
问题4:制作的网页是整个窗口的左侧,而不是居中
解决办法:将用于布局的所有表格的对齐方式改为居中对齐,这个办法不论在哪台计算机上网页始终是居于窗口的中部 问题5:用enter换行时上下两行之间有一行空白
解决办法:用shift+enter换行
五、实习体会:
这次实训,让我学到很多。平时的一些问题都暴露出来了,能及时得到解决。知识有没有掌握与细心程度有关,只有细心才能有效避免一些错误;比如用表格布局网页结构,网页的布局是许多个表格构成的,我们不仅要知道要用表格来布局,同时也要知道在一个网页里,哪里要用表格布局,要用什么样的表格布局,是多少行多少列。要讲所
第二篇:HTML学习心得
HTML学习心得
一、HTML简介
全写: HyperText Mark-up Language,译名: 超文件注标式语言(译名之一),简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。
HTML 是在 SGML 定义下的一个描述性语言,SGML(Standard Generalized Markup Language,标准通用标记语言),是一种定义电子文档结构和描述其内容的国际标准语言,是所有电子文档标记语言的起源,早在Web发明之前SGML就已存在。HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上你只要明白了各种标记的用法便算学懂了 HTML,它的格式非常简单,只是由文字及标记组合而成,在编辑方面,任何文字编辑器都可以,只要能将文件另存成 ASCII 纯文字格式即可,当然以专业的网页编辑软件为佳。
1.优点
HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:1 简易性,HTML版本升级采用超集方式,从而更加灵活方便。2 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。3平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。
二、HTML标记
任何标记皆由“<”与“>”围住,如
标记名与小于号之间不能留有空白字符。某些标记要加上参数,某些则不必。如 Hello 参数只可加于起始标记中。在起始标记名前加上符号“/”便是其终结标记,如 ,标记字母大小写皆可。
1.标记种类
标记种类分为两种:围堵标记和空标记。围堵标记是以起始标记及终结标记将文字围住,令其达到预期显示效果。也就是说,标记是成对出现的,例如 Creation of Webpage,其中 便称为围堵标记。它以起始标记及终结标记标示文字 Creation of webpage,令其显示成粗体,两者失其一都会发生错误显示。空标记是指标记单独出现,只有起始标记没有终结标记。例如
,它的作用便是将标记后所有东西显示于下一行,可见终结标记于它是没意义的,但有些人会为空标记加上终结标记,这是为方便记认而己,对 HTML 没有影响。
2.标记类型
标记类型按用途可以分为:文件标记(如:、
)、排版标记(如:、
、
- 、
- )表格标记(如:
)、表单标记(如: |