<!DOCTYPE HTML>
<html>
<head> //头部
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>了不起的盖茨比</title> //标签
</head>//头部结束 成对出现(以下未说明都是成对出现)
<body>
<h1>了不起的盖茨比</h1> //标题
标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
效果
<p>段落文本</p> //段前段后都会有空白
效果
<em>需要强调的文本</em>
<strong>需要强调的文本</strong>
<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。
<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到<span>标签了。
效果
<q>引用文本</q>
注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。
效果
<blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。首尾有缩进。
只有结束,没有开始
<br /> 换行
空格
<hr /> 下横线
<address>联系地址信息</address> 地址: (显示斜体)
<code>代码语言</code> 代码:(字体会有不同)一行
<pre>语言代码段</pre> 代码:一段