HTML 簡(jiǎn)介

個(gè)人編寫HTML使用的軟件是dreamweaver，這個(gè)軟件的話，正版是要購(gòu)買的，一開(kāi)始學(xué)習(xí)HTML就是用的這個(gè)軟件了，挺好用的，而且代碼提示特別方便，不用擔(dān)心太多的標(biāo)簽和屬性記勞~

1.什么是HTML？

HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言，指的是超文本標(biāo)記語(yǔ)言: HyperText Markup Language；
HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言；
HTML文檔也叫做 web 頁(yè)面；

2.HTML基本結(jié)構(gòu)

<!DOCTYPE html>：文檔聲明；
<html>：HTML 頁(yè)面的根元素；
<head>：用于定義文檔的頭部，是所有頭部元素的容器；
<meta>：提供有關(guān)頁(yè)面的元信息，位于文檔的頭部，不包含任何內(nèi)容；
<title>：文檔的標(biāo)題；
<body>：定義文檔的主體，包含文檔的所有內(nèi)容；

3.HTML標(biāo)簽使用？

HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，且通常是成對(duì)出現(xiàn)的如<a></a>，當(dāng)然也有單個(gè)的，只不過(guò)比較少如<hr>；
標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽表示開(kāi)始標(biāo)簽，第二個(gè)標(biāo)簽表示結(jié)束標(biāo)簽；

4.HTML常用標(biāo)簽介紹

除了HTML基本結(jié)構(gòu)的幾個(gè)標(biāo)簽以外，HTML還有一些比較常用的基本標(biāo)簽；

（1）文本標(biāo)簽：

h1-h6：用于定義標(biāo)題，h1為最大標(biāo)題，h6為最小標(biāo)題；
p：定義段落；
span：組合文檔中的行內(nèi)元素；
br：換行；
hr：水平線；
strong/b：加粗文字；
em/i：斜體；
u：下劃線；
s：刪除線；
pre：定義預(yù)格式化的文本，保持原有格式；
sub：下標(biāo)；
sup：上標(biāo)；
blockquote：塊引用；

（2）布局標(biāo)簽：

div：定義文檔中的分區(qū)或節(jié)，把文檔分割為獨(dú)立的、不同的部分；
header：定義頁(yè)面的頭部；
aside：用作文章的側(cè)欄；
section：定義文檔中的節(jié)；
footer：定義文檔或節(jié)的頁(yè)腳，通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等；
article：規(guī)定文章獨(dú)立的其他內(nèi)容，如標(biāo)題、內(nèi)容、評(píng)論；

（3）多媒體標(biāo)簽：

img：用于在網(wǎng)頁(yè)中插入圖像；
audio：定義聲音，比如音樂(lè)或其他音頻流；
video：定義視頻，比如電影片段或其他視頻流；

（4）超鏈接標(biāo)簽：

a：定義超鏈接，指定頁(yè)面間的跳轉(zhuǎn)；

（5）序列化標(biāo)簽：

ul：定義無(wú)序列表；
ol：定義有序列表；
li：定義列表項(xiàng)目，可用在無(wú)序列表ul和有序列表ol中；
dl：定義了定義列表；
dt：定義了定義列表中的項(xiàng)目（即術(shù)語(yǔ)部分）；
dd：在定義列表中定義條目的定義部分；

（6）表格標(biāo)簽：

table：定義 HTML 表格；
tr：定義表格的行；
td：定義表格的單元；
th：定義表頭；
caption：定義表格標(biāo)題；
col：為表格中一個(gè)或多個(gè)列定義屬性值；
colgroup：用于對(duì)表格中的列進(jìn)行組合，以便對(duì)其進(jìn)行格式化；
thead：定義表格的表頭；
tbody：表格主體，也就是正文部分；
tfoot：定義表格的頁(yè)腳（腳注或表注）；

（7）表單標(biāo)簽：

form：用于為用戶輸入創(chuàng)建 HTML 表單；
input：用于搜集用戶信息；
button：定義一個(gè)按鈕；
select：創(chuàng)建單選或多選菜單；
option：定義下拉列表中的一個(gè)選項(xiàng)；
textarea：定義多行的文本輸入控件；
label：為 input 元素定義標(biāo)注（標(biāo)記）；
fieldset：用于將表單內(nèi)的相關(guān)元素分組；
legend：為 fieldset 元素定義標(biāo)題；

5.HTML注意事項(xiàng)

HTML文件當(dāng)以后綴名為 .html 或 .htm 來(lái)命名；
HTML標(biāo)簽和屬性是不區(qū)分大小寫的，建議HTML標(biāo)簽和屬性都小寫，屬性值必須用雙引號(hào)包圍；
HTML標(biāo)簽都是以開(kāi)始標(biāo)簽起始，以結(jié)束標(biāo)簽終止；
HTML標(biāo)簽之間盡量縮進(jìn)與換行，每行代碼不要過(guò)長(zhǎng)，方便閱讀和維護(hù)；
HTML標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則，如禁止a標(biāo)簽嵌套a標(biāo)簽，p標(biāo)簽嵌套div標(biāo)簽等；
建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標(biāo)簽，少使用table布局、iframe框架嵌套以及flash播放器；

