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:\MECHREVO\MECHREVO.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。

2017.9.14 HTML学习总结---超链接标签图片标签的更多相关文章

html body的属性格式控制标签内容容器标签超链接标签图片标签表格
一.body的属性 <body bgcolor 页面背景色 background 背景壁纸.图片 text文字颜色 topmargin上边距 leftmargin左边距 rightmargi ...
10-2 body标签中相关的标签（字体标签，排版标签（div,span），超链接，图片标签）
一排版标签(div,span) 1块级标签   ...
前端 HTML body标签相关内容常用标签图片标签 <img/>
图片标签 <img/> 一个网页除了有文字,还会有图片.我们使用<img/>标签在网页中插入图片. <img/> 是单闭合标签语法:<img src=&qu ...
前端基础-html 字体标签,排版标签,超链接,图片标签
主要内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...
H5的段落标签、图片标签、列表标签与链接标签
段落标签 (1)<p>段落标签</p> (2)<nobr>强制不换行标签,会出现滚动条</nobr> (3)<pre>保留原始排版标签< ...
day01 html介绍文档声明头 head标签 body标签
day01 html 初识html  <!doctype html> <html lang="en"> # ...
cocos2d-x之利用富文本控件解析xhml标签（文字标签，图片标签，换行标签，标签属性）
执行后效果: 前端使用: 后台SuperRichText解析code void SuperRichText::renderNode(tinyxml2::XMLNode *node){ while (n ...
我给女朋友讲编程html系列(3) --html中的超链接标签-a标签和框架frame与框架集frameset
我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一 ...
22----2013.06.29---HTML--html介绍.超链接和图片,表格,表单,表单标签,meta,复习当天内容
01 HTML HTML :Hypertext Markup Language 超文本标记语言(类似于裸奔的人.) 作用:向用户展示信息. CSS: Cascading 层叠样式表(类似于人的 ...

随机推荐

grunt 安装使用（一）
grunt 依赖nodejs,所有在使用前确保你安装了nodejs,然后开始执行grunt命令. .安装node nodejs安装教程安装完成后在命令行,执行命令: node -v 出现版本信息, ...
[转]jQueryUI中Datepicker(日历)插件的介绍和使用
http://jqueryui.com/datepicker/ 本文转自:http://blog.csdn.net/redarmy_chen/article/details/7400571 jQuer ...
Spring Boot（一）Hello World
Spring Boot适合与微服务,方便快速开发,简化配置(约定>配置). 准备工作: SpringBoot 2.0 jdk8 IDEA或者eclipse+Spring Tool Suits 创 ...
pat1093. Count PAT's (25)
1093. Count PAT's (25) 时间限制 120 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CAO, Peng The strin ...
10个常见的Redis面试"刁难"问题--转
高可用架构导读:在程序员面试过程中Redis相关的知识是常被问到的话题.作为一名在互联网技术行业打击过成百上千名的资深技术面试官,本文作者总结了面试过程中经常问到的问题.十分值得一读. 作者简介:钱 ...
HDU 4357——String change——————【规律题】
String change Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Tot ...
[转]Asp.net Core中使用Session
本文转自:http://www.cnblogs.com/sword-successful/p/6243841.html 前言 2017年就这么悄无声息的开始了,2017年对我来说又是特别重要的一年. ...
java环境下wsimport编译Wsdl
使用命令提示符进行操作:首先CD至java jdk/bin目录下.先bin目录下执行以下命令即可: -----------------------------服务需求放置的位置------------ ...
html:option
注意事项: (1):In HTML the <option> tag has no end tag.HTML中<option>标签不需要关闭.In XHTML the < ...
硬盘的基础知识-SSD
硬盘有三类:HDD(机械硬盘),SSD(固态硬盘),HHD(混合硬盘) 原理: HDD:磁性碟片 SSD: 闪存颗粒 HHD:磁性碟片的基础上加上了闪存颗粒. 这里对HDD,HHD不加说明,只对SSD ...

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

2.4 超链接标签

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

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

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

其中href：指定链接目标（另一个网页的路径）

2.5 图片标记

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

其中，属性src：指定图像源的url路径 ；

alt：替代文本 ；

height：图片的高度；

width：图片的宽度。

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> <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属性，标记含有表头信息的单元格，其中各数值的内容如下：

注意：

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

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

2017.9.14 HTML学习总结---超链接标签图片标签的更多相关文章

随机推荐

热门专题

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

其中，属性src：指定图像源的url路径；

　　　alt：替代文本；

　　　height：图片的高度；

　　　width：图片的宽度。

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

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

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

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

　　（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属性，标记含有表头信息的单元格，其中各数值的内容如下：

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

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