一、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>

img标签，hr标签相关推荐

HTML基础-html标签、标签属性及核心功能
html标签 html标签一般是成对出现的,叫做双标签,其中第一个标签叫做开始标签(开放标签),第二个标签叫做结束标签(闭合标签),结束标签的标签名前是有/标注. 单标签 <标签名 /> ...
H5常用标签基本标签归纳总结
此文章在学习S3CHOOL后. 这些常用的标签基本都已经知道,主要还是在平时的练习中不断地使用,才能达到运用自如的境界. 温故而知新,可以为师矣. <a>标签 <a href=&qu ...
HTML的br/标签和hr/标签
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
怎么在html中加横条,如何在HTML中插入一行？html横线标签hr全新讲解
对于刚刚入门的新手不知道如何在HTML中插入一行?那么接下来我们认识一下html横线标签hr. 一:html横线标签hr属性标签主要是在html中创建水平线,hr是单标签,是没有结束标签的,而且所有 ...
HTML5前端开发入门之H系列标签，P标签和Hr标签
##H系列标签(Header1~Header2) -作用:用于给文本添加标题语义 -格式: -<h1>xxxxxx</h2> -注意点: -H标签是用来给文本添加标题语义的,而 ...
hr/标签的属性及样式
用简单的"hr"语句就能实现多样化的分割效果: 最基本的:<hr width=300 size=1 color=#5151A2 align=center noshade> ...
css中如何设置hr的样式？css hr标签多种样式（图文）
在对html网页进行美化的时候,肯定少不了要用的hr标签进行修饰页面,但默认的hr标签样式对页面的修饰起不到什么好的作用,有经验的前端工作者就会通过使用css样式来对hr标签进行一些美化的操作.那么如 ...
「HTML和CSS入门指南」hr 标签详解
HTML5 中的 hr 标签 HTML5 中的 <hr> 标签是用于插入水平分割线的标签,通常用于在页面中添加分隔线或者段落之间的分割线.<hr> 标签可以单独使用,也可以与其 ...
HTML 关于hr标签,虚线
hr标签是单独使用的标签,是水平线标签,用于段落与段落之间的分隔,使文档结构清晰明了,使文字的编排更整齐通过设置<hr>标签的属性值,可以控制水平分隔线的样式. <hr&g ...
HTML hr 标签定义和用法
<hr> 标签在 HTML 页面中创建一条水平线. 水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分. 实例被水平线分隔的标题和段落: <h1>T ...

img标签，hr标签

Div与Span标签详解

一、img标签

1.简介

2.语法

3.案例

二、span

1.简介

2.语法

3.案例

img标签，hr标签相关推荐

最新文章

热门文章