HTML基础与实践-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_53788274/article/details/111567353

HTML基础知识2

新学习的标签

标签	解释
strong	加粗，和h4大小一致
em	倾斜
&nbsp；	空格，html的空格只能表示一个空格
&gt；	大于号
&lt；	小于号
&copy；	版权
&quot；	引号

插入图片和超链接

<img src="图片地址"alt="地址出错时的返回值"title="鼠标放在图片上浮现的文字内容"width="宽度"height=“高度”/>
<a href=“超链接地址"target=”_self/blank/parent>超链接按钮文本或者图片等<a/ >

练习

下面展示一些 内联代码片。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>风景</title>
	</head>
	<body>
		<a name="F1">
			<img src="风景1.jpg"alt="未显示"title="图片1"/>
		</a>
		<p>
		<a name="F2">
			<img src="风景2.jpg"alt="未显示"title="图片2"/>
		</a>
		</p>
	</body>
</html>

在这里插入图片描述
下面展示一些 内联代码片。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>风景</title>
	</head>
	<body>
		<a href="boketarget.html#F1"target="_blank">
		风景1
		</a>
		<a href="boketarget.html#F2"target="_blank">
		风景2
		</a>
	</body>
</html>