HTML光速了解！！！
First:
? ? ?什么是HTML？
? ? ? ? ? ??HTML(Hypertext Marked Language)稱(chēng)為超文本標(biāo)記語(yǔ)言，是一種標(biāo)識(shí)性的語(yǔ)言。它包括一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字，圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。
? ? ?額，好像解釋的還很復(fù)雜，我們看到網(wǎng)站上的網(wǎng)頁(yè)就是由html和它的兄弟們(css,javascript)構(gòu)建而成。當(dāng)然你肯定又會(huì)問(wèn)，為什么在瀏覽器上打開(kāi)就可以顯示這些內(nèi)容呢？
? ? ?因?yàn)檫@是因?yàn)樗鼈冏袷匾?guī)則，DOCTYPE是用來(lái)聲明文檔類(lèi)型和DTD規(guī)范的。?<!DOCTYPE html>聲明位于HTML文檔中的第一行，不是一個(gè)HTML標(biāo)簽，處于 html 標(biāo)簽之前。告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔。DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)。這個(gè)便是我們要介紹html文件第一行，一定要書(shū)寫(xiě)這句話。?
? ??
很突兀，可以把這個(gè)作為這個(gè)標(biāo)記語(yǔ)言構(gòu)造，
<!DOCTYPE html> <html><head></head><body><a>hello HTML</a></body> </html>?標(biāo)準(zhǔn)的格式，有頭，有身體，身體里就是要書(shū)寫(xiě)主要的內(nèi)容了。
大腦里面的定義的相關(guān)東西是看不到的
<!DOCTYPE html> <html><head><meta Charset="UTF-8"> <!-- 頁(yè)面的編碼 --><title>我就是網(wǎng)頁(yè)的標(biāo)題</title><style>a{color:red;}</style> <!-- 在這里面書(shū)寫(xiě)css代碼，例子:a標(biāo)簽中的內(nèi)容變成紅色 --><link rel="stylesheet" href="外部的css文件路徑"> <!-- 可以分開(kāi)寫(xiě)html、css、js文件，這里是引入css文件 --><script src="引入js的路徑，讓網(wǎng)頁(yè)動(dòng)起來(lái)"></script></head><body><a>hello HTML</a></body> </html>基本上腦闊里常用的標(biāo)簽都在這里面了。
下面介紹身體里面的標(biāo)簽，這個(gè)就比較多了，先了解常用的。
標(biāo)簽主要分為塊級(jí)標(biāo)簽(該標(biāo)簽占用那個(gè)位置的一整行)和行內(nèi)標(biāo)簽(自己的長(zhǎng)度是多少就占用多少長(zhǎng)度)兩種.
塊級(jí)標(biāo)簽：<h1>有6級(jí)?標(biāo)題的大小改變<h1>? ? ? ?<div></div>? (div+css)? ?<form>創(chuàng)建HTML表單</form> <p>定義段落</p>
行內(nèi)標(biāo)簽：<span></span>? ?<label>標(biāo)簽為</label>? ? ??<input>輸入框? ? ??<img>向網(wǎng)頁(yè)中嵌入一幅圖像? ? ? ? ?<a>標(biāo)簽可定義錨
了解到這些基本的標(biāo)簽就可以寫(xiě)一個(gè)靜態(tài)的登錄界面了。
<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><label for="user">賬號(hào)：</label><input id="user" type="text" ><label for="pwd">密碼：</label><input id="pwd" type="password" ><a href="http://www.baidu.com"><input type="submit" value="提交"></a> </body> </html>?
效果圖
<input>標(biāo)簽中的type有text(文本類(lèi)型)、password(密碼類(lèi)型)、submit(提交)等；
下面要介紹一下div標(biāo)簽，在設(shè)計(jì)的時(shí)候這個(gè)標(biāo)簽用的頻率可算最多，用一些css先來(lái)體現(xiàn)它的設(shè)計(jì)范：
?
效果如圖：
我們應(yīng)該合理運(yùn)用，只有這樣我們寫(xiě)出來(lái)的網(wǎng)頁(yè)才會(huì)更加的干爽整潔。
下一個(gè)就是a標(biāo)簽，上面a標(biāo)簽和input的submit一起搭配，<a href=""></a>? ? 輸入你要跳轉(zhuǎn)的網(wǎng)址，當(dāng)點(diǎn)擊提交按鈕的時(shí)候便可以進(jìn)行跳轉(zhuǎn)。
了解這些也大致算是入了門(mén)，如果你想要做網(wǎng)頁(yè)時(shí)還需要其他的標(biāo)簽可以w3cschool中的html，看看里面的元素即可！
see you!!!
總結(jié)
以上是生活随笔為你收集整理的HTML光速了解！！！的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： java 集成ibm mq 教程_Spr
- 下一篇： 联想V450中禁用触摸鼠标(MouseP