標籤：通過 有序 必須 html 大寫 asp editplus ado 換行
web 的組成 瀏覽器 伺服器：代替使用者向伺服器發送請求 通訊協定：規範資料轉送及打包方式（http,https）伺服器： 1 作用： 1 接收使用者請求並響應 2 儲存資料 3 具有安全性功能 2 產品： 1 Tomcat 2 Aapache 3 Nginx 4 IIS 3 技術： 1 python web （django flash ,tornado） 2 PHP 3 JAVA 4 ASP.net 5 JSp (java serverlet page) 4 瀏覽器： 1 作用： 1 代替使用者向伺服器發送請求 2 作為響應資料的解釋引擎，呈現圖形化介面 2 主流的瀏覽器產品： 1 Chrome -- Google 公司 2 IE -- microsoft 3 safari -- Apple 4 Firefox -- Mozilla 5 Opera --Opera 3 瀏覽器引擎（核心） 1 渲染引擎 - 解析 HTML 。css.控制而面渲染效果 2 js 引擎 -- 解析js 指令碼 4 前端技術 1 HTML 書寫頁面結構和內容 2 CSS 設定網頁中的元素的樣式 3 JS 實現網頁的互動 4 工具庫，架構2 html 概述 1 html介紹 HyperText Markup Language 超文本 標記 語言 2 超文本： 具有特殊功能文本 et: 普通文本 a 超文本 a 表示超連結 普通文本 b 超文本 b 表示加粗 3 標記 1 也叫標籤。元素 2 主要用來標記網頁中的內容 3 可以實現網頁布局及JS互動 4 HTML 在電腦中的表現形式 網頁檔案在電腦中都是以.html/ .htm 尾碼表示 工具 1 記事本 2 EditPlus Sublime WebStorm Vscode 運行工具：瀏覽器 以Chrome 瀏覽器為準 調試工具：瀏覽器開發人員工具 F12 1 HTML 中的標籤都以<>為標誌 2 標籤分類 1 雙標籤：成對出現，有開始標籤，有結束標籤 <html></html> 2 單標籤: <hr> 水平線 <hr/> 3 標籤嵌套 1 在嵌套結構中，外層標籤稱為“父元素‘，內層元素稱為’子項目‘ 多層元素時，內部元素稱為後代元素 head 網頁頭部資訊：編碼方式，網頁名稱 網頁選項卡的小表徵圖，網頁資訊介紹 引入外部資源檔 body 網頁的主體資訊：所有需要呈現給使用者的，需要顯示在視窗中的內容，都應在body中書寫 4 標籤屬性 標籤屬性主要是用來修飾當前標籤的顯示效果，對當前標籤或者網頁的補充設定 文法： 1 書寫位置： 標籤屬性都書寫在開始標籤中，與標籤名之間使用空格隔開 2 屬性是由屬性名稱和屬性值組成的 屬性名稱= ‘屬性值’ 屬性值必須使用引號引起來，單雙引號都可以 3 多個屬性時，屬性之間使用空格隔開 5 HTML 文法規範 1 HTML 不區分大小寫 (推薦使用小寫) 2 保持適當縮排，保證代碼可讀性 3 保持適當注釋，保證代碼可讀性 6 HTML注釋 <!-- 注釋內容 --> 注意 : 1 HTML 注釋不能嵌套 2 不能書寫在標籤內部的 7 HTML 中的換行與空格 1 HTML會忽略多餘的空格，只顯示為一個空格 2 代碼中4 文檔組成 1 文件類型聲明 <!DOCTYPE html> 聲明當前為HTML文檔 ，這種H5 的聲明方式 作用： 1 告訴瀏覽器文檔為html文檔 2 按照H5的渲染方式解析網頁 書寫位置： 文檔開頭：<html>標籤之前 2 文檔內容 <!doctype html> <html> <head> <meta charset=‘utf-8‘> <title>網頁標題</title> </head> <body> 網頁主體 </body> </html>5 常用標籤 1 標題標籤 1 作用：以標題的形式顯示文本（加粗，字型大小不同） 2 文法： <h1></h1> 一級標題 .... <h6></h6> 注意：標題文字大小，從h1 至h6逐級減小 2 段落標籤 1 文法：<p></p> 2 可以通過標籤屬性 align = ‘‘設定水平對齊取值 left/center/right 預設靠左對齊， 3 其他的文字標籤 1 文本加粗：<b></b> <strong></strong> 2 文本斜體：<i></i> (italic) 3 添加底線：<u></u> (underline) 4 添加刪除線：<s></s> 說明： 以上4種標籤，涉及到樣式， 都可以使用css添加效果 加粗 傾斜 底線 5 添加上標： <sup></sup> 6 添加下標 <sub></sub> 7 行內分區標籤 <span></span>,一般嵌套在其他標籤中，用來為特殊文本添加樣式 8 <label></label>普通文字標籤 4 格式標籤 1 換列標籤 <br> 等價於 <br/> 2 水平線 <hr> 等價於 <hr/> 5 字元實體 1 < ; 表示 < 2 > 表示 > 3   ; 表示一個空格 4 © ; 表示著作權符號 5 @yen ; 表示人民幣￥ 6 塊級分區標籤 文法：<div></div> 作用：容器標籤，長用於頁面模組劃分 7 標籤嵌套的規範： 1 標籤類型劃分： 1 區塊層級元素： 獨佔一行，不與其他元素共行 h1 - h6 p div 2 行內元素： 可以與其他元素共行顯示 b strong i u s span label sup sub 2 標籤嵌套規範： 1 塊元素中可以嵌套任意類型的元素 2 行內元素中盡量只嵌套行內元素 3 特殊情況： 段落標籤中不可以嵌套其他塊元素的6 列表標籤 1 列表： 從上到下排列資料的結構 列表中的資料都帶有項目符號 2 文法： 1 列表分類： 1 無序列表 2 有序列表 3 自訂欄表 2 列表的組成 1 無序列表由列表標籤與清單項目標籤組成 <ul> unordered list <li></li> list item </ul> 注意：ul中嵌套li元素，每一個li元素表示一條資料 2 有序列表由列表標籤與清單項目組成 <ol> order list <li></li> </ol> 3 定義列表 <dl> <dt></dt> <dd></dd> </dl> 4 列表屬性 只針對有序列表和無序列表 1 有序列表 -ol 1 type: 取值： 1 表示按照數字排序，預設項目符號 a 表示按照小寫字母排序 A 使用大寫字母作為項目符號 i 使用小寫羅馬數字 I 使用大寫羅馬數字 2 start:設定項目編號從第幾個開始 取值：數字，表示從第幾個開始 2 無序列表 -ul 1 .type ：設定項目符號 取值： disc:預設實心圓點 circle:空心圓 square:實心正方形7.圖片與超連結 1 URL 2 路徑分類： 相對路徑：從當前所在的檔案夾開始尋找 絕對路徑：從電腦的根目錄開始尋找 3 圖片標籤： <img src =‘‘> src中為圖片的URL，可以是網路路徑，也可以是本地路徑
前端介紹開始（—）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
