学前端,首先学会写基本的标签。
<!DOCTYPE html>
<html>
<head>
<!--
使用meta表情还可以用来设置网页的关键字
-->
<meta name="keywords" content="html4,javascript"/>
<!--
还可以用来指定网页的描述
搜索引擎在检索页面时,会同时检索页面中的关键字和描述,但是这两个值不会影响页面在搜索引擎中的排名(具体的排名是根据百度内部情况规定的)
-->
<meta name="description" content="发布h5、js等前端相关的信息"/>
<!--
使用meta可以用来做请求的重定向
<meta http-equiv="refresh" content="秒数;url=https://www.baidu.com(目标路径)"/>
<meta charset="utf-8" />
<title>常用标签</title>
</head>
<body>
<!--
标题标签
在HTML中,一共有六级标题标签
h1~h6
在显示效果上h1最大,h6最小,但是文字的大小我们并不关心
在使用HTML标签,关心的是标签的语义,我们使用的标签都是语义化标签
6级标题中,h1最重要,表示一个网页中的主要内容,h2~h6依次降低
对于搜索引擎来说,h1重要性仅次于title,搜索引擎检索完title,会立即查看h1中的内容
h1标签非常重要,它会影响到页面在搜索引擎的排名,页面只能写一个h1
一般页面中标题只使用h1 h2 h3,h3以后基本不用,因为重要性比较低了。
-->
<h1>一级标题</h1>
<h2>一级标题</h2>
<h3>一级标题</h3>
<h4>一级标题</h4>
<h5>一级标题</h5>
<h6>一级标题</h6>
<!--
段落标签,段落标签用于表示内容中的自然段
使用p标签表示一个段落
p标签的文字,默认会独占一行,并且段与段之间会有一个间距
-->
<p>我是一个p标签,我用来一个段落</p>
<p>我是一个p标签,我用来一个段落</p>
<!--在html中,写再多的空格,浏览器也是默认一个空格解析,
换行也会当成一个空格解析
在页面中可以使用一个br表情表示一个换行,br表签是一个自结束标签
-->
<p>
锄禾日当午,<br />
汗滴禾下土,<br />
谁知盘中餐,<br>
粒粒皆辛苦,<br>
</p>
<!--
hr标签也是一个自结束表签,可以在页面生成一条水平线
-->
<hr />
</body>
</html>
效果:
