web快速入门之基础篇-html：4、基本标签之图像、地址链接

被开发耽误的大厨

已于 2022-06-12 22:36:12 修改

阅读量482

点赞数

分类专栏： web前端（H5）文章标签： html 前端 xhtml

于 2020-01-15 22:57:20 首次发布

本文为博主原创文章，不得随意转载，转载请注明出处！！！

本文链接：https://blog.csdn.net/YuDBL/article/details/103997094

版权

web前端（H5）专栏收录该内容

83 篇文章 15 订阅

订阅专栏

一、前言

上一篇文章我整理以前的笔记是：1、普通文本和特殊字符 2、分组标签：div、span，详细可参考博文 web快速入门之基础篇-html：3、html基本标签之分组标签（div、span）、特殊字符这篇文章我将整理笔记：html基本标签之图像、地址链接

二、实例演示

实例代码

我们先来看看一个例子，如下代码：03_图像、地址链接.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>这是title标题</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	</head>
	<body>
	
	<!-- 引用网络图片 -->
	<img src="https://timgsa.baidu.com/timg?image&quality=80&size
	=b9999_10000&sec=1579106837826&di=5884797adfad5e49007c7a40015e4eaa&imgtype
	=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201612%2F08%2F20161208082540_iUfcE.jpeg" 
		 width="150"
	/>

	<!-- 引用本地图片 -->
	<img src="calculater.jpg" width="300" /><br />


	<a href="http://www.baidu.com">百度一下（会覆盖当前窗口）</a><br/>
	<a href="http://www.baidu.com" target="_blank">百度一下（会在新窗口打开）</a><br />
	点击如下图片会跳转到百度（会覆盖当前窗口）<br />
	<a href="http://www.baidu.com"><img src="if.jpg" width="300"/></a><br/>
	
	</body>
</html>