[第五季]4.HTML链接标签

最新推荐文章于 2024-10-01 18:23:00 发布

低调的嚣张的程序员

最新推荐文章于 2024-10-01 18:23:00 发布

阅读量429

点赞数

分类专栏： 007 HTML&CSS

本文链接：https://blog.csdn.net/zeephom/article/details/76324847

版权

007 HTML&CSS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

4.复习笔记(这个就是课后习题以及课程所呈现的需求)

①做一个指向qq首页的链接,要求在新的标签中打开.
②做一个图片链接,也是指向51cto.com,设置好网页大小.
③给诗歌做一个锚,并在页面顶部使用.
④做一个给别人发信的链接.
⑤做一个下载图片的文字链接和一个下载压缩包的链接.

5.自测代码

<html>
<head>
<title>网页</title>
</head>
<!--------------网页主体------------------------->
<body>
<br><a href="http://www.qq.com" target="_blank">腾讯首页</br>

<br><a href="http://www.51cto.com" target="_blank"><img src="java.jpg"></a></br>

<br><a href="#poem">诗歌</a></br>

<br><a href="mailto:158591647@qq.com?subject=hello%20again">发邮件</br>


<br><a href="java.jpg" target="_blank">下载图片</a></br>


<br><a href="mysql-connector-java-5.1.42.zip" target="_blank">下载图片</a></br>

<br></br>
<br></br>
<br></br>
<a name="poem"></a>
白日依山尽<br>
黄河入海流<br>
欲穷千里目<br>
更上一层楼<br>
</body>
<!--------------网页主体------------------------->
</html>

2.课堂笔记

1.HTML的链接怎么做
(1)指向qq的链接.a标记
<a></a>
弹出新的页面
target属性=目标
blank=在新窗口打开,target="_blank"
_self=在本窗口中打开.
_parent=在父窗口中打开(暂时不讲)
(2)图片链接
类似于将文字替换为图片
图片大小设置好
(3)锚标记=目标
给锚取名字<a name="poem"></a>
然后在页面上面<br><a href="#poem">诗歌</a></br>
(4)跳到网页中特定的部分
<a href="http://www.w3schools.com/html_links.asp#tips">Jump to 

the Useful Tips Section</a>
(5)给别人发信
<a href="mailto:someone@microsoft.com?subject=Hello%20again">
完整代码

<br><a href="mailto:158591647@qq.com?subject=Hello%20again">发邮

件</a></br>
(6)下载文件
<br><a href="java.jpg" target="_blank">下载图片</a></br>
<br><a href="mysql-connector-java-5.1.42.zip" target="_blank">下

载压缩包</a></br>

(7)ftp服务器(需要了解,非常重要)
专门存放文件的地方
登陆ftp服务器需要下载客户端软件
只需要装一个ftp的服务器软件就可以

3.课程效果图

这里写图片描述

1.代码

<html>
<head>
<title>网页</title>
</head>
<!--------------网页主体------------------------->
<body>
<a  href="http://www.qq.com" target="_blank">转到qq主页</a>
<br><a href="#poem">诗歌</a></br>

<br><a href="http://51cto.com" target="_blank"><img src="java.jpg" width="100px"></a></br>

<br><a href="http://www.w3cschool.com/htlm_links.asp#tips"></br>

<br><a href="mailto:158591647@qq.com?subject=Hello%20again">发邮件</a></br>

<br><a href="java.jpg" target="_blank">下载图片</a></br>
<br><a href="mysql-connector-java-5.1.42.zip" target="_blank">下载压缩包</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></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></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></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></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="poem"></a>
白日依山尽<br>
黄河入海流<br>
欲穷千里目<br>
更上一层楼<br>

</body>
<!--------------网页主体------------------------->
</html>