HTML基礎

HTML基礎

一、標籤和屬性

  • 標籤
        <標籤名>數據內容</標籤名>
        <html></html>、<head></head>、<body><body>......
  •     <標籤名 屬性名="屬性值">數據內容</標籤名>
        <標籤名 屬性名="屬性值"/>
        操作思想:標籤相當於一個容器,對容器中的數據進行操作,就是在不斷的改變容器的內容。

二、常用標籤、轉義字符

  • 常用標籤:html、head、title、body、span、fond
  • 轉義字符:&quot;、&amp;、&lt;、&gt;、&nbsp;

三、常用工具

  • DreamWeaver:代碼窗口、拆分窗口、設計窗口
  • Eclipse New-->Other-->Aptana Projects-->Default Web Project

四、列表標籤

  • 列表
        <dl>
            <dt></dt><dd></dd>
        </dl>
  • 有序
        <ol>
            <li></li><li></li>
        </ol>
  • 無序
        <ul>
            <li></li><li></li>
        </ul>

五、圖像標籤

  • 標籤:img
  • 屬性:src、alt

六、表格標籤

  • 標籤
            <table>
              <tbody>
                <tr><th></th></tr>
                <tr><td></td></tr>
              </tbody>
            </table>
  • table屬性
            border、bordercolor、cellpadding、cellspacing、width
  • td屬性
            colspan、rowspan

七、超鏈接標籤

  • 標籤
        <a>
  • 屬性
        href
  • 協議
        默認、http、mailto、thunder
  • 取消默認點擊
        href="javascript:void(0)" οnclick="xxx"
  • 定位標記-錨
        <a name="xxx"></a>

八、框架

  • frameset
        屬性 rows、cols
  • frame
        屬性 src、name
  • target
        屬性值爲name的值

九、畫中畫

  • 標籤
        iframe
  • 屬性
        src、height、width

十、表單form

  • input
        屬性 type、name、value、src(img屬性)、onclick(button屬性)
        type對應屬性值 text、password、radio、checkbox、file、image、hidden、button、reset、submit
  • select-option
        屬性 name、value
  • textarea
        屬性 name

十一、表單格式化

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章