html整理

 

<!-- 1，段落标签 -->
     <p><b>这是整理</b></p>
     <p><i>这是整理</i></p>
     <p><del>这是整理</del></p>
     <h1><a name="target">这是目标标签</a></h1>
     <h2>这是H标签</h2>
     <h3>这是H标签</h3>
     <h4>这是H标签</h4>
     <h5>这是H标签</h5>
     <h6>这是H标签</h6>
     <!--2， 超链接标签 -->
     <a href="http://www.baidu.com" target="_blank" title="百度一下你就知道">百度一下</a>
     <!-- target是打开方式有三种_blank _self _top ，title显示网址的标注-->
    <!-- 锚点 -->
    <a href="#target">去到目标位置</a>
    <!--3， 图片标签 -->
    <img src="" alt="">
    <!-- 4，列表标签 -->
    <ul type="square">
        <li>无</li>
        <li>序</li>
        <li>列</li>
        <li>表</li>
    </ul>
    <ol >
        <li>有</li>
        <li>序</li>
        <li>列</li>
        <li>表</li>
    </ol>
    <!-- 都有type属性 -->
    <dl>
        <dt>标题，这是定义列表</dt>
        <dd>这是内容</dd>
    </dl>
    <!-- 5，表格! -->
    <table border="1">
        <caption>这是题目</caption>
        <tr>
            <th>这是一个单元格的表头</th>
            <td>还是一个单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
        </tr>
    </table>
    <!-- 表格有 colspan，rowspan跨行夸列属性，有bgcolor和可以插入background-->
    <!-- 6，表单 -->
    <form action="">
        <p>文本框：<input type="text" name="usename" autofocus placeholder="这是提示文字，有自动光标"></p>
        <p>密码框: <input type="password" name="password"></p>    
        <p>单选按钮: 
        <input type="radio" name="gender" value="1">第一个选项
        <input type="radio" name="gender" value="1">name必须相同
        </p>
        <p>
        复选框:<input type="checkbox" name="fav1" value="1">1
                <input type="checkbox" name="fav2" value="1">2
                <input type="checkbox" name="fav3" value="1">3
        </p>
        <p>
        上存框: <input type="file" name="myp">
        </p>
        <p>
            下拉： <select name="area" >
                <optgroup label="这是组名">
                    <option value="1">这是选项1</option>
                    <option value="2">这是选项2</option>
                </optgroup>
                    </select>
        </p>
        <p><input type="submit" name="sub" value="这是提交按钮"></p>
    </form>
    <!-- 表单还有更多功能例如time，number，range等等， -->