首页 > 代码库 > HTML标签基础二

HTML标签基础二

  1. <ul><li> 列表,每个<li>默认格式最前带一个圆点
  2. <ol><li>有顺序的信息列表,默认带1,2,3
  3. <div>相当于一个容器,用于划分逻辑和独立的版块等。如<div id="财经新闻">
  4. <table>表格。<caption>表题,<tbody>,<tr>一行,<th>表头,<td>数据;summary属性,表格摘要
    技术分享
    <table>
        <tbody>
            <tr>
                <th>班级</th>
                <th>平均分</th>
            </tr>
            <tr>
                <td>一班</td>>
                <td>70</td>
            </tr>
            <tr>
                <td>二班</td>>
                <td>71</td>
            </tr>
        </tbody>
    </table>
    View Code

    效果:

  5. 技术分享

  6. <a>超链接。<a href="http://www.mamicode.com/网址" tiltle="悬停文字">显示文字</a> target属性=“_blank”表示在新浏览器窗口打开;
  7. <a>中href=http://www.mamicode.com/“mailto”时表电子邮件。
  8. <img src="http://www.mamicode.com/图片链接" alt="下载失败时的替换文本" title="悬停文字">图片可以是GIF,PNG,JPEG格式
  9. <form>用于和服务端进行数据交换。<form method="传送方式(get/post等等)" action=“服务器文件(home.html等)”>表单里有各种控件
  10. 表单控件:<input type="text/password/radio/checkbox" name="表单名称" value=http://www.mamicode.com/“用于提示的默认值,radio和checkbox是用于提交的服务器的值”>
    1. checkbox(多选)和radio(单选)中checked属性为“checked”时该项被选中
    2. 同一组的checkbox或radio注意名字要一样
    • <input type="radio" name="radioexample" value="http://www.mamicode.com/喜欢" checked="checked"/>
    • <input type="radio" name="radioexample" value="http://www.mamicode.com/不喜欢" checked="checked"/>
  11. 表单控件:<textarea>多行文本输入。cols(列),rows(行)属性,可用css中的height和width来代替
  12. ……

HTML标签基础二