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

文本标记

时间:2018-07-19 19:07:26      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:格式   标记   size   col   .com   格式化   alt   info   back   

 

1.作用:过文本标记,改变文本的默认样式

2、特殊字符
         &lt; 表示 <
        &gt; 表示 >
        &nbsp; 表示 一个空格
        &copy; 表示 ?
        &yen; 表示 ¥
2、文本标记
         1、文本样式
             <b>...</b> : 加粗
             <i>...</i> : 斜体
             <u>...</u> : 下划线
             <s>...</s : 删除线
             <sup></sup>:上标
             <sub></sub>:下标
         2、标题元素
             作用:在页面中完成标题效果的显示(突出显示大小和加粗效果)
                      <h#></h#>        #:1~6       一级标题(最大)~六级标题(最小)
             特点:
                     1 、每个标题 独占一行
                     2、每个标题 都具备上下垂直空白
             属性:
              align:文本水平对齐方式
                取值:
                  1、left :左对齐
                  2、center :居中对齐
                  3、right :右对齐
       3、段落元素
          特点:
                1、独占一行
                2、上下垂直空白
            语 法:<p></p>
      4、换行
            语法:<br/>
      5、分割线元素
            语法:<hr/>
            属性:
                  1、size:尺寸,取值是一个以px(像素)为单位的数字,单位可以省略
                  2、width:宽度,取值数字,同上
                  3、align :分割线的水平对齐方式left,center,right
                  4、color :颜色
      6、块分区元素-div
             语法:<div></div>
             特点:独占一行
             作用:布局
     7、行分区元素-span
             语法:<span></span>
             注意:多个span会在一行内显示
             作用:包裹文本,并设置文本样式
     8、块级元素与行内元素
          1、块级元素
             默认情况下,会独占一行的元素就是块级
             <h#>,<p>,<div>
              作用:布局
         2、行内元素
             不换行,多个行内元素都在一行内显示
              i,b,s,u,sub,sup,span
             作用:处理文本显示效果
   9、预格式化
             作用:保留原文档中的格式,即保留文档中的回车和换行
             语法:<pre></pre>

 技术分享图片

 

 

注:p标记不能嵌套块级元素

 

文本标记

标签:格式   标记   size   col   .com   格式化   alt   info   back   

原文地址:https://www.cnblogs.com/blackout-mw/p/9336321.html

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