專升本第七講(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>