一、HTML是什嗎？
HTML(hypertext mark-uplanguage)是 超文字標記語言 (HTML), 主要的用處是做網頁, 可以在網頁上顯示 文字、映像、視頻、聲音…HTML只能做靜態網頁
二、HTML發展曆史
三、W3C介紹html之父-Tim Berners-Lee
（Tim Berners-Lee）1955年6月8日出生於英國倫敦關於詳細請看：http://blog.csdn.net/chinayaosir/article/details/2982025
四、HTML的運行world wide web consortium 中文意思是W3C理事會或全球資訊網聯盟。W3C於1994年10月在麻省理工學院電腦科學實驗室成立，創立者是html之父Tim Berners-Lee。
W3C組織是網路標準制定的一個非盈利組織，像HTML、XHTML、CSS、XML的標準都是由W3C來定製。
一流公司做標準
二流公司做服務
三流公司做產品
四流公司做項目
html的基本結構<html><head><title>html結構</title></head><body><!--注釋--></body></html>
五、html中的符號實體1、本地運行（直接用瀏覽器開啟）
2、遠端存取
安裝例如tomcat伺服器後遠端存取。
六、圖片顯示及連結
七、顯示表格<html><head><title>html結構</title></head><body><img src="http://img.my.csdn.net/uploads/201401/06/1389011264_6592.jpg" width="150px" alt="歡迎關注我的官方公眾"/></body></html>
<html><head><title>html結構</title></head><body><img src="http://img.my.csdn.net/uploads/201401/06/1389011264_6592.jpg" width="150px" alt="歡迎關注我的官方公眾"/><a href="http://blog.csdn.net/dawanganban"><img src="http://avatar.csdn.net/D/F/D/1_lxq_xsyu.jpg" alt="來點我啊" title="點我啊" width="150px"/></a></body></html>
<html><head><title>html結構</title></head><body><!--寬度可以用像素，也可以用百分比--><table border="1px" width="300px"><tr align="center" bgcolor="yellow"><td>1</td><td>2</td></tr><tr align="center"><td>3</td><td>4</td></tr><tr align="center"><td>5</td><td>6</td></tr><table><!--預設文字靠左--></body></html>border：邊框的寬度，預設值是0
width=”60%" ：表格的寬度，占父容器的60%
cellpadding="10" ：表示內容和單元格的距離
cellspacing="10" ：表示單元格和其他單元格之間的距離
表格的對齊：
align屬性：水平對齊
valign屬性：垂直對齊
不規則表格：
colspan屬性：合并水平單元格
rowspan屬性：合并豎直單元格
八、架構
通過使用架構，你可以在同一個瀏覽器視窗中顯示不止一個頁面。每份HTML文檔稱為一個架構，並且每個架構都獨立於其他的架構。使用架構的壞處：
開發人員必須同時跟蹤更多的HTML文檔
很難列印整張頁面
- 架構結構標籤（<frameset>）
- 架構結構標籤（<frameset>）定義如何將視窗分割為架構
- 每個 frameset 定義了一系列行或列
- rows/columns 的值規定了每行或每列佔據螢幕的面積
首頁面.html (注意使用架構的時候，裡面不能用body標籤)
<html><head><title>html結構</title></head><frameset rows="150,*"><frame name="frame0" src="title.html" frameborder="0"><frameset cols="20%,*"><frame name="frame1" src="a.html" noresize frameborder="0"/><frame name="frame2" src="b.html" frameborder="0"/></frameset></frameset></html>
noresize=“noresize"的作用是不能展開每個frameframeborder="0"將邊框寬度設為0
title.html
<body bgcolor="#FFA54F"><div id="container"> <div id="header"> <div class="header"> <div id="blog_title"> <h1> <a href="http://blog.csdn.net/dawanganban">大碗幹拌</a></h1> <h2>興趣是堅持的理由，網路是最牛的老師，部落格是最好的筆記，交流是創新的源頭</h2> <div class="clear"> </div> </div> <div class="clear"> </div> </div></div></body>a.html
<body bgcolor="pink"><!--target表示我們點擊後，目標指向誰--><a href="b.html" target="frame2">返回首頁>></a><br><br/><br/><a href="http://blog.csdn.net/column/details/android-growup.html" target="frame2">Android菜鳥的成長筆記</a><br/><a href="http://blog.csdn.net/column/details/dawanganban-html5.html" target="frame2">小強的HTML5移動開發之路</a><br/><a href="http://blog.csdn.net/column/details/dawanganban-linux-n.html" target="frame2">鳥哥的Linux私房菜筆記</a><br/></body>
b.html<body bgcolor="#F2F2F2"><img src="http://img.my.csdn.net/uploads/201401/06/1389011264_6592.jpg" width="150px" alt="歡迎關注我的官方公眾"/><a href="http://blog.csdn.net/dawanganban"><img src="http://avatar.csdn.net/D/F/D/1_lxq_xsyu.jpg" alt="來點我啊" title="點我啊" width="150px"/></a></body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
