1、介紹
HTML、CSS、JavaScript可以說是學習web的三門最基礎的語言。是我們進入web世界的初始技能。
下面先分別介紹他們再說說他們之間的關係
1）、什麼是HTML
HTML是Hypertext Markup Language超文本標記語言的英文縮寫。
HTML 不是一種編程語言，而是一種標記語言 (markup language)。
web開發者使用HTML的一系列標籤來描述網頁。
2）、什麼是CSS
CSS是Cascading Style Sheets指層疊樣式表的英文縮寫。
web開發者用CSS定義如何顯示 HTML 元素。
3）、什麼是JavaScript
JavaScript 是世界上最流行的腳本語言。
JavaScript 被設計爲向 HTML 頁面增加交互性。
4）、聯繫
總的來說最基本的是HTML，它首先定義了一個網頁最基本的東西——網頁的結構和內容，相當於一個人的骨架和組成部分；而CSS定義樣式，即實現HTML元素的不同的外觀，大小等，相當於決定一個人的外貌；JS則是保證了網頁的交互性，相當於一個人與外界交際一樣。
一般的文件組織形式是，html文件僅僅寫最簡單的結構和內容元素，元素的所有樣式都寫在CSS文件文件中。這樣做的目的是爲了讓內容與表現分離，極大提高工作效率。
很明顯，CSS和JS是基於HTML的，因此說最基本的是HTML。
本文先講一講部分基本的HTML元素,內容可能有點散，請見諒！
2、basic HTML
html語言是一系列標籤組成的，他們的基本語法是
<element> content </element>其中<element>標籤標示一個元素的開始，</element>標籤標示一個元素的結束。
目前，一般的html文件在首行必須加上<!DOCTYPE html>，代表它兼容HTML5及之前更早的版本
正式的HTML文件的開始是包含在標籤<html></html>之中的。
在標籤<html></html>之下又有幾種標籤，一個是<head></head>標籤，它表示原信息，即用來說明信息的信息，比如網頁的標題。
另一個是<body></ body>標籤，網頁中可見的部分都是放在<body>標籤裏面的。
大概如下：
<!DOCTYPE html>
<html>
<head>
information about the page
</head>
<body>
page contents
</body>
</html>1）、關於標籤的一些點
（1）、block元素和inline元素
一些標籤如<p>、<div>、<ul>等是塊級(block)元素，在HTML中，塊級元素會佔用滿至少一行，就算它的內容一行不到。並且兩個塊級元素之間通常會間隔一空行。
而另一些標籤如<br />、<img />、<a>則是inline元素，它可以跟其他元素一起分享同一行，如
<p>this is<br /> some text</p>當然，inline元素的這個特點也意味着他不能單獨出現，他總是伴隨着塊級元素出現的。
（2）、attributes屬性
一些標籤可以包括一個或者多個屬性attributes：
<element attribute1="value1" attribut2="vaule2">content</element>（3）、注意
對於inline標籤，一個標籤的開始必須在前一個標籤結束後，不能在一個inline標籤結束前開始另一個新的inline標籤！
2）、<title>標籤
<title>顧名思義，定義當前網頁的名字。<title>標籤放在<head>標籤之中。
3）、<meta>標籤
<meta>元素可提供有關某個 HTML 元素的元信息 (meta-information)，比如描述、針對搜索引擎的關鍵詞以及刷新頻率。下面是一個例子
<meta http-equiv="Content-Type" content="text/html; charset=gbk" /><meta>標籤有name、http-equiv、content等屬性；
name的值可以是author、description、keywords、generator和revised等內容
http-equiv可以是content-type、有效期expires、刷新頻率refresh等
用什麼編碼的可以寫在content中。
4）、<p>標籤
<p>既是Paragraph的首字母，很明顯，是一個文字標籤。網頁中最基本的段落就是在這裏面。
5）、<h1>, <h2>, …<h5>,<h6>標籤
他們是Headings的縮寫，定義6中等級不同的標題（注意是邏輯上的等級大小，而不是外觀上的形狀大小，雖然1到6的文字大小的確不一樣）
6）、<br />標籤
用於另起一行。
7）、<hr />標籤
定義一條水平線。
8）、<a>標籤
<a>標籤定義一個連接，如：
<a href=“http://www.baidu.com/”>a標籤是一個inline元素。
href是a標籤的一個屬性，後面是它的值，使用URL作爲它的值，可以使用相對路徑或者絕對路徑。
9）、<img>標籤
<img>定義一個圖像，如：
<img src="imges.jpg" alt="a imges" /><img>的兩個基本的必要的屬性是src和alt，src表明圖片的出處；alt是當圖片因某些問題加載不出來的時候，會顯示alt的值代替img的顯示。
<img>是一個inline元素。
10）、<em>和<strong>標籤
這兩個標籤出現在<p>標籤中，分別用於實現文字的斜體和加粗。
11）、<ul>, <li>標籤
<ul>, <li>是無序表標籤，均爲塊級元素。
首先，<ul>定義一個無序表，表中的每一項都由<li>定義，如：
<ul>
<li>first</li>
<li>second</li>
<li>third</li>
</ul>12）、<ol>，<li>標籤
<ol>標籤定義有序表，用法與ul標籤相同，也是塊級元素。
13）、<!-- -->標籤
寫註釋的標籤，寫在--之間
P.S.列表之中又可以包含列表。
14）、表格標籤：
<table>
定義整個表格
<tr>
定義表格每行的元素
<caption>
定義表格的標題
<th>
表格屬性的說明
<td>
表格每行中的每個具體元素
<table>
<caption>new student</caption>
<tr><th>name</th><th>gender</th></tr>
<tr><td>barry</td><td>male</td></tr>
<tr><td>Iris</td><td>female</td></tr>
</table>15）、<dl>, <dt>, <dd>
<dl>, <dt>, <dd>用於定義定義列表。
<dl>表示定義列表的開始。<dt>表示要定義的名稱；<dd>表示對其的定義；
如：
<dl>
<dt>計算機</dt>
<dd>用來計算的儀器 ... ...</dd>
<dt>顯示器</dt>
<dd>以視覺方式顯示信息的裝置 ... ...</dd>
</dl>16）、引用標籤
<blockquote>
用於定義長引用。
<q>
inline標籤，顯示效果是雙引號。
17）、如何顯示代碼
<code>標籤和<pre>標籤
一般地，<code>標籤用於短的代碼的顯示，<pre>標籤用於長的代碼的顯示。
他們不會忽略多餘的空格，而是原原本本地呈現出來，並且每個字母的寬度相同，使得代碼可以對齊起來。