1. 程式人生 > >HTML和CSS怎麽用

HTML和CSS怎麽用

渲染 連接 mage 名稱 tle 訪問 標簽 版本 網址

首頁>

1.HTML和CSS是什麽?

·網站和HTML頁面

  ·簡單理解網站

  ·一個房子比喻(HTML比喻成房子,CSS為裝修)

  ·頁面的整體結構:有樹樁標簽對嵌套組成

  ·頁面的組成單元:元素

·HTML和CSS的定義:

  ·HTML 超級文本標記語言

  ·CSS 層疊樣式表

2.HTML和CSS怎麽用?

 ·HTML的必要規則

  ·HTML的head:

   設置性內容

    1.字符編碼設置

    2.IE設置 頁面按IE最高版本渲染

    3.響應式設置 對手機尺寸寬度訪問設置

    4.文本標題 文檔的標題 Title

技術分享圖片

   資源的引入

    1.圖標引入

   2.CSS的引入

    技術分享圖片

  ·HTML常用元素

   ·有語義元素:放的文字段落內容

    1.h1 代表標題 1-6級 <h1>一級標題</h1>

    2.p 代表文字段落 <p>放置一個段落</p>

    3.a 代表超鏈接 <a herf=‘跳轉的網址‘ target=‘#‘>按鈕名稱</a> #target=_blank 在新窗口打開連接

    4.img 代表圖片 <img src= ‘圖片地址‘ alt=‘圖片加載不了顯示內容‘ height=‘100’ weight=‘100’>

    5.ul、li 代表無順序列表 <ul><li>香蕉</li></ul>

    ·ol、li 代表有順序列表 <ol><li>香蕉</li></ol>

    ·table

    ·form

    ·label

    ·input

    ·select

    ·button

    

·無語義元素

    ·div  

    ·span

    

HTML和CSS怎麽用