Html笔记

文本标签

  标题
  <h1> 标题1</h1>
  <h2> 标题2</h2>
  <h3> 标题3</h3>

  加粗
  <b></b>  <strong></strong>

  上标/下标
  <sup></sup>  <sub></sub>

  删除线
  <s></s>

  下划线
  <u></u>

  斜体
  <i></i>

  代码
  <code></code>

格式化标签

  段落
  <p></p>

  换行
  <br/>

  分割线
  <hr/>

  预格式化
  <pre></pre>

链接标签

• href属性

<a href="111.jpg">点击图片链接观看</a>
<a href="111.zip">点击文件链接下载</a>
<a href="https://wwww.baidu.com">点击超链接</a>
<a href="#tagId">定位到id指向标签的锚点</a>

到<a href="#tagId">定位id指向标签的锚点</a>

• target属性：
  1._self 本地页面跳转 2._bank 打开新页面 3.[name] 指定名字标签打开，配合iframe使用

图片标签

<img src="图片地址" alt="图片失效 占位"></img>

列表标签

• 无序列表：unorderlist->list

<ul>
    <li>111</li>
    <li>222</li>
</ul>

• 有序列表: orderlist->list

<ol>
    <li>111</li>
    <li>222</li>
</ol>

• 自定义列表：definitionlist->definitionTile->definitionDescription

<dl>
    <dt>列表标题</dt>
    <dd>111</dd>
    <dd>222</dd>
</dl>

• 表格标签

<table>
    <tr>
        <td>AA</td>
        <td colspan=2>BB</td>
    </tr>

    <tr>
        <td rowspan=2>AA</td>
        <td>BB</td>
    </tr>
</table>

• 表单标签

<form action="后端地址" method="提交方式">
    <input type="text" name="于后端参数一致" value="">
    <input type="radio" name="于后端参数一致" value="">
    <input type="checkbox" name="于后端参数一致" value="">
    <input type="hidden" name="于后端参数一致" value="">
    <select name="" id="">
        <option >A</option>
        <option >B</option>
    </select>

    <input type="submit" value="提交">
    <input type="reset" value="重置">
</form>

配合a标签时，可以用a标签指定iframe指向的页面
<a href="http://www.baidu.com" target="iframe-test">显示百度</a>
<iframe name="iframe-test" width="1000" height="1000" src=""></iframe>

···

• div 和 span标签
  div为块状容器独占一行
  span行级标签