<!--標題標籤又稱h標籤-->
    <!--字型大小改變,1-6依次變小-->
    <h1>我是h1標籤</h1>
    <h2>我是h2標籤</h2>
    <h3>我是h3標籤</h3>
    <h4>我是h4標籤</h4>
    <h5>我是h5標籤</h5>
    <h6>我是h6標籤</h6>
    <!--線條標籤-->
    <hr>
    <!--表單標籤-->
    <!--輸入框-->
    <input placeholder="我是佔位符"><br>
    <input value="我是預設的文字"><br>
    <!--日期-->
    <input type="date"><br>
    <!--檔案選擇-->
    <input type="file"><br>
    <!--顏色塊-->
    <input type="color"><br>
    <!--單選按鈕-->
    <input type="radio"><br>
    <!--複選按鈕-->
    <input type="checkbox"><br>

    <!--段落標籤-->
    <p>我是一個段落我是一個段落我是一個段落我是一個段落我是一個段落我是一個段落我是一個段落</p>
    <p>我是一個段落我是一個段落我是一個段落我是一個段落我是一個段落我是一個段落我是一個段落</p>
    <p>我是一個段落我是一個段落我是一個段落我是一個段落我是一個段落我是一個段落我是一個段落</p>
    <!--影象標籤-->
    <!--
    相對路徑和絕對路徑:
    相對路徑:資源在當前的專案中./ ../ ././
    絕對路徑:資源不在當前的專案中, 網路上 或 本地 http:// https:// ftp:// file:///

    -->
    <!--%比 動態控制尺寸-->
    <img src="img/1.jpg" alt="這是一張圖片" width="50%">
    <img src="img/2.jpg" width="150">

    <!--換行標籤-->
    <br>

    <!--列表標籤-->
    <!--無序列表-->
    <ul>

        <li>我是無序列表</li>
        <li>我是無序列表</li>
        <li>我是無序列表</li>
        <li>我是無序列表</li>
        <li>我是無序列表</li>
    </ul>
    <!--有序列表-->
    <ol type="I">

    <li>我是有序列表</li>
    <li>我是有序列表</li>
    <li>我是有序列表</li>
    <li>我是有序列表</li>
    <li>我是有序列表</li>

    </ol>
    <!--超連結標籤
    # 代表跳轉至當前介面
    target :_blank 代表新視窗開啟
    -->
    <a target="_blank"  href="#">我是超連結標籤</a>
    <a href="http://www.baidu.com" target="_top">百度一下你就知道</a>

    <a target="_blank" href="http://www.520it.com">
    <img src="img/3.jpg" width="20%">

    </a>
<hr>
    <!--容器
    div 相當於OC中的UIView
    span-->
    <div>我是div標籤我是div標籤我是div標籤</div>
    <div>我是div標籤我是div標籤我是div標籤</div>
    <div>我是div標籤我是div標籤我是div標籤</div>
    <div>
        <div>
            <p>我是測試div的段落</p>
        </div>

    </div>