我们知道,创建一个网站,首先需要搭建一个网页的基本结构,但是要建立符合标准的网页,想要网页中的所有内容在网页浏览器上正确一致地显示,那么我们就需要告诉浏览器,你是要用HTML或者是XML的哪个版本,所以我们需要声明符合需要的DOCTYPE文档类型。
<html>
<head>
<!-- 网页头部内容 -->
<title>标题</title>
</head>
<body>
<!-- 网页主体内容 -->
</body>
</html>
DOCTYPE文档类型声明
<!DOCTYPE>
声明必须放在HTML文档第一行
<!DOCTYPE>
声明不是HTML标签
<!DOCTYPE html>
<html>
<head>
<!-- 网页头部内容 -->
<title>标题</title>
</head>
<body>
<!-- 网页主体内容 -->
</body>
</html>
注:<
和!
都需要在英文半角状态进行输入
<!DOCTYPE>
只是用于声明文档类型,不是HTML标签
<!DOCTYPE html>
<!-- @01文字和段落标签 - 01 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
</head>
<body>
<!-- 网页主体内容 -->
hello html!
</body>
</html>
运行效果如下:
<!DOCTYPE html>
<!-- @01文字和段落标签 - 02 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
</head>
<body>
<!-- 网页主体内容 -->
hello html!
</body>
</html>
这时候可以看到,除了英文内容可以正常显示,中文内容不能正常显示,出现了乱码。针对这种乱码现象,如何解决呢?
网页编码设置
问题:当网页显示出现乱码时
解决:在<head></head>
标签之间添加:
<meta http-equiv="Content" content="text/html;charse=utf-8"/>
注:在国内使用较多的编码形式utf-8、GB2312、gbk等编码。
uft-8编码一般是显示简体中文、繁体中文、英文、日文、韩文等。
GB2312编码支持的是简体中文。
我们在这里使用uft-8编码。
修改之后的代码如下:
<!DOCTYPE html>
<!-- @01文字和段落标签 - 03 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
hello html!
</body>
</html>
运行效果如下:
选择题
1.单选题
网页中不能正常显示中文,出现乱码现象,如何解决?(选择一项)
A charset=“utf-8”
B 重新刷新网页
C 使用meta标签设置编码格式
D 换一个浏览器
选择C
文字和段落标签
标题标签:<h1></h1>~<h6></h6>
段落标签:<p> </p>
align对齐属性值:
值 | 描述 |
---|---|
left | 左对齐内容 |
right | 右对齐内容 |
center | 居中对齐内容 |
justify | 对行进行伸展,这样每行都可以有相等的长度 |
换行标签:<br/>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 04 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
</body>
</html>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 05 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p>HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p>HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
</body>
</html>
在网页中我们就显示了两段文字,在这两段文字之间有一行空白行,用来区分文字的不同的段落。
<p>
标签可以使用一次,也可以重复地创建不同的段落。
<!DOCTYPE html>
<!-- @01文字和段落标签 - 06 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p>HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
</body>
</html>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 07 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p>HTML指的是超文本标记语言(Hyper Text Markup Language),<br/>
HTML不是一种编程语言,而是一种标记语言(markup language),<br/>
标记语言是一套标记标签(markup tag)。</p>
</body>
</html>
我们可以发现,在一段内没有出现空行。
一定要注意,在编辑器里面,手动敲入的空格都是不起作用的。如果想让空格起作用,就要通过代码来输入空格。输入空格的代码是
,如果想输入多个空格就要输入多次代码。
<!DOCTYPE html>
<!-- @01文字和段落标签 - 08 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p> HTML指的是超文本标记语言(Hyper Text Markup Language),<br/>
HTML不是一种编程语言,而是一种标记语言(markup language),<br/>
标记语言是一套标记标签(markup tag)。</p>
</body>
</html>
我们还可以通过预格式标签<pre></pre>
来保存这些空格和换行,也就是说我们不需要输入空格代码和换行标签。
<!DOCTYPE html>
<!-- @01文字和段落标签 - 09 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p> HTML指的是超文本标记语言(Hyper Text Markup Language),<br/>
HTML不是一种编程语言,而是一种标记语言(markup language),<br/>
标记语言是一套标记标签(markup tag)。</p>
<pre>
HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。
</pre>
</body>
</html>
我们在<pre></pre>
标签中手动输入一些空格:
<!DOCTYPE html>
<!-- @01文字和段落标签 - 10 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p> HTML指的是超文本标记语言(Hyper Text Markup Language),<br/>
HTML不是一种编程语言,而是一种标记语言(markup language),<br/>
标记语言是一套标记标签(markup tag)。</p>
<pre>
HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。
</pre>
</body>
</html>
我们会发现,在<pre></pre>
标签中手动输入的空格出现了。<pre></pre>
是预格式化标签,也就是说在这个标签内,输入的文字是什么样的,那么在浏览器中展示的效果就是什么样的。
选择题
1.单选题
使用什么给html文本内容添加空格。(选择一项)
A /t
B 手动输入空格
C
D < >
选择C
编程练习
请根据编写代码,运行结果实现如下效果图
效果图:
代码如下:
<!doctype html>
<!-- @01文字和段落标签 - test -->
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<h1 align="center">《早发白帝城》</h1>
<p align="center">朝辞白帝彩云间,千里江陵一日还。</p>
<p align="center">两岸猿声啼不知,轻舟已过万重山。</p>
</body>
</html>
运行效果如下:
<hr/>
标签表示水平线,也是单标签。
<!DOCTYPE html>
<!-- @01文字和段落标签 - 11 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p> HTML指的是超文本标记语言(Hyper Text Markup Language),<br/>
HTML不是一种编程语言,而是一种标记语言(markup language),<br/>
标记语言是一套标记标签(markup tag)。</p>
<pre>
HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。
</pre>
<hr/>
</body>
</html>
水平线:<hr/>
属性如下:
属性 | 描述 |
---|---|
width | 设置水平线宽度,可以像素或百分比 |
color | 设置水平线颜色 |
align | 设置水平线居中对齐 |
noshade | 设置水平线无阴影 |
<!DOCTYPE html>
<!-- @01文字和段落标签 - 12 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p> HTML指的是超文本标记语言(Hyper Text Markup Language),<br/>
HTML不是一种编程语言,而是一种标记语言(markup language),<br/>
标记语言是一套标记标签(markup tag)。</p>
<pre>
HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。
</pre>
<hr width="80%" color="#666666" align="left"/>
<p>
HTML标记标签通常被称为HTML标签
HTML标签是由尖括号包围的关键词
HTML标签通常是成对出现
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签</p>
</body>
</html>
修饰标签:
文字斜体:<i></i>、<em></em>
加粗:<b></b>、<strong></strong>
下标:<sub>
上标:<sup>
下划线:<ins>
删除线:<del>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 13 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p> HTML指的是超文本标记语言(Hyper Text Markup Language),<br/>
HTML不是一种编程语言,而是一种标记语言(markup language),<br/>
标记语言是一套标记标签(markup tag)。</p>
<pre>
HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。
</pre>
<hr width="80%" color="#666666" align="left"/>
<!--修饰标签-->
<p><i>HTML</i>标记标签通常被称为<em>HTML标签</em></p>
<p>HTML标签是由<b>尖括号</b>包围的<strong>关键词</strong></p>
<p>HTML标签通常是<ins>成对出现</ins></p>
<p>标签对中的第一个标签是<del>开始标签</del>,第二个标签是<del>结束标签</del></p>
<p>开始和结束标签也被称为<sup>开放标签</sup>和<sub>闭合标签</sub></p>
</body>
</html>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 14 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p> HTML指的是超文本标记语言(Hyper Text Markup Language),<br/>
HTML不是一种编程语言,而是一种标记语言(markup language),<br/>
标记语言是一套标记标签(markup tag)。</p>
<pre>
HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。
</pre>
<hr width="80%" color="#666666" align="left"/>
<!--修饰标签-->
<p><i>HTML</i>标记标签通常被称为<em>HTML标签</em></p>
<p>HTML标签是由<b>尖括号</b>包围的<strong>关键词</strong></p>
<p>HTML标签通常是<ins>成对出现</ins></p>
<p>标签对中的第一个标签是<del>开始标签</del>,第二个标签是<del>结束标签</del></p>
<p>开始和结束标签也被称为<sup>开放标签</sup>和<sub>闭合标签</sub></p>
<!--特殊符号-->
<p>标签是成对出现,比如<b></b></p>
</body>
</html>
我们可以看到,<b></b>
标签在网页中没有展示出来,为什么呢?因为HTML文档把<b></b>
标签翻译成加粗标签。那么如何在网页中展示"<"呢?
特殊符号:
属性 | 显示结果 | 描述 |
---|---|---|
< | < | 小于号或显示标记 |
> | > | 大于号或显示标记 |
® | ® | 已注册 |
© | © | 版权 |
™ | ™ | 商标 |
| Space | 不断行的空白 |
<!DOCTYPE html>
<!-- @01文字和段落标签 - 15 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p> HTML指的是超文本标记语言(Hyper Text Markup Language),<br/>
HTML不是一种编程语言,而是一种标记语言(markup language),<br/>
标记语言是一套标记标签(markup tag)。</p>
<pre>
HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。
</pre>
<hr width="80%" color="#666666" align="left"/>
<!--修饰标签-->
<p><i>HTML</i>标记标签通常被称为<em>HTML标签</em></p>
<p>HTML标签是由<b>尖括号</b>包围的<strong>关键词</strong></p>
<p>HTML标签通常是<ins>成对出现</ins></p>
<p>标签对中的第一个标签是<del>开始标签</del>,第二个标签是<del>结束标签</del></p>
<p>开始和结束标签也被称为<sup>开放标签</sup>和<sub>闭合标签</sub></p>
<!--特殊符号-->
<p>标签是成对出现,比如<b>和</b></p>
</body>
</html>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 16 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="center">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="right">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p align="justify">HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。</p>
<p> HTML指的是超文本标记语言(Hyper Text Markup Language),<br/>
HTML不是一种编程语言,而是一种标记语言(markup language),<br/>
标记语言是一套标记标签(markup tag)。</p>
<pre>
HTML指的是超文本标记语言(Hyper Text Markup Language),
HTML不是一种编程语言,而是一种标记语言(markup language),
标记语言是一套标记标签(markup tag)。
</pre>
<hr width="80%" color="#666666" align="left"/>
<!--修饰标签-->
<p><i>HTML</i>标记标签通常被称为<em>HTML标签</em></p>
<p>HTML标签是由<b>尖括号</b>包围的<strong>关键词</strong></p>
<p>HTML标签通常是<ins>成对出现</ins></p>
<p>标签对中的第一个标签是<del>开始标签</del>,第二个标签是<del>结束标签</del></p>
<p>开始和结束标签也被称为<sup>开放标签</sup>和<sub>闭合标签</sub></p>
<!--特殊符号-->
<p>标签是成对出现,比如<b>和</b></p>
<p>Copyright ©2016 imooc.com All Rights Reserved</p>
</body>
</html>
选择题
1.单选题
代码<i>html</i>
实现什么效果(选择一项)
A 下标
B 斜体
C 下划线
D 加粗
选择B
编程练习
请根据下面的效果,完成HTML代码编写。
效果图:
任务
1.根据效果图在网页中输入文字内容
2.第一行和第三行使用段落标签
3.第一行文字之间有空格并用"|"符号隔开
4.第三行相应特殊符号使用代码来代替
5.第一行和第三行内容之间使用水平线隔开
6.内容在网页中居中显示
代码如下:
<!DOCTYPE html>
<!-- @01文字和段落标签 - test2 -->
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<style>
</style>
</head>
<body>
<p align="center">关于我们 | 招聘信息 | 联系我们 | 意见反馈</p>
<hr>
<p align="center">Copyright ©2016 imooc.com All Rights Reserved</p>
</body>
</html>
效果如下: