网页的基本标签
标签
标签是具有特定的功能的一些组件,常见的标签有
-
<h1> : 标题标签
-
<p> : 段落标签
-
<strong> : 粗体标签
-
<em> : 斜体标签
-
<hr> : 横线
-
<br> : 换行
特殊符号
html有些符号无法直接打出来,又或者被某些转义(例如字符小于号<,不能直接用,因为会造成标签混乱)。
因此很多符号用一些特定的字符串代替,如
- 空格
- 大于号 >
- 小于号 <
- 版本号 ©
当然,你不必去记忆这些符号,需要用的时候去网上查就可以了
源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>两只老虎 两只老虎</p>
<p>跑得快 跑得快</p>
<p>一只没有耳朵 一只没有尾巴</p>
<p>真奇怪 真奇怪</p>
<hr>
两只老虎 两只老虎<br>
跑得快 跑得快<br>
一只没有耳朵 一只没有尾巴<br>
真奇怪 真奇怪<br>
<h1>字体样式标签</h1>
粗体:<strong>I love you</strong><br>
斜体:<em>I love you</em>
<br>
空 格
<br>
>
<br>
<
<br>
©版权所有
</body>
</html>
标注代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--标题标签-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!--段落标签-->
<p>两只老虎 两只老虎</p>
<p>跑得快 跑得快</p>
<p>一只没有耳朵 一只没有尾巴</p>
<p>真奇怪 真奇怪</p>
<!--水平线标签-->
<hr>
<!--换行标签-->
两只老虎 两只老虎<br>
跑得快 跑得快<br>
一只没有耳朵 一只没有尾巴<br>
真奇怪 真奇怪<br>
<!--粗体,斜体-->
<h1>字体样式标签</h1>
粗体:<strong>I love you</strong><br>
斜体:<em>I love you</em>
<br>
<!--特殊符号-->
空 格
<br>
>
<br>
<
<br>
©版权所有
</body>
</html>
视图