HTML实验报告

第一篇：HTML实验报告

东北大学软件学院

《HTML与JavaScript》

实验报告

专 业：软件工程

班

级：1405 学

号：20144706 姓

名：张俊怡

完成时间：2015/12/6

指导教师：王蓓蕾

总共页数： 8

网站主界面：（针对颜色不协调的问题已经改进）

主界面布局：

全程采用table布局，主要分块为上边一块，下边一块，中间过渡用动态效果展示网站信息。

下边左边是主要功能选择区，中间是文字动态区，右边是图片以及视频动态展示区。采用的CSS方法：

Class外部关联和内部关联配合使用 网站整体颜色风格： 用淡雅浅色作为主页背景 编写代码步骤：

最重要的是整体布局，布局好后分块修饰。

使用了JavaScript 来获取当前系统时间。

网站介绍页面：

使用了较多是js和jQuery 实现了图片的动态特效。资料下载页面：

布局方式：

采用table布局，布局较为简单，资料下载这个页面能实现的功能其实包括资料下载和上传。代码：

留言页面：

用JavaScript实现的逻辑判断

用table进行布局，form，input标签。CSS采用的是内部关联使用。

文章欣赏界面：

访客可以再次阅读所发布的文章

登陆界面，采用div布局，用内部CSS关联装饰

用JavaScript进行密码验证（当然这没用，应该用后台逻辑验证）文章展示区使用的table布局 Herf了几个文章的连接

注册粉丝界面：

简单的一个表单form，和JavaScript判断

采用table布局，难点在JavaScript判断，得一个一个判断，符合格式才能输入下一个信息。

在线聊天界面：

视频欣赏界面：

查看留言界面：

实验报告总结：网站全部界面已完成还有少部分界面未写，部分功能设计后台数据库的未实现，其他属于HTML，HTML5和JavaScript知识的功能均已实现（数据库等后台交互功能有困难），这个网站虽然不是商业性盈利模式的，但的确是我心里想要展示的，文章欣赏那一块功能是整个网站灵感的起源，因为展示的是我自己写的文章。

第二篇：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.标记类型

标记类型按用途可以分为：文件标记(如：、)、排版标记(如：

、
、