• 2017.9.14 HTML学习总结---超链接标签图片标签


    2.4 超链接标签

    定义:它是指从一个对象指向另一个对象的指针,它可以是网页中的一段文字

       也可以是一张图片,以实现从一个页面到另一个页面的跳转。

    格式:<a href="url">超链接名称或图片</a>

    其中href:指定链接目标(另一个网页的路径)

     

    2.5 图片标记

    格式:<img src=“url” alt="" height="" width="">

    其中,属性src:指定图像源的url路径 ;

       alt:替代文本 ;

       height:图片的高度;

       width:图片的宽度。

    例如:

    <html>
      <head>
        <title>超链接页面</title>
      </head>
      <body>
       <h4>超链接标签的使用</h4>
       <a href="http://www.mount-tai.com.cn/nature.shtml">泰山风景介绍</a>
       <hr width="100%" size="1" color="red">
       <h4>图片链接标记的使用</h4>
       <a href="http://www.mount-tai.com.cn/nature.shtml">
           <img src="C:MECHREVOMECHREVO.BMP" width="180px" alt="请点击该图片">
       </a>
       <br/>泰山风景介绍
      </body>
    </html>

    2.6 定时刷新或跳转

    (1)定时自刷新,基本语法:

       <meta http-equiv="refresh" content="1">

    含义:页面每隔一秒刷新一次,其中属性content的值,代表间隔的时间。

    (2)定时自动跳转,基本语法:

      <meta http-equiv="refresh" content="3";url="http://www.souhu.com"/>

    含义:页面3秒自动转到搜狐主页。

    注意:上述标签一般放在head标签中. 

    2.7 表格

    定义:表格由行列单元格组成,可以很好地控制页面布局,固定文本或图像的输出,

       还可以任意进行背景和前景颜色的设置。

    一个表格是由:<table>(表格)<tr>(表格行)<td>或 <th>(单元格)组成来定义的。

    基本语法:

    <table>
        <caption>表格标题</caption>
        <tr><th>列名一</th></tr>
        <tr><td>数据一</td><td>数据二</td></tr>
    ......
    </table>

    关于<tr>标签
      (1)<table>是<tr>的上层标签;
      (2)<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签; 
      (3)<tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格;
      (4)<table>标示一个表格,<tr>标示这个表格中间的一个行; 
      (5)<td>标示行中的一个列,需要嵌套在<tr></tr>中间。

    这里是一个例子:(两行两列) 
    <table> 
      <tr> 
        <td>www.ihuby.com</td>
        <td>www.vvoov.com</td> 
      </tr> 
    </table>

    end!!!

    关于<th>标签:

      (1)<th>和<td>一样,也是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中;
      (2)<th>...</th> 定义表头单元格。表格中的文字将以粗体显示。<TH>与<TD>同样是标

      示一个储存格,唯一不同的是<TH>所标示的储存格中的文字是以粗体出现,即可以这样看:
      <th>网站制作</th>的显示效果相当于<td><b>文字</b></td>;

      (3)在表格中也可以不用此标签,不过如果使用的话,<th>标签必须放在<tr>标签内。

     

    关于<td>标签:
      (1)<td>...</td> 定义单元格标签,一组<td>标签将将建立一个单元格,

        <td>标签必须放在<tr>标签内;

      (2)<th>为表格标题,属性summar为摘要,<caption>标签为首部说明,

        <thead>标签为表格头部,<tbody>标签为表格主体内容,<tfoot>标签为表格尾部。
        其中还可以使用scope 可用于取代headers属性,标记含有表头信息的单元格,其中各数值的内容如下:

        row 指示当前单元格,为包含当前单元格的行提供相关的表头信息。
        col 指示当前单元格,为根据当前单元格指定的列提供相应的表头信息。
        rowgroup 指示当前单元格,为包含当前单元格的其余行组提供相关的表头信息。
        colgroup 指示当前单元格,为根据当前单元格指定的其余列组提供相应的表头信息。
        abbr 用于定义表头单元格中的缩写名,如果没有定义该属性,则将默认单元格内容为节略形式。

    注意:

      关于TR、TH和TD标签的相关信息,<th>不光是粗体,还是居中的

      <caption>也是居中的,而且如果table有border的话则caption不在border之内
      TFOOT 元素内包含的有效标签有: 
      TD 
      TH 
      TR 
    任何给定的 table 对象都只能定义一个tFoot。

  • 相关阅读:
    面试
    无中生有
    数字称王-0-10000,
    数组排序
    uiview 阴影
    TTTAtibutedlabel again
    vim配置python编程环境及YouCompleteMe的安装教程
    centos7下vim8.1的编译安装教程
    centos7下误执行chmod -R 777 /后的权限修复方法
    如何用浏览器在线查看.ipynb文件
  • 原文地址:https://www.cnblogs.com/qichunlin/p/7524040.html
Copyright © 2020-2023  润新知