导航

html超链接相关代码

Posted on 2020-07-20 16:06  吃巧克力呀  阅读(750)  评论(0)    收藏  举报

1.

<IDOCTYPE html>
< html>
<head>
<title>图像和超链接</title>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
</head>
<body>
<img src="E:/HTML/图像与超链接/img/html.Jpg”/>
<img src="img/html.jpg"alt="html基础课程" width="50px" height="80px"/>
<h2>html基础课程</h2>
<img src="img/js1.jpg"alt="javascript入门" width="20%" height="30%"/>
<h2>javascript入门课程</h2>
</body>
</html>

2.超链接

<IDOCTYPE html>
< html>
<head>
<title>图像和超链接</title>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
</head>
<body>
<img src="E:/HTML/图像与超链接/img/html.Jpg”/>
<a href="html2.html><img src="img/html.jpg"alt="html基础课程" width="50px" height="80px"/></a>
<h2>html基础课程</h2>
<img src="img/js1.jpg"alt="javascript入门" width="20%" height="30%"/>
<a href="http://www.imooc.com/view/36"><h2>javascript入门课程</h2></a>
</body>
</html>

3.页面内部锚

4.跳转锚

5.电子邮件链接跳转