图文混编效果

来源：互联网发布：mac上好用的课程表编辑：程序博客网时间：2024/06/07 14:02

若<img/>标签中src的图片地址不存在，刚会显示alt属于中的文字代替图片，title属于为鼠标悬停的提示文字。

为了代码规范，注意每个标签最好关闭，特殊标签如换行<br> ，水平线<hr>最好写成<br/> ，<hr/>


<html>
<head>
<meta http-equiv="Content-Type" content=text/html; charset=gb2312" />
<title>图文混编测试</title>
</head>
<body>
<!--定义标签<dl>的图文混编，<img>为于定义标签内的标题<dl>内-->
<dl>
<dt><img src="bear.jpg" alt="Winnie" title="小熊维尼"/></dt>
<hr/>
<dd>维尼是一只小熊的名字，小熊的名字做维尼！</dd>
<dd>诞生于<span style="color:red;font-size:28"><b>1925年12月24日</b></span>，是一只由A.A.米尔恩为了他的儿子所创造出来的漫画熊。</dd>
</dl>
</body>
</html>

图文混编测试

: 维尼是一只小熊的名字，小熊的名字做维尼！; 诞生于1925年12月24日，是一只由A.A.米尔恩为了他的儿子所创造出来的漫画熊。

0 0