HTML
HTML(Hypertext Markup Language)超文本標(biāo)記語言
HTML使用標(biāo)簽的的形式來標(biāo)識網(wǎng)頁中的不同組成部分.
所謂超文本指的是超鏈接抖锥,使用超鏈接可以讓我們從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面封断。
一個(gè)最基本的HTML頁面:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁標(biāo)題</title>
</head>
<body>
<h1>網(wǎng)頁正文</h1>
</body>
</html>
元素
我們還將一個(gè)完整的標(biāo)簽稱為元素。
這里我們可以將元素和標(biāo)簽認(rèn)為是一個(gè)同義詞。
<h1>一級標(biāo)題</h1>
上邊的h1我們就稱為元素
<p>我是一個(gè)<em>段落</em></p>
p也是一個(gè)元素,em是p的子元素,p是
em的父元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>作業(yè)</title>
</head>
<body id="bh-pge-index">
<center>
<h1>這是我的博客</h1>
<hr />
<h2>菊花臺</h2>
<a >周杰倫</a><br /><br />
<p>你的淚光 柔弱中帶傷</p>
<p>慘白的月彎彎 勾住過往</p>
<p>夜太漫長 凝結(jié)成了霜</p>
<p>是誰在閣樓上 冰冷地絕望</p>
<p>雨輕輕彈 朱紅色的窗</p>
<p>我一生在紙上 被風(fēng)吹亂</p>
<p>夢在遠(yuǎn)方 化成一縷香 </p>
<p>隨風(fēng)飄散 你的模樣</p>
<p>菊花殘 滿地傷</p>
<img src="1.jpg" width="164px" height="204px" />
<p>你的笑容已泛黃 </p>
<p>花落人斷腸 我心事靜靜躺</p>
<p>北風(fēng)亂 夜未央</p>
<p>你的影子剪不斷</p>
<p>一夜惆悵 如此委婉 </p>
<p>菊花殘 滿地傷 </p>
<p>你的笑容已泛黃</p>
<p>花落人斷腸 我心事靜靜躺</p>
<p>北風(fēng)亂 夜未央</p>
<p>你的影子剪不斷 </p>
<img src="2.jpg" width="164px" height="204px" />
<p>徒留我孤單在湖面 成雙</p>
<p>是誰在閣樓上 冰冷地絕望</p>
<p>雨輕輕彈 朱紅色的窗</p>
<p>我一生在紙上 被風(fēng)吹亂</p>
<p>夢在遠(yuǎn)方 化成一縷香 </p>
<p>隨風(fēng)飄散 你的模樣</p>
<p>菊花殘 滿地傷</p>
<hr />
<a href="#bh-pge-index"></a>
</center>
</body>
</html>