Html第二节

作者: 木子abcd子木 | 来源:发表于2017-04-18 23:01 被阅读7次

    无序列表

    <ul>

    <li>上海</li>

    <li>成都</li>

    </ul>

    有序列表

    <ol>

    <li>上海</li>

    <li>成都</li>

    </ol>

    自定义列表

    创建表格表单

    <table>                   //table表示一个表格,<tr></tr>表示表单

    <theah>

    <tr><th>A</th><th>B<.th></tr>         //头部标签,列名在一行显示

    </thead>

    <tr>

    <td>a</td><td>b</td>          //可使用ctrl+{ or ctrl+}左右对齐

    </tr>                        //在同一行显示,不同的表格

    </table>

    单元格合并

    rowspan               //一个单元格占两行内容显示

    colsapan               //一个单元格占两列显示

    div                  //一个div占整个通栏

    span                 //如果没有换行标签,则会在一个行显示    

    表单

    <form >                         //表单里的东西都需要放在form里面

    用户名:<input type="text">        //type指类型 text文本框 value指值

    sex:男<input type="radio" name="gender" checked=“checked” >女<input type="radio" name="gender">//radio表示单项选择,gender只可选择一个,checked则表示默认是男

                          //text=password表示文档加密

    <select>                //select可选择的下拉列表

    <option><option>

    </select>  

    <textarea></textarea>           //文本域

    </form>

    lable标签的使用

    //使用方法   1、id.....for  2、<lable>文字内容</lable>

    sublime

    提交按钮,前面有空白,先写个<td></td>

    普通按钮    <input type="buton" value="普通按钮">

    重置按钮    <input type="reset"   value="重置按钮">

    pre         标签不对空格进行合并

    </&gt      表示小于/大于号的意思

    <thtml5&gt   <=>   <html5>

    HTML语义化

    是网页代码更加清晰,明了

    相关文章

      网友评论

        本文标题:Html第二节

        本文链接:https://www.haomeiwen.com/subject/ihqqzttx.html