HTML 筆記01

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. 一個標籤內能夠有多個屬性
相關文章
相關標籤/搜索