Rumah > Artikel > hujung hadapan web > 关于html字体属性控制，水平线，上下标，插入图片的详细介绍
关于html字体属性控制，水平线，上下标，插入图片的详细介绍
- 高洛峰asal
- 2017-03-26 10:59:471988semak imbas
这篇文章主要为大家详细介绍了关于html字体属性控制，水平线，上下标，插入图片的详细介绍，感兴趣的小伙伴们可以参考一下
<html>
<head>
<title>第一个页面</title>
<meta charset=utf-8>
</head>
<body>
这是第一行
<br/>这是第二行<!-- <br/>:是换行符 -->
<br/><i>这是第三行</i><!-- <i></i>:是将内容转为斜体 -->
<br/><u>这是第四行</u><!-- <u></u>:是将内容转为带有下划线 -->
<br/><s>这是第五行</s><!-- <s></s>:是将内容转为带删除线 -->
<br/><b>这是第六行</b> <!-- <b></b>:是将内容字体加粗 -->
<br/><b><s><u><i>这是第七行</i></u></s></b> <!-- <b></b>:是将内容字体加粗，带删除线，带有下划线，转为斜体 -->
<br/><font color="red" face="宋体" size="6" >设置字体的属性</font><!-- 设置字体的颜色，类型，大小 -->
<hr color="blue" size="10" width="10px" /><!-- 设置水平线条的颜色，粗细，长短（px或%）-->
X<sup>2</sup> <!-- 设置上标 -->
<br/>X<sub>2</sub><!-- 设置下标 -->
<br/><img src="img/7f8de2fd4e3032435a973a9547262e5a.jpg" width="200" height="350" title="显示的提示" /> <!-- <img/>:设置图片，width:宽度 height:高度 title或者alt:当鼠标移动到图片时显示的信息 -->
</body>
</html>Atas ialah kandungan terperinci 关于html字体属性控制，水平线，上下标，插入图片的详细介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：详解html段落的控制代码Artikel seterusnya：HTML CSS之FORM的详细介绍