行内标签

最新推荐文章于 2024-07-16 13:35:09 发布

原创最新推荐文章于 2024-07-16 13:35:09 发布 · 370 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

HTML 专栏收录该内容

2 篇文章

订阅专栏

本文详细解析了HTML中常见的行内标签，包括<b>、<strong>、<i>、<em>、<mark>、<del>、<sup>、<sub>和<img>的使用方法及运行效果，通过具体实例展示了如何运用这些标签来丰富网页内容。

常见的行内标签：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>测试</title>
	</head>
	<body>
 		<b>山一程，水一程，身向榆关那畔行。</b><br />
 		<strong>风一更，雪一更，聒碎乡心梦不成。</strong><br />
 		<i>谁念西风独自凉，萧萧黄叶闭疏窗</i><br />
 		<em>人生若只如初见，何事秋风悲画扇</em><br />
 		<mark>等闲变却故人心，却道故人心易变</mark><br />
 		<del>一生一代一双人，争教两处销魂。</del><br />
 		5<sup>3</sup>     a<sub>2</sub>
		<br />
        <img style="height: 100px;" src="img/bd_logo1.png" alt=""title="图片" />
		<!--<img 图片标签
		style="width: 300px;"宽度 
		src="img/bd_logo.png" 图片路径
		title="图片" 鼠标悬浮时的提示文字
		alt="图片一"图片找不到时的提示文字
		/>-->
	<img style="height:150px;" src="img" alt="图片一" />
		
	</body>
</html>

运行效果如下：