> 웹 프론트엔드 > HTML 튜토리얼 > HTML 글꼴 속성 제어, 수평선, 위 첨자 및 아래 첨자, 그림 삽입에 대한 자세한 소개

HTML 글꼴 속성 제어, 수평선, 위 첨자 및 아래 첨자, 그림 삽입에 대한 자세한 소개

高洛峰
풀어 주다: 2017-03-26 10:59:47
원래의
2066명이 탐색했습니다.

이 글에서는 주로 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