码迷,mamicode.com
首页 > Web开发 > 详细

Web front-end learning about Text and paragraph

时间:2018-09-07 23:56:46      阅读:358      评论:0      收藏:0      [点我收藏+]

标签:浏览器   字体   设置   meta   com   big   bsp   har   世界   

 关于文本和段落:

技术分享图片

具体代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>First Web Page</title>
</head>
<body>
    <u>下划线显示</u><br>
    <b>黑体显示</b><br>
    <i>斜体显示</i><br>
    <em>表示强调,一般显示斜体</em><br>
    <del>显示删除线</del><br>
    <small>字号变小显示</small>
    <big>字号变大显示</big><br>
    X<sup>2</sup>+2X+1=9<sup>2</sup><br>
    X<sub>1</sub>+X<sub>2</sub>=5<br>
    <cite> 《平凡的世界》</cite><br>
    <code>alert("this is a line code");</code><br>
    <strong>表示强调,一般显示黑体</strong><br>
    <blockquote>是的,真正的爱情不应该是利己的,而应该是利他的,是心甘情愿的与爱人一起奋斗并不断自我更新的过程</blockquote><br>
    <address>成都市</address><br><br><br><br>
    <font>这是浏览器默认的文字样式</font>
    <font color="red">这是红色的文字</font><br>
    <font size="5">这是5号字体的文字</font><br>
    <font face="STKaiti">这是华文楷体的文字</font><br><br><br><br>
    <p align="left">这是一段文字,内容左对齐</p>
    <p align="center">这是一段文字,内容居中</p>
    <p align="right">这是一段文字,内容右对齐</p><br><br><br><br>
    <hr size="5px" color="red">
    <p>默认换行:这是一段文字,我们需要在【此处】换行,但是由于段落还未占满,浏览器默认不换行。</p>
    <hr size="1px" color="blue">
    <p>强制换行:这是一段文字,我们需要在【此次】<br>换行,即是段落未占满,已然强制换行。</p>
    <hr width="50%" color="red"><br><br><br><br>
    <p>    这是一段没有设置任何样式的普通的段落,在浏览器默认情况下段落左对齐,无段落缩紧。</p>
    </blockquote>
    <center style="background: #EEE">
        <p>设置了文本居中,文本中的图像<img src="boy.png">也一起居中</p>
    </center><br><br><br><br>
    《静夜思》
    床前明月光,疑是地上霜。
    举头望明月,低头思故乡。
    <pre>
        《静夜思》
    床前明月光,疑是地上霜。
    举头望明月,低头思故乡。
    </pre>
</body>
</html>

标签的使用实例:

技术分享图片

 

Web front-end learning about Text and paragraph

标签:浏览器   字体   设置   meta   com   big   bsp   har   世界   

原文地址:https://www.cnblogs.com/bingw/p/9607494.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!