學習HTML
-
認識網頁
組成:文字,圖檔,按鈕,輸入框元素組成 -
網頁的标準和規則
結構标準-----> 通過HTML标簽搭建好一個網頁架構
表現标準-----> 通過css對網頁結構進行美化處理
行為标準-----> 通過JavaScript對網頁中進行操作
-
了解伺服器
概念: 用來浏覽網頁的軟體
核心: 用來渲染網頁的一個渲染引擎(将HTML可以轉化成可以識别的圖文資訊)
核心分類: IE(Trident) 谷歌(Blink) 火狐浏覽器(Gecko) 蘋果(webkit) 歐朋浏覽器(Presto)
-
HTML的概念
概念: 超文本标記語言 ( Hyper Text Markup Language) -
HTML的文法結構
基本文法結構 :
---------->文檔的聲明類型< !DOCTYPE html>
------------>跟标簽<html>
------------>設定網頁頭部資訊(網頁中的基本資訊)<head>
</head>
------------->網頁主體<body>
</body>
</htm>
-
标簽的寫法分類
單标簽: 标簽隻有開始,沒有結束
雙标簽: 标簽既有開始标簽又有結束标簽
-
HTML标簽之間的關系分類
- 并列關系 : 标簽之間互相獨立的存在
- 嵌套關系: 标簽之間可以互相嵌套包含(子元素和父元素)
- 标簽之間基本的嵌套規則:
- 所有的雙标簽都可以作為父元素或者子元素
- 單标簽不能嵌套其他标簽
-
把每天的代碼以天作為機關進行維護
- 整理代碼要有順序,
- html快速生 !+tab
-
相對路徑和絕對路徑
- 相對路徑: 以某個檔案作為參考
- 目前檔案或圖檔和目前頁面在同一個檔案夾 直接寫檔案名字或者。/ 檔案名稱
- 如果目前檔案在上一個目錄中寫 …/ 代表傳回上一級
- 如果目前檔案在下一級目錄寫檔案夾名稱/圖檔名稱
- 絕對路徑: 具有具體的網址路徑–具體的網址
- 相對路徑: 以某個檔案作為參考
-
超連結與錨連結
- 超連結:實作頁面跳轉
- href:用來設定要跳轉的目标路徑
-
target: 設定頁面的打開方式 預設本視窗打開
target : “self" target = "blank"新的視窗打開(在head變遷中可以統一設定)
- 錨連結:目前頁面的其他标簽的時候在所需跳轉标簽加上一個id
- 超連結:實作頁面跳轉
-
設定網頁圖示
- 在head标簽中設定
<link rel="icon" href="圖檔路徑的名稱" target="_blank" rel="external nofollow" >
- 在head标簽中設定
-
h5多媒體常見的标簽
- 視訊标簽 :
<video src="視訊的路徑" control(控制欄) loop(循環播放) autoplay(點選播放) 也有寬度和高度></video>
- 音頻播放:
<audio></audio>
- 視訊标簽 :