第一篇：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.標記類型

標記類型按用途可以分為：文件標記(如：、)、排版標記(如：

、
、