html day1

读到大三还是没有明确目标,前段时间也算是立下了做前端的目标,所以重新回顾一下html巩固一下基础。

1. <b></b>(bold)   <strong></strong>都代表加粗的意思。

2. <em></em>       <i></i>      斜体字

3. <sup></sup>    定义上标字

  <sub></sub>    定义下标字

4. <pre></pre>     保持输入时的换行和空格效果

5. <del></del>      删除线

6. <ins></ins>      下划线

7. <a href="#3">turn to page3</a>

  <p>page1</p>               

  <p>page2</p>

  <p><a name="3">page3</a></p>       可以直接跳转到page3

8. <a href="www.baidu.com" target="_blank">welcome</a>

    target="_blank" 表示新建立一个窗口。

  target="_self"表示点击后的新页面覆盖本页面。

  target="view_window"表示点击后产生一个新窗口,然后view_window处于打开状态,然后如果在先前网页中再次点击其他链接,第一次点击的新窗口将会刷新成第二个链接的内容

9. 创建表格

  <caption></caption>   表哥标题,字体居中

  <table>

    <tr>         tr表示行

      <th></th>       th表示表头,字体加粗而居中              

      <td></td>       td表示列

    </tr>

  </table>

  colspan              跨行                            <table frame="box"></table>     四周边框

  rowspan           跨列                            <table frame="above"></table>  上边框

  cellpadding           每个单元格内字体到单元格边框的距离             <table frame="below"></table>   下边框

  cellspacing      每个单元格之间的距离                    <table frame="hsides"></table>   左右边框

  <table frame="vsides"></table>    上下边框

10.   有序列表

      <ol start="3"><li></li></ol>  从3开始计数

      ol 样式 type="A"       从A开始计数到Z

      ol 样式 tyoe="I"               大写罗马字母计数

    无序列表

      <ul><li></li></ul>

      ul 样式 type="disc"    实心圆

           type="circle"    空心圆

           type="square"   实心方框

    嵌套列表

      <ul>

        <li>1</li>

        <li>2

          <ul>

            <li>1.1</li>

            <li>1.2</li>     二级列表要嵌套在上一级li中

          </ul>

        </li>

      </ul>

    自定义列表  

      <dl>

        <dt></dt>    dt顶格

        <dd></dd>     dd缩进两个字符

      </dl>

posted @ 2016-03-21 11:11  swii  阅读(143)  评论(0编辑  收藏  举报