博客列表 >html页面中常用的文本元素的总结-2019年3月11日20时00分

html页面中常用的文本元素的总结-2019年3月11日20时00分

多@点的博客
多@点的博客原创
2019年03月12日 17:52:56614浏览

在学习html过程中,对常用的文本元素的掌握是非常基础的。在这节课的学习中,我学到了对常用文本元素的运用,有h1~h6标签、p标签、加粗字体b标签、定义删除字del标签等。在这里与大家分享我的学习成果:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学习web的第一节课</title>
	<link rel="icon" href="images/favicon (1).ico">
	<style>
        *{
        	margin:0px;
        	padding:0px;
        }
        p{
        	text-indent:2em;
        	width:400px;
        }
        div{
        	width:300px;
        	height:20px;
        	background:#f2f2f2;
        	white-space:nowrap;
        	overflow:hidden;
        	text-overflow:ellipsis;
        } 
	</style>
</head>
<body>
	<h1>第一个标题标签</h1>
	<h2>第二个标题标签</h2>
	<h3>第三个标题标签</h3>
	<p>***在慰问电中表示,惊悉埃塞俄比亚航空公司一架客机失事,造成包括埃塞俄比亚、肯尼亚、中国公民在内的重大人员生命损失,我谨代表中国政府和中国人民,并以我个人的名义,向遇难者表示沉痛的哀悼,<br>向遇难者家属表示深切的慰问。相信埃塞俄比亚政府能够有效做好善后工作,中方将提供必要的支持和帮助。</p>
	<br>
	<b>加粗文本 </b><br>
	<small>小号字体</small><br>
	<strong>定义加重语气</strong><br>
	<del>定义删除字</del><br>
	<del>599元</del>
	<b style="font-size:20px;color:red;">59元</b>
	<p> <abbr title="HyperText Markup Language"> html</abbr>(超文本标记语言)</p>
	<a href="http://www.php.cn/">php中文网</a>
	<div>
        <a href="demo2.html">魔方公寓获得1.5亿美元D轮融资,未来将运营人才公寓和公租房 | 钛快讯</a>
	</div>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


dome1.jpg

总结:在这节课的学习中,我主要学习了对常用文本元素的简单掌握,在这里做一点注释总结。
h1~h6标签:对文本标题进行着重强调,从h1~h6依次显示重要性递减。
p标签:是正常的文本段落的显示
b标签:加粗文本
small标签:显示小号字体
strong标签:定义加重语气
del标签:定义删除字
.......
对于html页面中的常用元素,我们还是要多加练习的!

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议