zoukankan      html  css  js  c++  java
  • HTML ------- 对文本进行操作的元素

    1、HTML 标题(Heading)

      在<h1>  -- <h6> 标签进行定义,<h1>定义最大标题,<h6>定义最小的标题

      作用:标题会自动加粗,大写其中的内容,并且会自动换行

    语法:

    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>

    2、HTML 水平线

      <hr> 标签在HTML页面中创建水平线,

      作用:用于分隔内容,在视觉上将文档分隔成各个部分

    语法:

    <p>这是一个段落。</p>
    <hr>
    <p>这是一个段落。</p>
    <hr>
    <p>这是一个段落。</p>

    3、HTML 段落

      段落可以通过<p>标签定义,会自动换行

           作用:将文档分隔为若干段落

    语法:

    <p>段落1  会自动换行</p>
    <p>段落2  会自动换行 </p>
    <p>段落3   会自动换行</p>

    4、HTML换行

      <br/>  标签定义一换行符,

      作用:在不产生一个新段落的情况下进行换行

    <p>这个<br> 段落<br>演示了分行的效果</p>

    5、HTML 文本格式化

      5.1、文本加粗

        <b> ,<strong> 都可以实现加粗

        b 是bold 的缩写,仅仅表示改文本是粗体的,不暗示这段文字的重要性

        strong 也表示加粗,但是更多的是强调语义上的加重,提醒用户在文本上的重要性。在SEO(搜索引擎优化)的时候,也更容易帮助用户找到重点的内容

      语法: 

    <p>无粗体效果</p>
    <b>b标签粗体效果</b>
    <br/>
    <strong>strong标签粗体效果</strong>

      5.2、斜体

        <i> 和 <em>  都可以表示斜体效果

        i 是 italic 的缩写,仅仅表示文本是斜体的,并不暗示这段文字的重要性

        em 是 Emphasized 的缩写,虽然也是斜体,但是更多是强调语义上的加重,提醒用户该文本的重要性,常常用于引入新的术语的时候使用

      语法:

    <p>无斜体效果</p>
     
    <i>使用 i 标签带来的斜体效果</i>
    <br/>
    <em>使用 em 标签带来的斜体效果</em>
    
    <!--通过嵌套实现多种效果,嵌套即标签中有标签-->
    <br/>
    <strong><i>同时有粗体和斜体</i></strong>

      5.3、删除线

        <del>   delete 的缩写,删除标签

        使用一条线在文字中间穿过

      语法:

    <p>无删除效果</p>
    <del>使用del标签实现的删除效果</del>
    <br/>
    <s>使用s标签实现的删除效果,但是不建议使用,因为很多浏览器不支持s标签</s>

      5.4、下划线

        <ins>下划线标签,建议不用给普通文本加下划线,

      语法:

    <ins>使用ins标签实现的下划线效果</ins>
    
    <br/>
    
    <u>使用u标签实现的下划线效果,但是不建议使用</u>

      5.5、预格式

        <pre>  标签保留需要的文本格式,不会取消换行和空格,并且所示文本是等宽的

      语法:  

    <p>这里是没有用预格式的情况:</p>
     
    public class HelloWorld {
        public static void main(String[] args) {
            System.out.println("Hello World");
        }
    } 
    <br/>
    <br/>
     
    <p>使用预格式的情况:</p>
     
    <pre>
    public class HelloWorld {
     
        public static void main(String[] args) {
            System.out.println("Hello World");
        }
    }
     
    </pre>

      5.6、上标与下标

        <sub>标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方,但是与当前文本流中文字的字体和字号都是一样的

        包含在 <sub> 标签和其结束标签 </sub> 中的内容会以正常内容的一半的高度显示在下方,而且通常较小,比如化学方程式

        <sup> 标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方,但是与当前文本流中文字的字体和字号都是一样的

        包含在 <sup> 标签和其结束标签 </sup> 中的内容会以正常内容的一半的高度显示在上方,而且通常较小,比如立方,开方

      语法:

    数字显示 2<sub>3</sub> 3在2 的脚下
    <br>
    数字显示 2<sup>3</sup> 3在2 的头上

      

  • 相关阅读:
    界面布美观布局
    登陆界面验证码设置
    很好的JAVESRIPT控件
    c#导入EXCEL数据
    微软:系列课程 >Silverlight for Windows Phone 开发系列课程
    JavaScript动态网页制作宝库
    Silverlight经典教程书籍汇总
    SQL删除表中有重复的记录
    Javascript鼠标事件
    Android系统架构(转)
  • 原文地址:https://www.cnblogs.com/obge/p/11772019.html
Copyright © 2011-2022 走看看