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 |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/540555.html
標籤：其他