HTML 基本元素1（标题、段落、粗体、斜体、预格式、删除效果、下划线）

• HTML的标题标签 H1,H2,H3,H4,H5
  
  标题会自动粗体，大写其中的内容，并且带有换行效果 
  
  一般会使用<h1> 到 <h5> 分别表示不同大小的标题
  
  

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

•  HTML的段落标签 <P>
  
  <p>标签即表示段落 
  是paragraph的缩写 
  自带换行效果
  
  在p标签中的文本会自动换行，不在p标签中的，不会自动换行
  
  

  段落1
  段落2
  段落3
   
  <p>段落4 </p>
  <p>段落5 </p>
  <p>段落6 </p>

• HTML 粗体标签 <B>和<STRONG>,以及区别
  
  <b> 
  <strong> 
  都可以用来实现粗体的效果
  
  区别：
  b是bold的缩写，仅仅表示该文本是粗体的，并不暗示这段文字的重要性
  strong虽然也是粗体，但是更多的是强调语义上的加重，提醒用户该文本的重要性。 在SEO（搜素引擎优化）的时候，也更加容易帮助用户找到重点的内容
  推荐使用strong
  
  

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

• HTML的斜体标签 <I> 和 <EM>
  
  <i>和<em>都可以表示斜体效果
  
  区别：
  i是italic的缩写，仅仅表示该文本是斜体的，并不暗示这段文字的重要性
  
  em 是 Emphasized的缩写，虽然也是斜体，但是更多的是强调语义上的加重，提醒用户该文本的重要性。 常常用于引入新的术语的时候使用。
  
  

  <p>无斜体效果</p>
   
  <i>使用 i 标签带来的斜体效果</i>
  <br/>
   
  <em>使用 em 标签带来的斜体效果</em>

• 同时具有粗体和斜体效果
  
  通过嵌套实现多种效果 
  嵌套即标签中有标签
  
  

  <p>无效果</p>
  <strong>粗体</strong>
  <br/>
  <i>斜体</i>
  <br/>
  <strong><i>同时有粗体和斜体</i></strong>
  双击选中所有代码
  试一下
  

• HTML的预格式标签 <PRE>
  
  有时候，需要在网页上显示代码，比如java代码，就需要用到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>

• HTML的删除标签 <DEL>和<S>
  
  <del>即删除标签 
  delete的缩写
  
  
  

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

• HTML的下划线标签 <INS>和<U>
  
  <ins>即下划线标签
  但是通常来讲，不要给普通文本加下划线，因为用户会误以为是一个超链
  
  
  
  

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