<!-- a 超链接常用属性 href 表示连接到的地址
target 打开资源方式
_self:当前窗口打开
_blank:新窗口打开
.同级
..上一级目录-->
<a name="top"></a>
<a href="../1.jpg">超链接</a>
<a href="http://www.baidu.com">超链接</a>
<a href="lesson1.html#list" target="_self">超链接</a>
<br>
<!-- 协议执行资源的基本流程 使用协议到本地计算机的注册表中查找是否有对应协议的软件,有就执行,没有就不执行-->
<!-- file://本地文件协议(本地或局域网)默认在href不写就是使用这个默认的协议
thunder:迅雷下载软件协议
mailto:调用本地的发送邮件的客户端软件-->
<a href="http://www.movie.fuchouzhe.avi">高清(复仇者联盟)普通通道</a><br>
<a href="thunder://www.movie.fuchouzhe.avi">高清(复仇者联盟)迅雷通道</a><br>
<a href="mailto:songwei@gehua.cc">发送邮件给朋友</a><br>
<!-- 超链接的使用
1、连接到资源
2、作为锚点使用
打锚点:<a name="锚点名称"></a>
去到锚点:<a href="#锚点名称">内容</a>-->
<a href="#ch01">去到第一张</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="ch01"></a>
第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容
<a href="#top">回到顶部</a>
<!-- img图片标签
src:表示图片源位置
width:图片宽度
height:图片高度
alt:替代文本
title; 提示文本,当鼠标放在图片上面出现
热点 area-->
<br>
![](1.png)
<map name="Map" id="Map">
<area shape="rect" coords="50,59,116,104" href="1.html" /> <area shape="circle" coords="118,203,40" href="2.html" /></map>
<!-- 转义字符 在html语法中,存在一些特殊的字符,这些字符是不能原样输出的,如果想让这些字符原样输出,就需要进行转义常见的转义字符:
特殊字符 转义字符
< < letter than
> > greater than
& &
空格 -->
<h3>标题</h3>
<!-- table 表示一个表格常用标签
tr表示表格中的一行
td表示行中的一个单元格
th表示表头
catpion 表头
常用属性
boder 表格的边框
rowspan 行合并
colspan 列合并-->
<table width="500px" height="500px" align="left" border="1" > <caption>宋薇个人信息</caption>
<tr align="center">
<th>姓名</th>
<th>年龄</th>
</tr>
<tr align="center">
<td rowspan="2">宋薇</td>
<td>30</td>
</tr>
<tr align="center">
<td>31</td>
</tr>
<tr align="center">
<td >石晨</td>
<td>30</td>
</tr>
</table>
HTML超链接、图片、表格
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 超链接元素 超链接为Web页面提供了互相跳转的功能,用户在浏览一个网页的时候可以通过超链接跳转到另一个网页,以获取...
- 1.line-height有什么作用? 作用:设置行高常用单位:px,百分比,数字 设置垂直居中通常使用技巧:li...