第一天筆記

1.復(fù)習(xí)

1.1 復(fù)習(xí)markdown常用語法

• 標(biāo)題 #
• 列表：
  • 無序列表 -或+
  • 有序列表 1.2.3.
• 引入圖片和文字
  • ！[圖片提示文本]（圖片相對地址）-注： 絕對地址可用yotuku.cn進行轉(zhuǎn)換;
  • [文字內(nèi)容](點擊文字要跳往的地址)；
• 粗體和斜體
  • **學(xué)習(xí)學(xué)習(xí)**
  • *斜體*
• 表格

  name	age	sex
  小明	5	男

• 引用
  • 符號為>
• 單行代碼和代碼塊
  • 單行代碼 margin
  • 多行代碼

var margin

1.2復(fù)習(xí)常用的快捷鍵

• ctrl:
  • ctrl+a:全選
  • ctrl+c:復(fù)制
  • ctrl+v：粘貼
  • ctrl+x:剪切
  • ctrl+s：保存
  • ctrl+alt:場景切換
  • ctrl+w:關(guān)閉當(dāng)前頁面
  • ctrl+空格：中英文切換
• shift
  • 中英文切換（不建議）
  • 大寫英文字母
• windows
  • windows+r 打開運行窗口，在運行窗口中輸入cmd，可以打開命令行

1.3復(fù)習(xí)html

• html骨架結(jié)構(gòu)
  • ！DOCTYPE....文檔聲明頭（html5,html4.01,XHTML）
  • 在html4.01和XHTML中各有3個小規(guī)范
    1. strict 嚴謹?shù)?/li>
    2. transitional 普通的
    3. frameset 框架
  • html:超文本標(biāo)記語言；里面用的都是標(biāo)簽對
    1. head
    • meta (charset:UTF-8,GB2312)
    • <meta name="description" content="要描述的內(nèi)容"/>
    • <meta name="keywords" content="關(guān)鍵字，關(guān)鍵詞"/>
      以上兩個meta都是為了SEO優(yōu)化
    • <title>頁面標(biāo)題</title>
    2. body
    • 標(biāo)題<h1></h1><h2></h2>
    • 段落 p：雖然p是塊狀元素，但是里面放的也是圖片
    • span:里面用來放文本：圖片，文字；
    • a鏈接<a href="地址 title="標(biāo)題">...</a>
      • 圖片<img src="相對地址/絕對地址" alt="提示文本"/>
• css樣式，寫在<style>..</style>中
  + 樣式的基本語法：
  選擇器（div）{
  key:value
  }
  + 選擇器:
  1. 標(biāo)簽選擇器：div,h,p,a,img,span
  2. class選擇器：.xinxi
  (千萬不要用漢字和數(shù)字開頭作為class名，一定要用英文字母)