一、web概述:
b/s: browser-server :
瀏覽器伺服器模型webqq 網頁遊戲
瀏覽器只需要重新整理頁面就可以看到公升級後的效果
缺點: 瀏覽器具有一定的侷限性, 頁面的展示能力仍然是很差. 所有的頁面資料都需要從伺服器
實時的獲取, 所以對網速的依賴很高
c/s: client-server
客戶端伺服器模型 qq lol
優點: 客戶端可以任意的設計, 頁面的展示能力就可以很強. 由於大量的資源都已經儲存在了客
戶端, 和伺服器互動的僅僅是一些變化的資料, 所以對網速的依賴很低
級. 在有些場景中是不能被接受的.
1.網際網路方向---.**
2. cs架構軟體-- 客戶端和伺服器端的互動
3. bs架構軟體---網頁版的應用
- html(hyper text mark-up language)超文字標記語言最基礎的網頁語言 w3c ○
- html不是一門程式語言而是一門標記語言
- html是用標記(標籤/元素)來描述網頁內容的
- html是文件的一種
- html是一種的文件，文件中的標籤標記語言
- html的本質其實是乙個文字文件，裡面的標記語言被計算機進行了
特殊的處理，能夠在開啟文件的時候標記語言將會被瀏覽器進行標記的識別
文件進行一定的布局處理，在瀏覽器中展示出特殊文件的內容
html的結構:
- 用來指定當前頁面所遵循的html的版本,版本的設定和宣告
- head頭部用來存放需要載入的資源，配置檔案，由於瀏覽器的解釋從上到下進行解釋，所以靠前的資源是優先載入的。
- body標籤部分用來存放頁面的資料，是頁面的可見範圍的內容
- title標籤用於指定html文件的名字
- 其中的charset的值用來指定瀏覽器用什麼編碼解析當前頁面
- content="text/html;charset=utf-8";用來指定文件的格式和文件的編碼格式
-
html語法：
- html標籤分為開始標籤和結束標籤,如果標籤內沒有修飾的內容, 開始標籤和結束標籤可以合併為乙個自閉標籤；自閉標籤的出現就是標籤體裡面沒有可以修飾的部分，設定為自閉單標籤
- 單標籤：
常見 - 標籤通常都可以具有屬性, 屬性與屬性值用"="連線, 屬性的值可以用雙引號、單引號引起來或者不用引號, 一般會用雙引號引起來 如果不生效檢視頁面**使用的是否為英文雙引號
- html中多個連續的空白字元(製表符,空格,換行)缺省會合併為乙個空格來顯示
- 如果非要輸入空格,可以用轉義字元來替代
- 如果非要輸入換行,可以用
來代替 - 轉義字元：常見的四種轉義
< <
> >
" "' '
空格
標籤：
1. font標籤：
屬性：color:三種表現形式: #十六進製制，顏色名，三原色rgb(a,b,c)
size;字型的大小，範圍 0 ~ 7 預設值是3
我是乙個字型標籤
2. 拓展：
關於寫不寫引號的問題：如果是字串型別的話就建議加引號（單雙都可以），如果是數值型別的話可以不寫引號，瀏覽器會保證解析，寫高階的瀏覽器都可以進行解釋，為避免低階的版本不相容所以建議進行新增。
3.標題標籤:四級標籤
五級標籤
六級標籤
七級標籤
屬性: align:指定文字的排列，僅僅是文字的排列（文字，**，段落）
屬性值：
left:靠左
right:靠右
center:居中
justify:自適應
4. 列表標籤 ul oi di (無序列表，有序列表 ，自定義列表)
屬性：type
屬性值：三種表現形式，預設是實心圓的方式
disc :實心圓 預設屬性是實心的圓
square:實心正方形
circle:空心圓
src:的路徑源，相對路徑或者絕對路徑
alt:載入出不來的時候，用來代替的解釋資訊
width:控制的寬度 屬性值預設單位為畫素:px
height:控制的高度 屬性值預設單位為畫素:px
拓展：如果使用控制寬高的是其他值單位的話 % ---代表占用當前頁面的比例值
屬性：href:將要跳轉的目標的位址，跳轉分為網頁的內部跳轉和網頁的外部跳轉
一般在本頁面中使用，當網頁內容過長，定位標記會比拖動滾動條方便快捷
name: 指定錨的名字,作為定位標記的值一般是
target:屬性值
_self：在當前視窗開啟新的的頁面
_blink；在新視窗開啟新的頁面 預設開啟方式
使用標籤標記進行網頁內部的跳**
1. 其原理不過是：在欲鏈結處做個記號（網頁的任何地方都可以喔！），然後，鏈結時就尋這記號，就可以快速找到資料。很簡單吧！，使用#進行位置的查詢獲取，通過name和id屬性進行標記
2. 實現本頁面的跳** # 代表的是乙個位置資訊，一般在本頁面中進行使用
4. （做標記的地方） 返回頂部（實現標記的地方）
**標籤：table標籤
td和th之間沒有父子類的關係，tr只是用來控制在一行，裡面沒有進行巢狀的**
tr td th 都是table的子元素：所以直接控制table可以控制子元素和父元素之間的關係
重要屬性：
cellspacing:同一行中的單元格之間的空格距離 預設 1px
cellpadding:控制每個單元格的邊框和單元格之間的內容的距離 預設1px
bgcolor:控制**的整體的背景顏色
bordercolor：控制邊框顏色
width:控制**的寬度
align:控制**在文件中的位置
background；**的背景，可以使用作為背景
tr:**中的行標籤
重要屬性：
align:控制行中的內容對齊方式
bgcolor:控制行中的背景顏色
td:行中的單元格標籤
重要屬性：
rowspan:豎直跨行數
colspan:可以橫跨的列數
th:行中的頭標籤
capation:表示的是**的標題，存在於 table的最頂部
王者榮耀英雄排名榜
上單中單
下單 程咬金
露娜 魯班
程咬金露娜魯班
form表單：
1. 什麼是表單：
瀏覽器向伺服器傳送資料的方式, 有兩種：
1. 利用超連結向伺服器傳送資料--請求引數
在超連結的後面拼接上要傳送的請求引數, 鏈結和請求引數之間用?分割, 引數名和引數值用= 連線, 多個引數之間用& 分割, 可以存在多個同名的引數
2. 利用表單向伺服器傳送資料
利用html中的
表單容易出現的問題：
提交的時候禁止訪問的原因：
瀏覽器和伺服器的底層時通過流來進行傳輸的，post的提交方式因為沒有大小的限制，所以在伺服器中設定攔截機制，避免伺服器的負載加重，進行一定的控制的資料的提交（比如進行一百萬的資料的提交，沒有控制的話，將會導致伺服器出現問題）
跨界投資潮流初現 智慧型硬體和醫療結合或成新熱點
過去兩年時間是智慧型硬體和移動醫療的風口。伴隨著這陣投資熱潮，大量相關專案獲得了資本的青睞，成功獲得投資。兩年後，在技術逐漸成熟 商業模式逐漸清晰的今天，無論創業者還是投資人都較之前冷靜了許多。目前行業正在回歸理性，良幣 開始驅逐 劣幣 2016年11月19日由必格媒客 必格聯盟主辦，脈脈 瑞雲智銳...
HTML學習筆記（十一）HTML 和
可以通過 和 將 html 元素組合起來。大多數 html 元素被定義為塊級元素或內聯元素。編者注 塊級元素 譯為 block level element，內聯元素 譯為 inline element。塊級元素在瀏覽器顯示時，通常會以新行來開始 和結束 例子 內聯元素在顯示時通常不會以新行開始。例子...
HTML雜項和HTML廢棄標籤
一 html雜項 1 html注釋 1 html的注釋是為了方便後期的維護，方便後期更改時能夠快速的定位到所需更改的部分 2 html的注釋在頁面的展示效果中是會被隱藏起來的，並且不影響顯示效果的體現 但我們通過審查元素快捷鍵f12進行審查時是可視的 3 sublime注釋的快捷鍵是 ctrl 2 ...