Detailed introduction to HTML font attribute control, horizontal lines, superscripts and subscripts, and inserting pictures-HTML Tutorial-php.cn

Detailed introduction to HTML font attribute control, horizontal lines, superscripts and subscripts, and inserting pictures

高洛峰

Release： 2017-03-26 10:59:47

Original

2036 people have browsed it

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>

Copy after login

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!