块级标签

块级标签

标题 <h1></h1>……<h6></h6>

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

1级标题

2级标题

3级标题

4级标题

5级标题

6级标题

• 标题标签默认是加大粗体效果
• h1标题最大
• h6标题最小

段落 <p></p>

<p style="text-align: justify;text-indent: 2em">
    学校兴学始源1900年德国人卫礼贤创建的礼贤书院，办学发轫于1931年礼贤中学开设的高级工程科，创办于1952年12月发文筹建、195
    3年正式成立的“山东省青岛建筑工程学校”，是山东省最早设立土木专业的学校。1953年6月由山东省划归中央人民政府重工业部领导。
</p>

• 在文本开始处添加空格，没有任何效果
• 在文本之间的多个空格或者回车换行，浏览器默认为一个空格

换行 <br/>

<p style="text-align: justify;text-indent: 2em">
    青岛理工大学（Qingdao University of Technology）是一所以工为主，理工结合，土木建筑、机械制造、环境能源学科特色鲜明，<br>
    理、工、经、管、文、法、艺多学科协调发展，科学教育与人文教育相结合的多科性大学的省属重点大学和“卓越工程师教育培养计划”<br>
    高校，入选国家“111计划”。
</p>

青岛理工大学（Qingdao University of Technology）是一所以工为主，理工结合，土木建筑、机械制造、环境能源学科特色鲜明，
理、工、经、管、文、法、艺多学科协调发展，科学教育与人文教育相结合的多科性大学的省属重点大学和“卓越工程师教育培养计划”
高校，入选国家“111计划”。

分割线 <hr/>

<h2>青岛理工大学</h2>
<hr/>
<p style="text-align: justify;text-indent: 2em">
    青岛理工大学（Qingdao University of Technology）是一所以工为主，理工结合，土木建筑、机械制造、环境能源学科特色鲜明，
    理、工、经、管、文、法、艺多学科协调发展，科学教育与人文教育相结合的多科性大学的省属重点大学和“卓越工程师教育培养计划”
    高校，入选国家“111计划”。
</p>

青岛理工大学

---

青岛理工大学（Qingdao University of Technology）是一所以工为主，理工结合，土木建筑、机械制造、环境能源学科特色鲜明， 理、工、经、管、文、法、艺多学科协调发展，科学教育与人文教育相结合的多科性大学的省属重点大学和“卓越工程师教育培养计划” 高校，入选国家“111计划”。

引用 <blockquote></blockquote>

预格式 <pre></pre>

<p>
    123
       456
          789
</p>
<pre>
    123
       456
          789
</pre>

123 456 789

    123
       456
          789

列表标签

• 有序列表标签<ol></ol> ==OrderList==

<ol>
    <li> ListItem 1 </li>
    <li> ListItem 2 </li>
    <li> ListItem 3 </li>
</ol>

1. ListItem 1
2. ListItem 2
3. ListItem 3

• 无序列表标签<ul></ul> ==UnorderList==

<ul>
    <li> ListItem 1 </li>
    <li> ListItem 2 </li>
    <li> ListItem 3 </li>
</ul>

• ListItem 1
• ListItem 2
• ListItem 3

• 定义列表标签<dl></dl> ==DefineList==
  
  • dt无缩进，dd缩进

<dl>
    <dt>咖啡</dt>  <!--标题:DefineListTitle -->
    <dd>  <!--描述:DefineListDescription -->
        一种黑色的热饮料，原料据说是咖啡豆，非洲盛产这类原料。
    </dd>
</dl>

咖啡

一种黑色的热饮料，原料据说是咖啡豆，非洲盛产这类原料。

组合标签 <figure></figure>

• 和定义列表相比，均无缩进

<figure>
    <img src="https://www.baidu.com/img/baidu_jgylogo3.gif" height="50">
    <figcaption>
        百度一下，你就知道
    </figcaption>
</figure>

百度一下，你就知道

分区标签

<div> </div>