html学习2018.07.31

1.用css样式,为表格加入边框
  <style type="text/css">
table tr td,th{border:1px solid #000;}
</style>

  <table>标签,认识网页上的表格

   <table summary="">                   表格以此开始,summray为表格添加表格简介文本
    <caption>标题文本</caption>        caption标签,为表格添加标题和摘要
    <tbody>             
      <tr>                      表格的一行
        <th>...</th>            表格头部的一个单元格,表格表头
        <th>...</th>
         ...
      </tr>
      
      <tr>    
        <td>...</td>            表格的一个单元格
        <td>...</td>
         ...
      </tr>
    </tbody>
  </table>
2.<s>标签 单纯家删除线   <s>标签文本</s>
3.<del>标签 具有语意化,并加删除线   <del>文本</del>
4.<b>标签 文本加粗标签  <b>文本</b>
5.html语义化,就是对不同的html定义不同的语义,让每个html标签都有自己独特的含义
6.<caption>标签, 为表格添加标题和摘要
7.三种定位方式  position:定位方式。默认值是static,表示静态定位,不能使用top、left这些改变                          它的位置
  1)绝对定位:postion:absolute; 绝对定位,绝对定位的元素会脱离文档流,脱离页面排版
              (不再拥有自己的位置,原来的位置也会被后面的元素占用)
                01.绝对定位的元素,首先会看父元素是不是static定位,如果不是static,
                   那么该元素就会相对于自己的父元素进行定位,
                02.如果是static,就查看父元素的父元素是否为static,如果不是static,
                   就相对于自己的父元素的父元素进行定位,
                03.如果是,就继续往上找,一直找到根元素为止。
  2)相对定位: relative:相对定位。 相对于自身原来的位置进行位置的移动。
                可以使用top、left等方向来改变它的位置
  3)固定定位:position: fixed; 固定定位,固定定位的元素会脱离文档流,
               相对于跟元素进行定位。
               最大的特点就是,不会随页面滚动而滚动。
8.<a>标签 ,超链接到另一个页面
  <a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>
  title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容
9.
 

猜你喜欢

转载自blog.csdn.net/whpu1234/article/details/81346300
今日推荐