ホームページ > 記事 > ウェブフロントエンド > HTML フォント属性の制御、水平線、上付き文字と下付き文字、および画像の挿入について詳しく説明します。
HTML フォント属性の制御、水平線、上付き文字と下付き文字、および画像の挿入について詳しく説明します。
- 高洛峰オリジナル
- 2017-03-26 10:59:472056ブラウズ
この記事では主に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>以上がHTML フォント属性の制御、水平線、上付き文字と下付き文字、および画像の挿入について詳しく説明します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML段落の制御コードの詳細説明次の記事：HTML段落の制御コードの詳細説明