HTML 介紹 引用 最全面的前端筆記來啦，包含了入門到入行的筆記，還支持實時效果預覽。小伙伴們不需要在花時間去寫筆記，或者是去網上找筆記了。面試高頻提問和你想要的筆記都幫你寫好了。支持移動端和PC端閱讀，深色和淺色模式。 原文鏈接：https://note.noxussj.top/ ::: war ...
HTML 介紹
引用
最全面的前端筆記來啦，包含了入門到入行的筆記，還支持實時效果預覽。小伙伴們不需要在花時間去寫筆記，或者是去網上找筆記了。面試高頻提問和你想要的筆記都幫你寫好了。支持移動端和PC端閱讀，深色和淺色模式。
原文鏈接：https://note.noxussj.top/
::: warning 註意
HTML 的基礎結構必須要掌握
:::
什麼是 HTML ？
超文本標記語言（英語：HyperText Markup Language ，簡稱：HTML ）是一種用於創建網頁的標準標記語言。
您可以使用 HTML 來建立自己的 WEB 站點，HTML 運行在瀏覽器上，由瀏覽器來解析。
超文本
超越普通文本的特性，不僅是文字，還可以有圖片、圖形、表格、動畫、音頻、視頻、鏈接、程式等非文本信息。
標記語言
將上述超文本的信息組合起來進行展示（包含結構和數據）的一種語言。
HTML 基礎結構
- html 標簽：根節點標簽
- head 標簽：頭部標簽，主要存放網站的基本描述信息
- body 標簽：正文標簽，主要存放網頁顯示的內容
<html>
<head>
<title>我是網站標題</title>
<style></style>
</head>
<body>
<h1>我是正文內容</h1>
<script></script>
</body>
</html>
標簽
標簽是 HTML 的核心部分。
特性
- 標簽由兩個尖括弧包含起來的關鍵字，例如
<html> - 標簽一般都是成對的出現，開始標簽和結束標簽，例如
<html></html> - 也有一些標簽是單標簽，例如
<br /><img /> - 瀏覽器渲染的時候不會單純的顯示該標簽，而是解析該標簽後轉換成另外一種形式進行展示
分類
| 類型 | 佈局方式 | 尺寸 | 嵌套 | 案例 |
|---|---|---|---|---|
| 塊元素 | 獨占一行 | 可設置寬高 | 可嵌套任何元素 | display: block display: flex |
| 行內元素 | 占用的位置由內容決定 | 寬度高度由內容決定 | 建議只嵌套行內元素 | display: inline |
| 行內塊元素 | 占用的位置由內容決定 | 寬度高度由內容決定 | 可嵌套任何元素 | display: inline-block display: inline-flex |
