学前端,首先学会写基本的标签。
<!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>
效果: