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