html——標記語言
阿新 • • 發佈：2021-01-18
html學習筆記
html——標記語言
html基礎：
語言分類：
- 編譯語言：c Java …
特點：需要編譯之後執行，有邏輯能力和行為能力 - 指令碼語言：js …
特點：console
解釋性語言，需要被解析器(瀏覽器等），解析有邏輯能力和行為能力 - 標記語言：html xml
特點 ：<div>1+1</div>->1+1
不具有邏輯能力和行為能力，需要瀏覽器理解
html簡介
HTML是HyperText Markup Language(超文字標記語言)的簡寫，他不是一種程式語言，而是一種標記語言，用於告訴瀏覽器如何構造你的頁面。
開發環境需要：文字編輯器，瀏覽器，部署伺服器
html文件結構
建立html文件
- html特點：
從上到下解析
容錯性——寬鬆性
大小寫不敏感 - 建立html文件：
建立以.html .htm 為字尾名的檔案 - 預設文件結構：
快捷鍵生成：html:4t
html:5 多一個meta
建立html檔案後，輸入**！** - doctype宣告
html: 根元素
最大父元素 - head: 設定字元編碼html:5 多一個meta：設定手機端屬性
title：設定標籤頁名稱
引入第三方檔案
body：在瀏覽器中展示的內容！——
<html lang="en">
/*Html的根元素，用來包含html文件的所有元素*/
<head>
/*包含在頭部的內容不會被顯示的頁面中，這裡通常包含頁面的編碼，作者，頁面的描述資訊，js的匯入，css的匯入等資訊。*/
<meta charset="UTF-8">
/*用來聲明當前文件的編碼方式為utf-8*/
<meta name="viewport" html元素
元素的組成
- 預設的是：開始標籤 元素內容 結束標籤 <標籤名稱>-----標籤內都是內容-----</標籤名稱> 有一部分標籤沒有結束標籤叫：單標籤/空元素
<img src="" alt="">
標籤不能交叉巢狀——不會報錯但是錯誤
正確的格式
<div>
<span></span>
</div>
錯誤的格式
<div>
<span>
</div>
</span>
元素的分類
#####塊級元素
- div 特點：獨佔一行空間， 不與其他元素共享一個空間, 寬度佔滿整個父級元素， 高度由子集元素撐起
- 行內元素 span 特點：可以與其他元素共享一個空間, 寬度高度由子集元素撐起， 不能設定上下內外邊距 不能直接設定寬高
- fn+12網頁召喚頁面
屬性
屬性的設定
- 寫在標籤內部
- 屬性名屬性值用等號連線`
- 多對屬性之間用空格隔開
屬性的分類
按照公有性分類
- 公有屬性：所有標籤都能設定 id：元素的唯一表述，（屬性名可以重複，是值不同） class：按類表示元素，多個屬性值之間空格隔開
style： 設定行內樣式，按照css語法設定 title ： 設定提示 - 私有屬性: 為當前標籤設定
按照屬性特性分類
-
基本屬性： 屬性值使用字串型別（“” ‘’)巢狀時要交叉巢狀
-
布林值屬性 屬性值只有true和false readonly=‘readonly’