專升本第七講（HTML制作）
阿新 • • 發佈：2018-03-29
link 空格 動態 宣傳 操作 導航條 按鈕 har 一、基本概念
一、基本概念
網站是多個網頁的集合，各個網頁通過超級鏈接構成一個網站整體。網頁可以分為動態網頁和靜態網頁，網頁構成要素包括站標、導航條、廣告條、標題欄和按鈕等，可由文字、圖像、動畫及腳本語言組成。
站標也叫作LOGO，是網站的標誌。如企業的LOGO，一般放在左上角。
導航欄是網站內的多個頁面的超級鏈接組合，引導瀏覽者輕松找到網站中的各個頁面，放置在LOGO的下面或者右側。
廣告欄又稱Banner，其功能是宣傳網站或替其他企業做廣告。根據版面具體安排。
標題欄是指網頁內部各個板塊的標題欄，是各板塊內容的概括，而不是整個網頁的標題欄。
按鈕是啟動某些裝置或機關的開關
二、腳本語言
（一）HTML(HyperText Markup Language)超文本標記語言，是一種制作Web網頁的標準語言，由萬維網協會（w3c）制定。
下圖為HTML基本形式：
HTML
1、一套規則，瀏覽器認識的規則
2、開發者：
學習html規則
3、本地測試
用瀏覽器打開
4、編寫html文件
doctype對應關系
html標簽，標簽內部可以寫屬性
註釋：<!--註釋的內容-->
5、標簽分類：
自閉合標簽、主動閉合標簽
6、head標簽中
<meta ->編碼，跳轉，刷新，關鍵字，描述，IE兼容
-title 標簽
-link 標簽 可以標題欄圖標
<head> <meta charset = "UTF-8"> <meta name ="keywords" content="學而精，專升本，計算機"> <link rel="shortcut icon" href ="image/favicon.ico"> <title>學而精教育</title> </head>
7、body標簽
各種符號 代表空格 > 大於號 < 小於號
p標簽 br標簽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>胡勁</title> </head> <body> <p>我愛北京天安門我愛<br/>的祖國</p> <!--br/代表換行--> <p>我愛重慶的太陽</p> <!--p標簽代表段落，段落之間有間距--> <h1>學而精</h1> <!--H系列加大加粗--> <h2>學而精</h2> <h3>學而精</h3> <h4>學而精</h4> <h5>學而精</h5> <h6>學而精</h6> <span>學而精</span> <!--白板--> <span>學而精</span> <!--塊級標簽：h系列 p標簽 內聯（行內）標簽：span--> <span>學而精</span> <span>學而精</span> </body> </html>
div 和span 標簽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>胡勁</title> </head> <body> <h1>div白板塊級標簽</h1> <!--H系列加大加粗--> <div>1</div> <div>2</div> <div>3</div> <h1>span白板行內標簽</h1> <!--H系列加大加粗--> <span>1</span> <span>1</span> <span>1</span> </body> </html>