學前端,首先學會寫基本的标簽。
<!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>
效果:
