在……標記之間是html的指令碼內容，一般情況下它分為兩部分：「頭部」和「主體」。
頭部是由標記組成的，其中包含了該html指令碼的標題和說明資訊（如編碼方式、關鍵字、編輯軟體、作者資訊等）。
主體部分是由作為起始標記，作為結束標記，其中所包含的就是在瀏覽器中所看到的內容，包括文字、**、動畫等。
做乙個簡單的例子開啟乙個文字文件，輸入如下**，然後將這個檔案存成first.html。
this is my first homepage. this text is bold
可以看到這些文字在網頁中的效果。
關於 html指令碼中的標記
1．標記有三種語法格式
（1）《標記》內容 （2）《標記屬性1=引數1 屬性2=引數2 …>內容 （3）《標記》
大部分的標記都是成對使用的，不同的標記採用不同的語法格式，其中的引數要加引號。
2．常用的標記
（1）使用的格式是：內容
其間的內容就是乙個html的指令碼
（2）使用的格式是：
它是html指令碼的頭部標記，其間的內容通常巢狀和標記。
（3）使用的格式是：內容
這是html指令碼主體內容的標識標記，所有的內容都巢狀在這對標記中。
（4）使用的格式是：內容
其間的內容是文字，它是該html指令碼的標題。標題將顯示在瀏覽器視窗的標題欄內。如上面指令碼中的「今日訊息」。
5） 是段落標記，單獨的表示段落結束。
內容表示其間的文字是同乙個段落，瀏覽器會根據視窗的寬度自動將乙個段落分行。它可以包含align屬性，用於指定段落的對齊方式，預設為左對齊。比如「」，表示段落居中顯示。
（6）表示在頁面上加個回車，也用於文字的分段。它有點類似於分段標記，但是與分段不同的是：
只能單獨使用，無需對應的結束標記
。 （7）
使用的格式是：< font 屬性1=引數1 屬性2=引數2 …>內容
（8）影象標記，在網頁中插入一幅影象。需要注意的是它只是指明一幅影象在網路上的位置（url位址），而不是把這幅影象的所有資料資訊包含進來，所以瀏覽器在顯示這幅影象時，它會根據這個標記中的路徑資訊到指定的地方去取這幅影象，然後再顯示出來。影象通常採用jpg和gif格式。
使用格式是：< img 屬性1=引數1 屬性2=引數2 …>
屬性包括：src=「影象檔案定位」，alt=「影象說明」
三、現在我們就實際操作下。
·首先，建立乙個文字文件。
·輸入你所設計的**，更改格式「.html」
·用網頁開啟
歸納總結：今天我們學習了如何用html語言來編輯網頁。總結下我們今天學習的主要內容
·html語言定義，了解就可
·標記格式：牢記標記的格式，記住基礎框架，從基礎框架來增添內容
·常用的標記：常用的標記大家也要記住，這是重點。今天我們學習的有html、head、body、title、p、br、font、b/i、img。記住他們表示的是什麼。
二、練習：嘗試自己做乙個簡單的網頁。
板書設計
網路設計與製作
html語言
一、 定義
二、html架構：開頭
基本格式
結尾三．常用的標記：8個
網頁製作教案
9 教師演示插入 操作，詳見教材第52頁 學生完成相同操作，教師巡邏指導。操作要點及注意事項如下 先將要插入的 檔案複製到jianjie.html網頁檔案所在的資料夾中，再進行插入影象操作。10 請學生上台完成插入flash動畫的操作，提示 方法和注意點與插入影象相似 教師在一旁提示指導。11 教師...
網頁製作教案
6 請一位學生上台操作，其他學生完成相同操作。可以參考 快速建站技術 模板的應用.wmv。教師巡視指導。7 教師總結評價學生完成情況。8 課堂比一比 將學生分組，根據已學知識，美化已完成的 學習使用模板快速更新 的技術。可以參考 快速建站技術 模板的應用 快速更新 wmv。將作品提交後由學生評比。增...
網頁製作教案
第一節製作簡單的網頁 一 教學物件分析 學生在學習本內容前，已經學習了利用word製作簡單的網頁，並且初步掌握了製作網頁的一般流程及基本操作，具有進一步學習的能力。二 教學目標 1 掌握啟動與退出frontpage的方法 2 了解frontpage的視窗介面組成及基本功能。3 掌握在frontpag...