HTML5能夠作什麼?
第一 網站頁面 響應式頁面 (淘寶 京東 ...)
第二 WebApp (webQQ 在線美圖 web淘寶...)
第三 遊戲 (網頁遊戲, canvas小遊戲,朋友圈測試小遊戲)第四 手機App PhoneGap封裝 ionic
第五 網站用戶界面設計 (ps)
第六 網站後端 node.js 數據庫管理
第七 微信小程序
B/S和C/S軟件結構
C/S 客戶端/服務器 (客戶端分擔壓力,須要更新)
B/S 瀏覽器/服務器(服務器壓力大,不須要更新)
B/S :經過應用層的http協議進行通訊(也須要底層的協議支持),不須要特定的客戶端,只須要瀏覽器。網站就是B/S結構
C/S :經過任意的協議,須要特定的客戶端。如QQ,旺旺,服務器就是騰訊的服務器或阿里的服務器。好比網絡電視等也須要特定的客戶端。
瀏覽器
一. 主流瀏覽器
chrome safari IE firefox
二. 殼瀏覽器
360 搜狐 搜狗 2345 opera 獵豹 UC QQ ..
三.市場份額:chrome(html5支持度高) IE8(不支持h5)..
web服務器
web服務器也稱做www服務器,主要功能是提供網上信息瀏覽服務。web服務應用層使用http協議。
目前可用的web服務器有不少。如 Apache IIS Tomcat nginx..其中apache仍然是世界上使用最多的web服務器。
經常使用的快捷鍵
1.f2 重命名
2.f5 刷新
3.ctrl+c 複製
4.ctrl+v 粘貼
5.ctrl+z 撤銷上一步操做 v6. ctrl+f 查找
6.tab 縮進
7.ctrl+s 保存
8.ctrl+a 全選
9.window+d 回到桌面
10.caps lock 大小寫切換 --不建議用
11.shift+(字母) 大小寫切換
12.alt+tab 任務切換
萬維網
1.萬維網聯盟的建立者是萬維網的發明者蒂姆·伯納斯-李
2.萬維網並不等同互聯網,萬維網只是互聯網所能提供的服務其中之3一,是靠着互聯網運行的一項服務
協議
應用層(上網就是http請求)
http://
https://
其餘協議:ftp smtp nntp ..
URL
統一資源定位
1. http:// 協議
2. www.w3school.com.cn 域名 域名經過DNS服務器解析成ip
https://www.baidu.com/img/bd_logo1.png 百度的一個圖片地址 也是一個url
前端三大技術: HTML CSS Javascript
HTML
超文本標記語言 HyperText Markup Language
超文本: 超連接 圖片 視頻 ...
html文件自己是一個純文本 瀏覽器解除出超文本(連接 圖片)
頁面的主體結構
<!doctype html>
<html>
<head>
<title>小米官網</title> (標題)
<meta charset='utf-8'> (字符集)
<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> (IE最高版本解析)
<meta name="keywords" content="小米6 小米筆記本 紅米"> (關鍵字)
<meta name="description" content="這是賣小米手機 筆記本的 快速返貨 無理由退貨"> (描述信息)
<meta name="robots" content="all"> (那些能夠被搜索到)
<meta name='author' content='obama'> (做者)
<meta name="generator" content="sublime notepad++"> (生成編輯器)
<meta name="revised" content="3.0"> (定義最新版本)
<meta name="copyright" content="兄弟連2006-2019版權全部"> (版本全部權)
<link rel="icon" href="../images/sina.ico"> (導入外部資源如:CSS樣式和小圖標等)
</head>
<body></body>
</html>
html中的註釋
<!--註釋內容-->
html的標籤
單標籤 <meta>
雙標籤 <title></title>
html標籤的屬性
1. 屬性由屬性名和屬性值構成
2. 一個標籤內能夠有多個屬性