HTML是什么
HTML 是用來描述網(wǎng)頁內(nèi)容的一種語言。全稱超文本標(biāo)記語言 (Hyper Text Markup Language)。 我們平時看到的頁面，如果我們在頁面上右鍵選擇“查看源文件”展現(xiàn)出來的就是HTML。
head標(biāo)簽
head標(biāo)簽里主要得幾個標(biāo)簽有
meta, link, script, title
meta
meta常用于定義頁面的說明，關(guān)鍵字，最后修改日期，和其它的元數(shù)據(jù)。
link
<link> 標(biāo)簽定義文檔與外部資源的關(guān)系.
<link> 標(biāo)簽最常見的用途是鏈接樣式表。
鏈接一個外部樣式表：
<link rel="stylesheet" type="text/css" href="theme.css" />
script
<script> 標(biāo)簽用于定義客戶端腳本，比如 JavaScript。
script 元素既可以包含腳本語句，也可以通過 src 屬性指向外部腳本文件。
必需的 type 屬性規(guī)定腳本的 MIME 類型。舉例：
在 HTML 頁面中插入一段 JavaScript：
<script type="text/javascript">
document.write("Hello World!")
</script>
title
<title> 元素定義文檔的標(biāo)題。
舉例：
<title>網(wǎng)頁標(biāo)題</title>
body標(biāo)簽
body里的標(biāo)簽就太多了，主要分為幾類
- Section
- Group Content
- Text Marker
- Table
- Form
- Embed
div標(biāo)簽
為什么使用div?
<div>標(biāo)簽可以將網(wǎng)頁分割成不同的、清晰的、獨立的局部模塊，然后在不同的模塊中添加內(nèi)容。 這樣使網(wǎng)頁布局結(jié)構(gòu)更加清晰，代碼更加獨立，代碼修改時能盡量少地影響到整體頁面， 所以在網(wǎng)頁開發(fā)中提倡使用<div>標(biāo)簽。
<div>標(biāo)簽的使用
<div id="firstdiv" class = "mydiv">
我是內(nèi)容
</div>
id: 用于標(biāo)識<div>塊（即<div>標(biāo)簽的名字）
class: 修飾<div>塊的css樣式組
<div>圖層定義常見的屬性設(shè)置：
position:絕對定位和相對定位 (abosolute,relative)
height:<div>模塊的高度
width:<div>模塊的寬度
left:相對于窗口左邊的位置
top:相對于窗口上邊的位置
<div class="border" style="position:absolute;width:320px;height:300px;left:20px;top: 30px;">
測試名為left的div模塊在html頁面上展示
</div>
section標(biāo)簽
為什么使用"section"？
網(wǎng)頁中一些描述性模塊一般會區(qū)分標(biāo)題、段落、導(dǎo)航、側(cè)邊欄等展示給用戶，雖然我們有了div布局頁面，但為了使我們更加清晰更加準(zhǔn)確地根據(jù)不同的需求進行頁面布局，html5引進了一些具有特殊意義的"section"標(biāo)簽。
<section>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</section>
pre標(biāo)簽
pre 元素可定義預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現(xiàn)為等寬字體。舉例：
<pre>
1
1 1
</pre>
則頁面會顯示同樣的效果。
span標(biāo)簽
<span> 標(biāo)簽被用來組合文檔中的行內(nèi)元素。
因為span元素不是塊級元素，如果不對 span 應(yīng)用樣式，那么 span 元素中的文本與其他文本不會任何視覺上的差異。
<p>溫馨<span>提示：</span></p>
<p>溫馨提示</p>
如果不給<span>加樣式，那么這兩個的效果基本沒有區(qū)別。
a標(biāo)簽
<a>標(biāo)簽定義超鏈接，用于從一張頁面鏈接到另一張頁面。
<a>元素最重要的屬性是 href 屬性，它指示鏈接的目標(biāo).
指向W3School的超鏈
<a >W3School</a>
