第1章 HTML的基本標簽

本章任務.......................................................................................................................... 2

本章目標.......................................................................................................................... 2

本章重點................................................................................................................... 2

本章難點................................................................................................................... 2

預習檢查、任務、目標部分[10分鐘] ................................................................................ 2

課程知識點講解：............................................................................................................ 2

知識點1：HTML文件的基本結構[10分鐘]................................................................. 2

1) HTML文件的基本結構............................................................................... 2

2) 標簽.............................................................................................. 3

3) 頁面背景色或背景圖像 ............................................................................ 3

知識點2：文本相關標簽[10分鐘] ............................................................................ 4

1) 字體、字號標簽....................................................................................... 4

2) 行的控制 ................................................................................................. 5

知識點3：圖像標簽[5分鐘] ..................................................................................... 6

1) 常見的圖片格式介紹................................................................................ 6

2) 圖像的基本語法....................................................................................... 6

3) 圖像與文本的對齊方式 ............................................................................ 7

知識點4：小結1 [10分鐘]...................................................................................... 7

1) 編寫如下圖所示效果對應的html代碼 ..................................................... 7

2) 代碼 ........................................................................................................ 7

知識點5：文字布局[10分鐘] ................................................................................... 8

1) 內容分隔

---

標簽 ................................................................................... 8

2) 項目列表和編號....................................................................................... 8

3) 預格式文本

標簽 .............................................................................. 9

知識點6：頁面鏈接標簽[10分鐘]...................................................................... 9

1) 文件的路徑有幾種方式 ............................................................................ 9

2) 鏈接到其他頁面....................................................................................... 9

3) 鏈接到本頁面 ........................................................................................ 10

4) 電子郵件鏈接 ........................................................................................ 10

知識點7：滾動標簽[10分鐘] ............................................................ 10

1) 標簽 ...................................................................................... 10

2) 語法 ...................................................................................................... 10

知識點8：小結2[10分鐘] ......................................................................................11

1) 編寫如下圖所示效果對應的html代碼 ....................................................11

2) 代碼 .......................................................................................................11

本章總結[5分鐘] ................................................................................................... 12

1) 考核點................................................................................................... 12

2) 課后作業 ............................................................................................... 12

授課教師： 鐘慧濤

課 時： 2課時

總結

以上是生活随笔為你收集整理的html标签教案,第1章 HTML的基本标签-教案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。