1.web標準
主要包括結構(Structure)、表現(Presentation)和行為(Behavior)三個方面。
1.1 結構
結構用于對網頁元素進行整理和分類，核心技術：HTML。
HTML (HyperText Markup Language)：超文本標記語言，用于定義網頁的內容和結構，使用標簽來描述文本、圖像、鏈接和其他元素，形成網頁的骨架。
1.2 表現
表現用于設置網頁元素的版式、顏色、大小等外觀樣式，核心技術：CSS。
CSS(Cascading Style Sheets)：層疊樣式表，用于控制網頁的樣式和布局。它將內容和樣式分離，使網頁的設計更靈活、更易于維護。CSS提供了各種屬性來控制文本、顏色、字體、布局、響應式設計等方面。CSS 的層疊性允許多個樣式表同時作用于同一個元素，并遵循一定的優先級規則。CSS的使用遵循 W3C 的規范，最新的版本CSS3引入了許多新的特性，例如Flexbox和Grid布局，使網頁的布局更加靈活和強大。
1.3 行為
行為是指網頁模型的定義及交互的編寫，核心技術：Javascript。
JavaScript：是種腳本語言，用于為網頁添加交互性和動態效果，可以響應用戶的操作，例如點擊、鼠標移動等，并動態地更新網頁的內容。JS也用于處理AJAX請求、操作DOM(文檔對象模型)、創建動畫和特效等。
2.標簽
2.1 標簽分類
標簽分類有：雙標簽(如:<html></html>)和單標簽(如:<br />)
2.2 標簽關系
標簽關系分為：包含關系和并列關系。
2.3 基本結構標簽
<html></html>根標簽
<head></head>頭部標簽，必須包含<title></title>
<body></body>主體標簽
2.4 常用標簽
標題標簽<h1></h1> ~ <h6></h6>? ?獨占一行
段落標簽<p></p>? ?段落間有較大空隙，如csdn編輯時的回車
換行標簽<br />? ? ?換行標簽無空隙，如csdn編輯時的shift+回車
加粗標簽<b></b>和<strong></strong>
傾斜標簽<i></i>和<em></em>
刪除線標簽<s></s>和<del></del>
下劃線標簽<u></u>和<ins></ins>
大布局標簽<div></div>? ?一個div標簽獨占一行，行內可分割，放圖片、文字等
小布局標簽<span></span>? ?多個連續的span占同一行，跨距放置
圖像標簽<img src="圖像URL" alt="無圖片時文本" title="圖片標題文本" width="500" height="500" border="15" />
①src為img的必須屬性，指明圖片路徑；
②當路徑圖片不存在時，alt屬性可補充文本說明；
③title屬性為圖片提示文本，鼠標放置圖片上方時會顯示該文字，一般指該圖片內涵；
④width和height屬性用于修改寬度和高度，一般情況修改一個即可，會等比例縮放;
⑤border屬性為圖片距離邊框大小
2.5 其他標簽
<!DOCTYPE html>文檔類型聲明標簽，這里聲明為html文檔
<html lang="en">當前文檔語言種類定義，en表英文、zh-CN表中文
<meta charset="UTF-8">字符編碼為UTF-8
3. vscode插件推薦
Chinese (Simplified) (簡體中文) Language Pack for Visual Studio Code：中文翻譯。
Auto Rename Tag：能自動同步重命名HTML或XML標簽。當你修改開始標簽時，結束標簽也會自動更新，反之亦然，避免了手動修改兩個標簽時可能出現的錯誤。
open in browser：提供便捷的方式在不同的瀏覽器中打開當前文件，方便進行跨瀏覽器測試。
Live Server：支持實時刷新，當你保存代碼更改時，瀏覽器會自動重新加載頁面。
vscode-icons：圖標主題插件，它會為你的 VS Code 文件資源管理器添加更清晰直觀的圖標。
Easy LESS：提供了 LESS 的語法高亮、代碼補全和編譯功能，方便你使用 LESS 編寫 CSS。
會了吧：英文翻譯軟件，可查詢當前代碼文件含有的英文生詞。
，Ubuntu22編譯：1、下載代碼)
)
原理與PyTorch實現詳解)
