前端介绍开始（—）
web 的組成瀏覽器服務(wù)器：代替用戶向服務(wù)器發(fā)送請(qǐng)求通信協(xié)議：規(guī)范數(shù)據(jù)傳輸及打包方式（http,https）
服務(wù)器：1 作用：1 接收用戶請(qǐng)求并響應(yīng) 2 存儲(chǔ)數(shù)據(jù)3 具有安全性功能2 產(chǎn)品：1 Tomcat2 Aapache3 Nginx4 IIS3 技術(shù)：1 python web （django flash ,tornado）2 PHP3 JAVA4 ASP.net5 JSp (java serverlet page)4 瀏覽器：1 作用：1 代替用戶向服務(wù)器發(fā)送請(qǐng)求2 作為響應(yīng)數(shù)據(jù)的解釋引擎，呈現(xiàn)圖形化界面2 主流的瀏覽器產(chǎn)品：1 Chrome -- Google 公司2 IE -- microsoft3 safari -- Apple4 Firefox -- Mozilla5 Opera --Opera3 瀏覽器引擎（內(nèi)核）1 渲染引擎 - 解析 HTML 。css.控制而面渲染效果2 js 引擎 -- 解析js 腳本4 前端技術(shù)1 HTML 書寫頁面結(jié)構(gòu)和內(nèi)容2 CSS 設(shè)置網(wǎng)頁中的元素的樣式3 JS 實(shí)現(xiàn)網(wǎng)頁的交互4 工具庫，框架
2 html 概述1 html介紹HyperText Markup Language超文本 標(biāo)記 語言2 超文本：具有特殊功能文本et:普通文本 a超文本 a 表示超鏈接普通文本 b超文本 b 表示加粗3 標(biāo)記1 也叫標(biāo)簽。元素2 主要用來標(biāo)記網(wǎng)頁中的內(nèi)容3 可以實(shí)現(xiàn)網(wǎng)頁布局及JS交互4 HTML 在計(jì)算機(jī)中的表現(xiàn)形式網(wǎng)頁文件在計(jì)算機(jī)中都是以.html/ .htm 后綴表示工具1 記事本2 EditPlus Sublime WebStorm Vscode運(yùn)行工具：瀏覽器 以Chrome 瀏覽器為準(zhǔn)調(diào)試工具：瀏覽器開發(fā)者工具 F121 HTML 中的標(biāo)簽都以<>為標(biāo)志2 標(biāo)簽分類1 雙標(biāo)簽：成對(duì)出現(xiàn)，有開始標(biāo)簽，有結(jié)束標(biāo)簽<html></html>2 單標(biāo)簽:<hr> 水平線<hr/>3 標(biāo)簽嵌套1 在嵌套結(jié)構(gòu)中，外層標(biāo)簽稱為“父元素‘，內(nèi)層元素稱為’子元素‘多層元素時(shí)，內(nèi)部元素稱為后代元素head網(wǎng)頁頭部信息：編碼方式，網(wǎng)頁名稱網(wǎng)頁選項(xiàng)卡的小圖標(biāo)，網(wǎng)頁信息介紹引入外部資源文件body 網(wǎng)頁的主體信息：所有需要呈現(xiàn)給用戶的，需要顯示在窗口中的內(nèi)容，都應(yīng)在body中書寫4 標(biāo)簽屬性標(biāo)簽屬性主要是用來修飾當(dāng)前標(biāo)簽的顯示效果，對(duì)當(dāng)前標(biāo)簽或者網(wǎng)頁的補(bǔ)充設(shè)置語法：1 書寫位置：標(biāo)簽屬性都書寫在開始標(biāo)簽中，與標(biāo)簽名之間使用空格隔開2 屬性是由屬性名和屬性值組成的屬性名= ‘屬性值’屬性值必須使用引號(hào)引起來，單雙引號(hào)都可以3 多個(gè)屬性時(shí)，屬性之間使用空格隔開5 HTML 語法規(guī)范1 HTML 不區(qū)分大小寫 (推薦使用小寫)2 保持適當(dāng)縮進(jìn)，保證代碼可讀性3 保持適當(dāng)注釋，保證代碼可讀性6 HTML注釋<!-- 注釋內(nèi)容 -->注意 :1 HTML 注釋不能嵌套2 不能書寫在標(biāo)簽內(nèi)部的7 HTML 中的換行與空格1 HTML會(huì)忽略多余的空格，只顯示為一個(gè)空格2 代碼中
4 文檔組成1 文檔類型聲明<!DOCTYPE html> 聲明當(dāng)前為HTML文檔 ，這種H5 的聲明方式 作用： 1 告訴瀏覽器文檔為html文檔2 按照H5的渲染方式解析網(wǎng)頁書寫位置：文檔開頭：<html>標(biāo)簽之前2 文檔內(nèi)容<!doctype html><html><head><meta charset='utf-8'><title>網(wǎng)頁標(biāo)題</title></head><body>網(wǎng)頁主體</body></html>
5 常用標(biāo)簽1 標(biāo)題標(biāo)簽1 作用：以標(biāo)題的形式顯示文本（加粗，字號(hào)不同）2 語法：<h1></h1> 一級(jí)標(biāo)題....<h6></h6>注意：標(biāo)題文本大小，從h1 至h6逐級(jí)減小2 段落標(biāo)簽1 語法：<p></p>2 可以通過標(biāo)簽屬性 align = ''設(shè)置水平對(duì)齊方式取值 left/center/right默認(rèn)左對(duì)齊，3 其他的文本標(biāo)簽1 文本加粗：<b></b> <strong></strong>2 文本斜體：<i></i> (italic)3 添加下劃線：<u></u> (underline)4 添加刪除線：<s></s> 說明：以上4種標(biāo)簽，涉及到樣式，都可以使用css添加效果 加粗 傾斜 下劃線5 添加上標(biāo)： <sup></sup>6 添加下標(biāo) <sub></sub>7 行內(nèi)分區(qū)標(biāo)簽 <span></span>,一般嵌套在其他標(biāo)簽中，用來為特殊文本添加樣式8 <label></label>普通文本標(biāo)簽4 格式標(biāo)簽1 換行標(biāo)簽<br> 等價(jià)于 <br/>2 水平線 <hr> 等價(jià)于 <hr/>5 字符實(shí)體1 < ; 表示 <2 > 表示 >3   ; 表示一個(gè)空格4 © ; 表示版權(quán)符號(hào)5 @yen ; 表示人民幣￥6 塊級(jí)分區(qū)標(biāo)簽語法：<div></div>作用：容器標(biāo)簽，長(zhǎng)用于頁面模塊劃分7 標(biāo)簽嵌套的規(guī)范：1 標(biāo)簽類型劃分：1 塊級(jí)元素：獨(dú)占一行，不與其他元素共行h1 - h6 p div 2 行內(nèi)元素：可以與其他元素共行顯示b strong i u s span label sup sub 2 標(biāo)簽嵌套規(guī)范：1 塊元素中可以嵌套任意類型的元素2 行內(nèi)元素中盡量只嵌套行內(nèi)元素3 特殊情況：段落標(biāo)簽中不可以嵌套其他塊元素的
6 列表標(biāo)簽1 列表：從上到下排列數(shù)據(jù)的結(jié)構(gòu)列表中的數(shù)據(jù)都帶有項(xiàng)目符號(hào)2 語法：1 列表分類：1 無序列表2 有序列表3 自定義列表2 列表的組成1 無序列表由列表標(biāo)簽與列表項(xiàng)標(biāo)簽組成<ul> unordered list <li></li> list item</ul>注意：ul中嵌套li元素，每一個(gè)li元素表示一條數(shù)據(jù)2 有序列表由列表標(biāo)簽與列表項(xiàng)組成<ol> order list<li></li></ol>3 定義列表<dl><dt></dt><dd></dd></dl>4 列表屬性只針對(duì)有序列表和無序列表1 有序列表 -ol1 type:取值：1 表示按照數(shù)字排序，默認(rèn)項(xiàng)目符號(hào)a 表示按照小寫字母排序A 使用大寫字母作為項(xiàng)目符號(hào)i 使用小寫羅馬數(shù)字I 使用大寫羅馬數(shù)字2 start:設(shè)置項(xiàng)目編號(hào)從第幾個(gè)開始取值：數(shù)字，表示從第幾個(gè)開始2 無序列表 -ul1 .type ：設(shè)置項(xiàng)目符號(hào)取值： disc:默認(rèn)實(shí)心圓點(diǎn)circle:空心圓square:實(shí)心正方形
7.圖片與超鏈接1 URL2 路徑分類：相對(duì)路徑：從當(dāng)前所在的文件夾開始查找絕對(duì)路徑：從計(jì)算機(jī)的根目錄開始查找3 圖片標(biāo)簽：<img src =''>src中為圖片的URL，可以是網(wǎng)絡(luò)路徑，也可以是本地路徑
?
轉(zhuǎn)載于:https://www.cnblogs.com/Skyda/p/9732894.html
總結(jié)
- 上一篇： 高并发常见面试题
- 下一篇： HTML5 之 简单汇总