首頁 > web前端 > html教學 > 關於html字體屬性控制,水平線,上下標,插入圖片的詳細介紹

關於html字體屬性控制,水平線,上下標,插入圖片的詳細介紹

高洛峰
發布: 2017-03-26 10:59:47
原創
2090 人瀏覽過

這篇文章主要為大家詳細介紹了關於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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板