第一篇：HTML實(shí)驗(yàn)報(bào)告

東北大學(xué)軟件學(xué)院

《HTML與JavaScript》

實(shí)驗(yàn)報(bào)告

專 業(yè)：軟件工程

班

級(jí)：1405 學(xué)

號(hào)：20144706 姓

名：張俊怡

完成時(shí)間：2015/12/6

指導(dǎo)教師：王蓓蕾

總共頁數(shù)： 8

網(wǎng)站主界面：（針對(duì)顏色不協(xié)調(diào)的問題已經(jīng)改進(jìn)）

主界面布局：

全程采用table布局，主要分塊為上邊一塊，下邊一塊，中間過渡用動(dòng)態(tài)效果展示網(wǎng)站信息。

下邊左邊是主要功能選擇區(qū)，中間是文字動(dòng)態(tài)區(qū)，右邊是圖片以及視頻動(dòng)態(tài)展示區(qū)。采用的CSS方法：

Class外部關(guān)聯(lián)和內(nèi)部關(guān)聯(lián)配合使用 網(wǎng)站整體顏色風(fēng)格： 用淡雅淺色作為主頁背景 編寫代碼步驟：

最重要的是整體布局，布局好后分塊修飾。

使用了JavaScript 來獲取當(dāng)前系統(tǒng)時(shí)間。

網(wǎng)站介紹頁面：

使用了較多是js和jQuery 實(shí)現(xiàn)了圖片的動(dòng)態(tài)特效。資料下載頁面：

布局方式：

采用table布局，布局較為簡單，資料下載這個(gè)頁面能實(shí)現(xiàn)的功能其實(shí)包括資料下載和上傳。代碼：

留言頁面：

用JavaScript實(shí)現(xiàn)的邏輯判斷

用table進(jìn)行布局，form，input標(biāo)簽。CSS采用的是內(nèi)部關(guān)聯(lián)使用。

文章欣賞界面：

訪客可以再次閱讀所發(fā)布的文章

登陸界面，采用div布局，用內(nèi)部CSS關(guān)聯(lián)裝飾

用JavaScript進(jìn)行密碼驗(yàn)證（當(dāng)然這沒用，應(yīng)該用后臺(tái)邏輯驗(yàn)證）文章展示區(qū)使用的table布局 Herf了幾個(gè)文章的連接

注冊(cè)粉絲界面：

簡單的一個(gè)表單form，和JavaScript判斷

采用table布局，難點(diǎn)在JavaScript判斷，得一個(gè)一個(gè)判斷，符合格式才能輸入下一個(gè)信息。

在線聊天界面：

視頻欣賞界面：

查看留言界面：

實(shí)驗(yàn)報(bào)告總結(jié)：網(wǎng)站全部界面已完成還有少部分界面未寫，部分功能設(shè)計(jì)后臺(tái)數(shù)據(jù)庫的未實(shí)現(xiàn)，其他屬于HTML，HTML5和JavaScript知識(shí)的功能均已實(shí)現(xiàn)（數(shù)據(jù)庫等后臺(tái)交互功能有困難），這個(gè)網(wǎng)站雖然不是商業(yè)性盈利模式的，但的確是我心里想要展示的，文章欣賞那一塊功能是整個(gè)網(wǎng)站靈感的起源，因?yàn)檎故镜氖俏易约簩懙奈恼隆?/p>

第二篇：HTML學(xué)習(xí)心得

HTML學(xué)習(xí)心得

一、HTML簡介

全寫： HyperText Mark-up Language，譯名： 超文件注標(biāo)式語言（譯名之一），簡釋：一種為普通文件中某些字句加上標(biāo)示的語言，其目的在于運(yùn)用標(biāo)記（tag）使文件達(dá)到預(yù)期的顯示效果。

HTML 是在 SGML 定義下的一個(gè)描述性語言，SGML(Standard Generalized Markup Language,標(biāo)準(zhǔn)通用標(biāo)記語言)，是一種定義電子文檔結(jié)構(gòu)和描述其內(nèi)容的國際標(biāo)準(zhǔn)語言，是所有電子文檔標(biāo)記語言的起源，早在Web發(fā)明之前SGML就已存在。HTML 不是程式語言，如 C++ 和 Java 之類，它只是標(biāo)示語言，基本上你只要明白了各種標(biāo)記的用法便算學(xué)懂了 HTML，它的格式非常簡單，只是由文字及標(biāo)記組合而成，在編輯方面，任何文字編輯器都可以，只要能將文件另存成 ASCII 純文字格式即可，當(dāng)然以專業(yè)的網(wǎng)頁編輯軟件為佳。

1.優(yōu)點(diǎn)

HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是WWW盛行的原因之一，其主要特點(diǎn)如下：1 簡易性，HTML版本升級(jí)采用超集方式，從而更加靈活方便。2 可擴(kuò)展性，HTML語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。3平臺(tái)無關(guān)性。雖然PC機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺(tái)上，這也是WWW盛行的另一個(gè)原因。

二、HTML標(biāo)記

任何標(biāo)記皆由“<”與“>”圍住，如

標(biāo)記名與小于號(hào)之間不能留有空白字符。某些標(biāo)記要加上參數(shù)，某些則不必。如 Hello 參數(shù)只可加于起始標(biāo)記中。在起始標(biāo)記名前加上符號(hào)“/”便是其終結(jié)標(biāo)記，如 ，標(biāo)記字母大小寫皆可。

1.標(biāo)記種類

標(biāo)記種類分為兩種：圍堵標(biāo)記和空標(biāo)記。圍堵標(biāo)記是以起始標(biāo)記及終結(jié)標(biāo)記將文字圍住，令其達(dá)到預(yù)期顯示效果。也就是說，標(biāo)記是成對(duì)出現(xiàn)的，例如 Creation of Webpage，其中 便稱為圍堵標(biāo)記。它以起始標(biāo)記及終結(jié)標(biāo)記標(biāo)示文字 Creation of webpage，令其顯示成粗體，兩者失其一都會(huì)發(fā)生錯(cuò)誤顯示?？諛?biāo)記是指標(biāo)記單獨(dú)出現(xiàn)，只有起始標(biāo)記沒有終結(jié)標(biāo)記。例如
，它的作用便是將標(biāo)記后所有東西顯示于下一行，可見終結(jié)標(biāo)記于它是沒意義的，但有些人會(huì)為空標(biāo)記加上終結(jié)標(biāo)記，這是為方便記認(rèn)而己，對(duì) HTML 沒有影響。

2.標(biāo)記類型

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

、
、