码迷,mamicode.com
首页 > 其他好文 > 详细

文本相关的操作

时间:2019-08-04 15:32:01      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:特殊   col   默认   效果   title   意义   com   文本样式   起点   

文本相关的标签

  1.字符实体(具有特殊意义的符号)

    空格: 每个表示一个空格 分号不能省略

    小于号:< 

    大于号:>

    版权符号©:©

    人名币符号:¥

<10>

  2.文本样式标记(以下都为双标签)

    斜体显示文本:<i></i>

    添加下划线:<u><>

    加粗<b><>

    删除线<s>

    上标显示文本<sup>

    下标显示文本<sub>

      练习:这是一段有加粗,斜体,删除线,下划线,上标和下标的文本

      效果:这是一段有加粗斜体删除线下划线上标下标的文本

      特点:这些标签可以共行显示

<!doctype html>
<html>
    <head>
        <title>文本样式</title>
        <meta charset="utf-8">
    </head>
    <body>
        这是一段有<b>加粗</b><i>斜体</i><s>删除线</s><u>下划线</u><sup>上标</sup><sub>下标</sub>的文本
    </body>
</html>            

 

<15>

  3.标题标签

    作用:可以以不同的文字大小和加粗方式显示文本

    语法:<hn><hn> n取值1-6

    分别代表一到六级标题,字体大小逐级递减

一级

耳机

三季

斯基

无极
卤鸡

  特点:1.可以改变字体大小并具有加粗效果,不共行

     2.每个标题都会具备垂直的空白距离

      点 f12 打开开发者工具后,在“元素”里 可看 黄色部分为垂直空白距离

     3.每个标题都可以添加属性 align(对齐) 取值:left/center/right 默认左侧对齐

     技术图片

 

        <h1 align = "center">一级</h1>
        <h2 align = ‘right‘>耳机</h2>
        <h3 align = ‘center‘>三季</h3>

<20> 9

  4.段落标签

    1.作用:突出显示一段文本,每段文本都独占一行或一块,不共行,且也有垂直空白距离

    2.语法:<p></p> align:center/left/right

        <p aligh = "left">还在起点</p>
        <p align = ‘center‘> 已经跑完一半啦!</p>
        <p align = "right"> 完成!</p>

还在起点

已经跑完一半啦!

完成!

 

文本相关的操作

标签:特殊   col   默认   效果   title   意义   com   文本样式   起点   

原文地址:https://www.cnblogs.com/Gaber/p/11298247.html

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