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

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

、
、