您的位置:首页 > Web前端 > CSS

css三种样式引入方法,html链接,html中<table>的使用方法

2016-01-18 16:33 976 查看
css中三种样式表的使用方法,做一个简单的总结:

1、外部样式表:

  <link rel="stylesheet" type="text/css" href="mystyle.css">

2、内部样式表:

  <style type="text/css">

    body{

    }

  </style>

3、内联样式表:

  <p style="color:red;"></p>

html链接

1、文本链接

  (1)<a href="http://www.baidu.com">点击跳转</a>

     href属性用于指向另一个文档的链接

  (2)<a name="tip">hello</a>

    <a href="#tip">跳转到hello</a>

    name属性用于指向文档内的链接

2、图片链接

  <a href="http://www.baidu.com">

    <img src="image/1.png" width="100px" height="100px" alt="logo图片">

  </a>

  alt属性用于设置图片不显示时的提示性文字。

html中table的使用

1、 <table border="1">

    <caption>班级名单</caption>

    <tr>

      <th>姓名</th>

      <th>年龄</th>

      <th>性别</th>

    </tr>

    <tr>

      <td>李四</td>

      <td>12</td>

      <td>男</td>

    </tr>

    <tr>

      <td>张三</td>

      <td>23</td>

      <td>男</td>

    </tr>

  </table>

  效果如图:



<table></table>标签中<tr>表示行,<td>表示单元格,<th>表示表头。border属性用于设置表格的边框,不进行设置时默认为没有边框。<caption>用于设置表格标题。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: