HTML 筆記01
阿新 • • 發佈：2017-06-09
... 字母 騰訊 cat 份額 需要 視頻 scrip tle 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
統一資源定位
http://www.w3school.cn
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. 一個標簽內可以有多個屬性
HTML 筆記01