1、html的基本結構 a.首先是註釋信息,在html中使用<!--xxx-->這樣的方式來進行註釋 b.DOCTYPE,這是告訴瀏覽器所使用規範,一般可以不加這個,因為現在的瀏覽器預設所使用的規範為html c.head標簽,表示網頁的頭部,其中會放入其他標簽 d.meta標簽,這是一個描述性的標 ...
1、html的基本結構
a.首先是註釋信息,在html中使用<!--xxx-->這樣的方式來進行註釋
b.DOCTYPE,這是告訴瀏覽器所使用規範,一般可以不加這個,因為現在的瀏覽器預設所使用的規範為html
c.head標簽,表示網頁的頭部,其中會放入其他標簽
d.meta標簽,這是一個描述性的標簽,它會描述一些網頁的基本信息,如所使用的編碼啦,關鍵詞啦等等通常使用name和context的組合
e.title標簽,這是html的標題
d.body標簽,其中存放的是網頁的主體部分
<!--這個是註釋-->>
<!--DOCTYPE:告訴瀏覽器所使用規範(預設為html)-->>
<!DOCTYPE html>
<html lang="en">
<!--head標簽代表網頁頭部-->>
<head>
<!--meta描述性標簽,它用來描述網頁的一些信息-->>
<meta charset="UTF-8">
<meta name="keyword" content="test">
<meta name="description" content="學習html">
<!--title標簽代表網頁標題-->
<title>我的第一個網頁</title>
</head>
<!--body標簽代表網頁主題-->
<body>
hello,world
</body>
</html>
這樣就可以製作一個基本的網頁了
2、網頁基本標簽
a.標題標簽<h1></h1> <h2></h2> <h3></h3>分別代表一級、二級、三級標簽
b.段落標簽<p></p>表示一段,無論中間是否有回車,換行最終都只會顯示為一段
c.換行標簽<br/>這是一個自閉合標簽遇到這個標簽會自動換行,並且換行標簽和段落標簽有所不同(後續代碼中會有展示)
d.字體樣式標簽,粗體為strong,斜體為em
e.特殊符號,各種特殊符號會由&加上一段字元串表示,如 表示空格,在body中無論你連續輸入多少空格,最終顯示都只有一個
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>基本標簽</title>
</head>
<body>
<!--標題標簽-->
<h1>一級標簽</h1>
<h2>二級標簽</h2>
<h3>三級標簽</h3>
<!--段落標簽-->
<p>兩隻老虎 兩隻老虎</p>
<p> 跑得快 跑得快</p>
<p> 一隻沒有耳朵 一隻沒有尾巴</p>
<p> 真奇怪 真奇怪</p>
<p> 兩隻老虎 兩隻老虎</p>
<p> 跑得快 跑得快</p>
<p> 一隻沒有耳朵 一隻沒有尾巴</p>
<p> 真奇怪 真奇怪</p>
<!--水平線標簽-->
<hr/>
<!--換行標簽-->
兩隻老虎 兩隻老虎<br/>
跑得快 跑得快<br/>
一隻沒有耳朵 一隻沒有尾巴<br/>
真奇怪 真奇怪<br/>
兩隻老虎 兩隻老虎<br/>
跑得快 跑得快<br/>
一隻沒有耳朵 一隻沒有尾巴<br/>
真奇怪 真奇怪<br/>
<!---->
<h1>字體樣式標簽</h1>
粗體:<strong>我愛前端</strong>
斜體:<em>我愛前端</em>
<br/>
<!--特殊符號-->
空 格
<br/>
空 格
</body>
</html>