Home > Article > Web Front-end > Detailed introduction to HTML font attribute control, horizontal lines, superscripts and subscripts, and inserting pictures
Detailed introduction to HTML font attribute control, horizontal lines, superscripts and subscripts, and inserting pictures
- 高洛峰Original
- 2017-03-26 10:59:472038browse
This article mainly provides you with a detailed introduction to HTML font attribute control, horizontal lines, superscripts and subscripts, and inserted pictures. Interested friends can refer to it
<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>The above is the detailed content of Detailed introduction to HTML font attribute control, horizontal lines, superscripts and subscripts, and inserting pictures. For more information, please follow other related articles on the PHP Chinese website!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Detailed explanation of the control code of html paragraphsNext article：Detailed explanation of the control code of html paragraphs