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