HTML 簡介

個人編寫HTML使用的軟件是dreamweaver，這個軟件的話，正版是要購買的，一開始學習HTML就是用的這個軟件了，挺好用的，而且代碼提示特別方便，不用擔心太多的標簽和屬性記勞~

1.什么是HTML？

HTML 是用來描述網頁的一種語言，指的是超文本標記語言: HyperText Markup Language；
HTML 不是一種編程語言，而是一種標記語言；
HTML文檔也叫做 web 頁面；

2.HTML基本結構

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

3.HTML標簽使用？

HTML 標簽是由尖括號包圍的關鍵詞，且通常是成對出現的如<a></a>，當然也有單個的，只不過比較少如<hr>；
標簽對中的第一個標簽表示開始標簽，第二個標簽表示結束標簽；

4.HTML常用標簽介紹

除了HTML基本結構的幾個標簽以外，HTML還有一些比較常用的基本標簽；

（1）文本標簽：

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

（2）布局標簽：

div：定義文檔中的分區或節，把文檔分割為獨立的、不同的部分；
header：定義頁面的頭部；
aside：用作文章的側欄；
section：定義文檔中的節；
footer：定義文檔或節的頁腳，通常包含文檔的作者、版權信息、使用條款鏈接、聯系信息等；
article：規定文章獨立的其他內容，如標題、內容、評論；

（3）多媒體標簽：

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

（4）超鏈接標簽：

a：定義超鏈接，指定頁面間的跳轉；

（5）序列化標簽：

ul：定義無序列表；
ol：定義有序列表；
li：定義列表項目，可用在無序列表ul和有序列表ol中；
dl：定義了定義列表；
dt：定義了定義列表中的項目（即術語部分）；
dd：在定義列表中定義條目的定義部分；

（6）表格標簽：

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

（7）表單標簽：

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

5.HTML注意事項

HTML文件當以后綴名為 .html 或 .htm 來命名；
HTML標簽和屬性是不區分大小寫的，建議HTML標簽和屬性都小寫，屬性值必須用雙引號包圍；
HTML標簽都是以開始標簽起始，以結束標簽終止；
HTML標簽之間盡量縮進與換行，每行代碼不要過長，方便閱讀和維護；
HTML標簽使用必須符合標簽嵌套規則，如禁止a標簽嵌套a標簽，p標簽嵌套div標簽等；
建議不使用HTML已經廢棄的或者不贊成使用的標簽，少使用table布局、iframe框架嵌套以及flash播放器；

序列定義：

文字前面的符號或者序列

特點：

塊元素，獨立成行，行間距，行縮進

類別：

包括兩種，一種是有序的叫ol，一種是無序的ul

兩者共同點：

這兩個都同樣嵌套li。

無序標簽屬性：

type disc 實心圓（默認屬性） circle空心圓 square實心四方

有序標簽屬性：

type =1 a A i I

start="n"從第n個數開始計數

嵌套關系，UL可以嵌套UL，原則是繼續縮進

tm是超文本標記語言簡稱，英文全名是“Hyper Text Markup Language”,是構成網站網頁文檔主要語言，它是一種標記語言而不是編程語言，是由一套標記標簽來描述網頁內容，這些內容主要由瀏覽器解釋(展示給網站訪客)，同一個html文件如果不加處理對于不同的瀏覽器顯示不同的效果導致出現瀏覽器兼容問題，處理瀏覽器兼容問題其實就是要處理同一html文件在不同瀏覽器顯示不同效果的問題。

html從1993年誕生25年以來從當初1.0發展現在5.0(html5)，而html5經過近幾年的發展現在已經十分火熱了，現在網頁布局方法基本上都是“div+css”，傳統的table布局現在用的已經很少只有一些特殊功能頁面才會用到table布局比如說調查問卷。下面就為大家介紹“學好html語言需要掌握什么?前端工程師需要明白什么?”

打好基礎

1、打好基礎

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

持續學習

2、持續學習(向大牛學習)。

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

溝通

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

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

清楚將來發展

4、清楚將來發展。

web前端可以分為初級、中級、高級，初級絕對要熟練掌握div+css，中級要熟練掌握js，重點是掌握Jquery、angularJS。高級要掌握掌握面向對象編程思想、初級網站安全知識、配合后臺開發人員實現產品界面和功能等，也有一部分轉成專職程序員了，所以對于自己未來發展自己要規劃清楚，杜絕稀里糊涂，要一天比一天好。

在線咨詢

上一篇：手把手教你前端的各種文件上傳攻略和大文件斷點續傳
下一篇：網頁設計師給自己的兒子取名為“HTML”

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。