一、img标签
1.简介
Img标签在html中是引入外部图片到网页中显示的标签。
2.语法
<img src="图片路径" width="100" height="50" alt="" />
Src 设置图片路径。
Width 设置图片宽度。
Height 设置图片高度。
Alt 设置对这张图片文字描述,通常设置描述是为了搜索引擎能读懂你这张图片表达内容(有利于搜索引擎优化因素而使用)。
3.案例
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="001.gif" width="160" height="60" alt="img标签" />
</body>
</html
二、span
1.简介
标签直接使用
设置一条水平线分割线
html Hr水平线特点是100%宽度水平分割线,并且独占一行,hr水平线将与上下内容一定距离。
2.语法
<hr />
3.案例
<!DOCTYPE html>
<html xmlns="http://www.baidu.com">
<head>
<title>Hr水平线</title>
</head>
<body>
我是html Hr实例<br/>
<br/>
效果如下:
<br/>
<hr/>
<a href="http://www.baidu.com/">www.baidu.com</a>
<hr/>
<p>我是Hr实例 </p>
</body>
</html>