?HTML基礎概念
正式敲代碼之前呢,我們先來看幾個概念:
0 靜態網頁和動態網頁
靜態網頁: 頁面的內容和顯示效果就基本上不會發生變化了--除非你修改頁面代碼。
動態網頁: 頁面代碼雖然沒有變，但是顯示的內容卻是可以隨著時間、環境或者數據庫操作的結果而發生改變的。
1 WWW
是 World wide Web 的縮寫，中文名: 萬維網
2 URL
Uniform Resource Locator 統一資源定位符
3?HTTP?(Hyper Text Transfer Protocol)
超文本傳輸協議(是一個簡單的請求-響應協議)
4 HTML (Hyper Text Markup Language)
超文本標記語言HTML 是用來描述網頁的一種語言。
HTML不是一種編程語言，而是一種標記語言,使用標記標簽來描述網頁。
頭部標簽
1. <title> 標簽
<title> 標簽定義了文檔的標題，這個標題會顯示在瀏覽器的標題欄或頁面的標簽頁上。同時，它也是搜索引擎結果頁面（SERP）上顯示的標題，對SEO非常關鍵。
<head><title>我的網頁標題</title></head>2. <meta> 標簽
<meta> 標簽用于提供有關HTML文檔的元數據。它不會直接顯示在頁面上，但對于搜索引擎優化（SEO）和頁面描述等方面非常重要。<meta> 標簽可以有不同的屬性，如name、http-equiv、charset等。
字符集定義：
<meta charset="UTF-8">這行代碼指定了HTML文檔使用UTF-8字符編碼，有助于確保網頁在全球范圍內的正確顯示。
頁面描述（對SEO重要）：
<meta name="description" content="這是一個關于HTML頭部標簽的詳細解釋和示例的頁面。">這有助于搜索引擎理解頁面的內容，并可能顯示在搜索結果中。
作者信息：
<meta name="author" content="你的名字">這提供了頁面的作者信息。
視口設置（對移動設備友好）：
<meta name="viewport" content="width=device-width, initial-scale=1.0">這行代碼確保了網頁在移動設備上的正確顯示，允許頁面寬度自動調整以適應不同設備的屏幕寬度。
3. <link> 標簽
<link> 標簽用于定義文檔與外部資源的關系，最常見的是鏈接到CSS樣式表。
<link rel="stylesheet" href="style.css">這行代碼將當前頁面與名為style.css的外部樣式表鏈接起來，使得頁面的樣式可以按照style.css文件中定義的規則來顯示。
4. <script> 標簽（在<head>中）
雖然<script>標簽通常用于引入JavaScript代碼，但將它們放在<head>部分可能會影響頁面的加載速度，因為瀏覽器會等待腳本加載完成后再繼續解析HTML。然而，有時出于特定需求（如定義全局變量或函數），你可能需要將它們放在<head>中。
<head><script src="script.js"></script></head>這行代碼引入了名為script.js的外部JavaScript文件。
主體標簽
<!DOCTYPE html>
<html>
<head> <meta charset="utf-8"> <title>主體標簽示例</title>
</head>
<body> <h1>這是一個標題</h1> <p>這是一個段落。</p> <img src="image.jpg" alt="示例圖片">
</body>
</html>
文字與段落標記
<b>：加粗文本<i>：使文本傾斜（斜體）<u>：給文本添加下劃線<strong>：表示文本非常重要（通常顯示為加粗）<em>：表示文本被強調（通常顯示為斜體）<!DOCTYPE html> <html> <head> <title>文字格式化示例</title> </head> <body> <p>這是一個<b>加粗</b>的文本。</p> <p>這是一個<i>傾斜</i>的文本。</p> <p>這是一個<u>帶下劃線</u>的文本。</p> <p>這是一個<strong>非常重要</strong>的文本。</p> <p>這是一個<em>被強調</em>的文本。</p> </body> </html>
列表標記
圖片標記
框架結構
超鏈接標記
表格
表單
css基礎知識
css基礎屬性
注：本篇博客基于編程張無忌的網課進行學習，大家可以到b站學習，時長大概一個多小時。
編程張無忌
