HTML基础02标签的作用

 

一、文字和段落标签

  1. 标题标签<h1></h1>~<h6></h6> h1到h6字体不断变小
  2. 段落标签<p></p>
  3. 换行标签<br>
  4. 文字斜体<i></i>、<em></em>
  5. 加粗<b></b>、 <strong></strong>
  6. 下标<sub></sub>
  7. 上标<sup></sup>
  8. 标识预定义文本格式<pre></pre>

二、特殊符号

属性 显示结果 描述
&lt; < 小于号或显示标记
&gt; > 大于号或显示标记
&reg;

                                          ®

 已注册
&copy; © 版权
&trade; ™ 商标
&nbsp; Space 不断行的空白
 
 
 
 
 
 
 
 
 
 
 
 
 

三、代码演示

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8"><!-- 编码 -->
 <!-- 网页头部内容 -->
 <title>Hello</title>
</head>
<body>
 <!-- 网页主体内容 -->
 <!-- 文档标签 -->
 <h1>什么是HTML</h1>
 <h2>什么是HTML</h2>
 <h3>什么是HTML</h3>
 <h4>什么是HTML</h4>
 <h5>什么是HTML</h5>
 <h6>什么是HTML</h6>
 <hr/><!-- hr是水平线 -->
 <p align="left">html，全称Hypertext Markup Language，也就是“超文本链接标示语言”。
 HTML文本是由HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 
 即平常上网所看到的的网页。</p>
 
 <p align="center">html，全称Hypertext Markup Language，也就是“超文本链接标示语言”。
 HTML文本是由HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。
 即平常上网所看到的的网页。</p>
 
 <p align="right">html，全称Hypertext Markup Language，也就是“超文本链接标示语言”。
 HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 
 即平常上网所看到的的网页。</p>
 
 <p align="justify">html，全称Hypertext Markup Language，也就是“超文本链接标示语言”。
 HTML文本是由HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 
 即平常上网所看到的的网页。</p>
 <p>      <!-- 空格 -->html，全称Hypertext Markup Language，也就是“超文本链接标示语言”。<br/>
 HTML文本是由HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。<br/>
 即平常上网所看到的的网页。</p>
 <pre>
  html，全称Hypertext Markup Language，也就是“超文本链接标示语言”。
 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、 图形、动画、声音、表格、链接等。
 即平常上网所看到的的网页。
 </pre>
 <!-- 修饰标签  -->
 <p><i>HTML</i>标签通常被称为<em>HTML</em>标签</p>
 <p>HTML标签是由<b>尖括号</b>包围的<strong>关键词</strong></p>
 <p>开始和结束标签页被称为<sup>开放标签</sup>和<sub>闭合标签</sub></p>
 <!-- 特殊符号 -->
 <p>标签是成对出现的，比如<b>和<b></p>
 <p>Copyright ©2016 imooc.com All Rights Reserved</p>
</body>
</html>

　　四、效果图

posted @ 2020-07-22 09:22  雪中加点糖  阅读(311)  评论(0)    收藏  举报