图文混编效果

最新推荐文章于 2022-01-23 23:22:24 发布

YuJar

最新推荐文章于 2022-01-23 23:22:24 发布

阅读量918

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/yujar/article/details/23664703

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

若<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.米尔恩为了他的儿子所创造出来的漫画熊。

YuJar

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
图文混编效果

若标签中src的图片地址不存在，刚会显示alt属于中的文字代替图片，title属于为鼠标悬停的提示文字。为了代码规范，注意每个标签最好关闭，特殊标签如换行，水平线最好写成，图文混编测试的图文混编，为于定义标签内的标题内--> 维尼是一只小熊的名字，小熊的名字做维尼！诞生于1925年12月24日，是一只由A.A.米尔恩为了他的儿子所创造出来的漫画
复制链接

扫一扫