壹、什麽是HTML？
HTML即超文本標記語言(HyperTextMarkupLanguage)，是用來描述網頁的壹種語言。
超文本標記語言的結構包括"頭"部分（外語：Head）、和"主體"部分（外語：Body），其中"頭"部提供關於網頁的信息，"主體"部分提供網頁的具體內容。
標記語言是壹套標記標簽(markuptag)
HTML使用標記標簽來描述網頁
如下代碼：
MyFirstHeading
Myfirstparagraph.
例子解釋:
與之間的文本描述網頁
與之間的文本是可見的頁面內容
與之間的文本被顯示為標題
與
之間的文本被顯示為段落二、HTML元素
HTML文檔是由HTML元素定義的。
HTML元素指的是從開始標簽（starttag）到結束標簽（end
tag）的所有代碼。
td{border:1pxsolid#ccc;padding:5px;margin:auto;}
td>p{text-align:left;}
td>pspan{text-align:center;display:block;}
開始標簽
元素內容
結束標簽
Thisisaparagraph
href="default.htm">
Thisisalink
註釋：開始標簽常被稱為開放標簽（openingtag），結束標簽常稱為閉合標簽（closingtag），大多數HTML元素可擁有屬性。
空的HTML元素：
沒有內容的HTML元素被稱為空元素。在XHTML、XML以及未來版本的HTML中，所有元素都必須被關閉。
在開始標簽中添加斜杠，比如:
就是沒有關閉標簽的空元素,而
是關閉空元素的正確方法，HTML、XHTML和XML都接受這種方式。
即使
在所有瀏覽器中都是有效的，但使用
其實是更長遠的保障。
HTML提示：使用小寫標簽
HTML標簽對大小寫不敏感：
等同於
。許多網站都使用大寫的HTML標簽。
W3School使用的是小寫標簽，因為萬維網聯盟（W3C）在HTML4中推薦使用小寫，而在未來(X)HTML版本中強制使用小寫。
三、HTML屬性
HTML標簽可以擁有屬性。屬性提供了有關HTML元素的更多的信息。
屬性總是以名稱/值對的形式出現，比如：name="value"。
屬性總是在HTML元素的開始標簽中規定。
屬性實例:
HTML鏈接由標簽定義。鏈接的地址在href屬性中指定：
Thisisa
link
註釋：屬性值應該始終被包括在引號內。雙引號是最常用的，不過使用單引號也沒有問題。在某些個別的情況下，比如屬性值本身就含有雙引號，那麽您必須使用單引號，例如：name='Bill"HelloWorld"Gates'。
HTML提示：使用小寫屬性
屬性和屬性值對大小寫不敏感。
不過，萬維網聯盟在其HTML4推薦標準中推薦小寫的屬性/屬性值。
而新版本的(X)HTML要求使用小寫屬性。
壹些常見HTML屬性:
td{border:1pxsolid#ccc;padding:5px;margin:auto;}
td>p{text-align:left;}
td>pspan{text-align:center;display:block;}
屬性
值
描述
class
classname
規定元素的類名（classname）
id
id
規定元素的唯壹id
style
style_definition
規定元素的行內樣式（inline
style）
title
text
規定元素的額外信息（可在工具提示中顯示）
四、HTML編輯器
使用Notepad或TextEdit來編寫HTML
可以使用專業的HTML編輯器來編輯HTML：
AdobeDreamweaver
MicrosoftExpressionWeb
CoffeeCupHTMLEditor
五、HTML標題
標題（Heading）是通過
-等標簽進行定義的。Thisisaheading定義最大的標題。
Thisisaheading定義最小的標題。
註釋：瀏覽器會自動地在標題的前後添加空行。
註釋：默認情況下，HTML會自動地在塊級元素前後添加壹個額外的空行，比如段落、標題元素前後。
以上就是小編今天為大家分享的關於Web前端工程師要了解的html+css基礎知識的文章，希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助，想要了解更多Web前端相關知識記得關註北大青鳥Web培訓官網，最後祝願小夥伴們工作順利，成為壹名優秀的Web前端工程師。