HTML 是一個(gè)超文本標(biāo)記語(yǔ)言悬荣,用來(lái)搭建網(wǎng)頁(yè)题翰,HTML的結(jié)構(gòu)包括頭部(head)和body(主體)兩大部分拙泽。head是描述瀏覽器所需的信息荆烈,body是包含所需要說(shuō)明的的具體內(nèi)容拯勉。HTML可以執(zhí)行:文字,圖形憔购,表格宫峦,鏈接等功能。
<!doctype html>
<html>
<head>
<title>HTML基礎(chǔ)---一</title>
</head>
<body>
hellow world
<!-- 在body中輸入簡(jiǎn)單的文字玫鸟,我們就可以能在網(wǎng)頁(yè)中看到 -->
<!-- 接下來(lái)介紹幾個(gè)簡(jiǎn)單的標(biāo)簽 -->
<!-- h1~~h6 標(biāo)題標(biāo)簽 h1標(biāo)簽是級(jí)別最大的,h6標(biāo)簽是級(jí)別最下的-->
<h1>一級(jí)</h1>
<h2>二級(jí)</h2>
<h3>三級(jí)</h3>
<h4>四級(jí)</h4>
<h5>五級(jí)</h5>
<h6>六級(jí)</h6>
<!-- 級(jí)別越小导绷,字體也越小 -->
<p>hellow world</p>
<!-- 這是段落標(biāo)簽,它代表一個(gè)段落 -->
<div>hellow world</div>
<!-- 這是一個(gè)空白的標(biāo)簽,但是會(huì)占據(jù)一整行,現(xiàn)在一般的網(wǎng)頁(yè)布局也都是使用div + css來(lái)布局-->
<!-- div的嵌套使用來(lái)完成整個(gè)網(wǎng)頁(yè)的布局屎飘,可以將div理解成一個(gè)一個(gè)塊妥曲,然后在div塊中寫入其他標(biāo)簽 -->
<!-- 之后可以通過css來(lái)修飾 -->
<a href="#">這是一個(gè)超鏈接</a>
<!-- a標(biāo)簽是一個(gè)超鏈接標(biāo)簽,href是a標(biāo)簽的私有屬性钦购,在里面可以填寫要跳轉(zhuǎn)到的頁(yè)面
比如: 這時(shí)我們?cè)邳c(diǎn)擊a標(biāo)簽檐盟,我們就會(huì)跳轉(zhuǎn)到百度頁(yè)面 -->
<div style="width:200px;height:200px;border:1px solid #333;color:red;">
<p>汽車圖片</p>
![](image/1.jpg)
</div>
<!-- 這里通過style來(lái)制定行內(nèi)樣式,設(shè)置 寬(width),高(height)都為200像素,之后在設(shè)置一個(gè)邊框(border)肮雨,color是給字體添加顏色的樣式 -->
<!-- img標(biāo)簽是一個(gè)在HTML頁(yè)面中添加圖片的標(biāo)簽,src是它的屬性,用來(lái)添加路徑箱玷,alt是當(dāng)圖片加載失敗或其他原因沒有顯示時(shí)才能夠看到 -->
</body>
</html>
結(jié)果預(yù)覽:
預(yù)覽結(jié)果.png