序列定義：

文字前面的符號(hào)或者序列

特點(diǎn)：

塊元素，獨(dú)立成行，行間距，行縮進(jìn)

類別：

包括兩種，一種是有序的叫ol，一種是無(wú)序的ul

兩者共同點(diǎn)：

這兩個(gè)都同樣嵌套li。

無(wú)序標(biāo)簽屬性：

type disc 實(shí)心圓（默認(rèn)屬性） circle空心圓 square實(shí)心四方

有序標(biāo)簽屬性：

type =1 a A i I

start="n"從第n個(gè)數(shù)開(kāi)始計(jì)數(shù)

嵌套關(guān)系，UL可以嵌套UL，原則是繼續(xù)縮進(jìn)

tm是超文本標(biāo)記語(yǔ)言簡(jiǎn)稱，英文全名是“Hyper Text Markup Language”,是構(gòu)成網(wǎng)站網(wǎng)頁(yè)文檔主要語(yǔ)言，它是一種標(biāo)記語(yǔ)言而不是編程語(yǔ)言，是由一套標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)內(nèi)容，這些內(nèi)容主要由瀏覽器解釋(展示給網(wǎng)站訪客)，同一個(gè)html文件如果不加處理對(duì)于不同的瀏覽器顯示不同的效果導(dǎo)致出現(xiàn)瀏覽器兼容問(wèn)題，處理瀏覽器兼容問(wèn)題其實(shí)就是要處理同一html文件在不同瀏覽器顯示不同效果的問(wèn)題。

html從1993年誕生25年以來(lái)從當(dāng)初1.0發(fā)展現(xiàn)在5.0(html5)，而html5經(jīng)過(guò)近幾年的發(fā)展現(xiàn)在已經(jīng)十分火熱了，現(xiàn)在網(wǎng)頁(yè)布局方法基本上都是“div+css”，傳統(tǒng)的table布局現(xiàn)在用的已經(jīng)很少只有一些特殊功能頁(yè)面才會(huì)用到table布局比如說(shuō)調(diào)查問(wèn)卷。下面就為大家介紹“學(xué)好html語(yǔ)言需要掌握什么?前端工程師需要明白什么?”

打好基礎(chǔ)

1、打好基礎(chǔ)

這里說(shuō)的基礎(chǔ)主要是指熟練使用DIV+ CSS的基礎(chǔ)內(nèi)容，熟悉使用常用的標(biāo)簽div、p、span、ul、li等，熟練掌握css常用設(shè)置效果比如說(shuō)圖文混排、圖文環(huán)繞、背景設(shè)置、段落文字等，有興趣可以研究css高級(jí)使用方法(濾鏡、特殊定位等)，只有熟練掌握好了這些內(nèi)容對(duì)于以后做工作才能得心應(yīng)手。

持續(xù)學(xué)習(xí)

2、持續(xù)學(xué)習(xí)(向大牛學(xué)習(xí))。

基礎(chǔ)內(nèi)容一般7到10天就可以掌握，一百個(gè)個(gè)人寫同一個(gè)頁(yè)面有一百種不同的方法，有的人可以用最少的代碼寫出很復(fù)雜的效果而且兼容問(wèn)題很少，這就要求我們自己要不斷去琢磨方法和學(xué)習(xí)提高自己能力，最簡(jiǎn)單的辦法學(xué)習(xí)大牛們的代碼是怎么寫的，最簡(jiǎn)單你可以拿四大門戶頁(yè)面代碼好好研究研究，如果能靜下心來(lái)去研究相信你會(huì)收獲不少。

溝通

3、與同事(特別是后端)溝通。

web開(kāi)發(fā)想要達(dá)到最終的結(jié)果，前端和后端必須需要相互溝通，打個(gè)比方前端頁(yè)面是貨架，而后端就是放在貨架上的商品，和同事溝通不僅僅可以使工作減少不必要的麻煩(特別是返工)也可以讓在溝通中學(xué)習(xí)更多的東西，所以多跟同事溝通對(duì)我們絕對(duì)是由很多益處的。

清楚將來(lái)發(fā)展

4、清楚將來(lái)發(fā)展。

web前端可以分為初級(jí)、中級(jí)、高級(jí)，初級(jí)絕對(duì)要熟練掌握div+css，中級(jí)要熟練掌握js，重點(diǎn)是掌握J(rèn)query、angularJS。高級(jí)要掌握掌握面向?qū)ο缶幊趟枷搿⒊跫?jí)網(wǎng)站安全知識(shí)、配合后臺(tái)開(kāi)發(fā)人員實(shí)現(xiàn)產(chǎn)品界面和功能等，也有一部分轉(zhuǎn)成專職程序員了，所以對(duì)于自己未來(lái)發(fā)展自己要規(guī)劃清楚，杜絕稀里糊涂，要一天比一天好。

在線咨詢

上一篇：手把手教你前端的各種文件上傳攻略和大文件斷點(diǎn)續(xù)傳
下一篇：網(wǎng)頁(yè)設(shè)計(jì)師給自己的兒子取名為“HTML”

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。