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

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

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

　　　　包含在 ^{标签和其结束标签} 中的内容会以正常内容的一半的高度显示在上方，而且通常较小，比如立方，开方

　　语法：

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