HTML实验报告.docx

HTML实验报告

第一篇：HTML实验报告东北大学软件学院《HTML与JavaScript》实验报告专业：软件工程班级：1405学号：20144706姓名：张俊怡完成时间：2015/12/6指导教师：王蓓蕾总共页数：8网站主界面：（针对颜色不协调的问题已经改进）主界面布局：全程采用table布局，主要分块为上边一块，下边一块，中间过渡用动态效果展示网站信息。下边左边是主要功能选择区，中间是文字动态区，右边是图片以及视频动态展示区。采用的CSS方法：Class外部关联和内部关联配合使用网站整体颜色风格：用淡雅浅色作为主页背景编写代码步骤：最重要的是整体布局，布局好后分块修饰。使用了JavaScript来获取当前系统时间。网站介绍页面：使用了较多是js和jQuery实现了图片的动态特效。资料下载页面：布局方式：采用table布局，布局较为简单，资料下载这个页面能实现的功能其实包括资料下载和上传。代码：留言页面：用JavaScript实现的逻辑判断用table进行布局，form，input标签。CSS采用的是内部关联使用。文章欣赏界面：访客可以再次阅读所发布的文章登陆界面，采用p布局，用内部CSS关联装饰用JavaScript进行密码验证（当然这没用，应该用后台逻辑验证）文章展示区使用的table布局Herf了几个文章的连接注册粉丝界面：简单的一个表单form，和JavaScript判断采用table布局，难点在JavaScript判断，得一个一个判断，符合格式才能输入下一个信息。在线聊天界面：视频欣赏界面：查看留言界面：实验报告总结：网站全部界面已完成还有少部分界面未写，部分功能设计后台数据库的未实现，其他属于HTML，HTML5和JavaScript知识的功能均已实现（数据库等后台交互功能有困难），这个网站虽然不是商业性盈利模式的，但的确是我心里想要展示的，文章欣赏那一块功能是整个网站灵感的起源，因为展示的是我自己写的文章。第二篇：HTML学习心得HTML学习心得一、HTML简介全写：HyperTextMark-upLanguage，译名：超文件注标式语言（译名之一），简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。HTML是在SGML定义下的一个描述性语言，SGML(StandardGeneralizedMarkupLanguage,标准通用标记语言)，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源，早在Web发明之前SGML就已存在。HTML不是程式语言，如C++和Java之类，它只是标示语言，基本上你只要明白了各种标记的用法便算学懂了HTML，它的格式非常简单，只是由文字及标记组合而成，在编辑方面，任何文字编辑器都可以，只要能将文件另存成ASCII纯文字格式即可，当然以专业的网页编辑软件为佳。1.优点HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：1简易性，HTML版本升级采用超集方式，从而更加灵活方便。2可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。3平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。二、HTML标记任何标记皆由“”围住，如标记名与小于号之间不能留有空白字符。某些标记要加上参数，某些则不必。如Hello参数只可加于起始标记中。在起始标记名前加上符号“/”便是其终结标记，如，标记字母大小写皆可。1.标记种类标记种类分为两种：围堵标记和空标记。围堵标记是以起始标记及终结标记将文字围住，令其达到预期显示效果。也就是说，标记是成对出现的，例如CreationofWebpage，其中便称为围堵标记。它以起始标记及终结标记标示文字Creationofwebpage，令其显示成粗体，两者失其一都会发生错误显示。空标记是指标记单独出现，只有起始标记没有终结标记。例如，它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的，但有些人会为空标记加上终结标记，这是为方便记认而己，对HTML没有影响。2.标记类型标记类型按用途可以分为：文件标记(如：、)、排版标记(如：、、)、字体标记(如：、)、清单标记(如：、)表格标记(如：、)、表单标记(如：)、图形标记(如：)、连结标记(如：、)、框架标记(如：、)、影像地图标记(如：、)、多媒体标记(如：、)、样式标记(如：、)和其它标记(如：、)。三、HTML结构基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无