測試開發之前端——No1.HTML和HTML5
學習之前，讓我們先來了解一下HTML。
它的英文全稱是：Hyper Text Markup Language，中文通常被稱為超文本標記語言，HTML是Internet中用於編寫網頁的主要語言，HTML提供了精簡而有力的文件定義，可以設計出多姿多彩的超媒體文件。通過HTTP通信協議，HTML文件得以在萬維網上進行跨平臺的文件交換。
HTML的特性：
HTML文件制作簡單，且功能強大，支持不通數據格式的文件導入，主要有以下幾個特點：
①HTML文檔容易創建，只需要一個文本編輯器就可以完成。
②HTML文件存儲容量小，能夠盡可能快速地在網絡中進行傳輸和顯示。
③HTML文件與操作平臺無關，HTML獨立於操作系統平臺，能夠與多種平臺兼容，只需要一個瀏覽器就可以在操作系統中瀏覽網頁文件。
④簡單易學，不需要很深的編程知識。
⑤HTML具有擴展性，HTML的廣泛應用帶來了加強功能、增加標識符等要素，HTML采取了類元素的方式，為了系統擴展提供了保證。
一個完整的HTML的文件由標題、段落、列表、表格、單詞和嵌入的各種對象所組成。
這些邏輯上統一的對象統稱為元素，HTML使用標簽來分割並描述這些元素。
HTML的文檔結構：
<html> <!--文件開始--> <head> <!--頭部開始--> 顯示頭部內容 </head> <!--頭部結束--> <body> <!--主體開始--> 主體內容 </body> <!--主體結束--> </html> <!--文件結束-->
HTML的基本語法
絕大多數元素都有起始標簽和結束標簽，在起始標簽和結束標簽之間的部分是元素體。
每一個元素都有名稱和可選擇的屬性，元素的名稱和屬性都在標簽起始標簽內進行設置。
1.普通標簽
普通標簽是由一個起始標簽和一個結束標簽所組成的。
<a>內容</a>
a代表標簽名稱，這個標簽就如同一組開關，一個開，為標簽開啟某種功能，關閉就可以關閉功能，受控制的內容就放在兩個標簽直接。
普通標簽還可以添加一些屬性。
<a v="v1">內容</a>
v就是屬性名稱，v1就是對應的屬性值，當然這個屬性的數量是沒有限制的。
2.空標簽
單獨存在的標簽叫做空標簽。
<x>
這些標簽單獨存在，用來完成某些特殊效果或功能。
<hr color="#0000FF">
HTML的編寫註意事項
①“<”和“>”是任何標簽的開始和結束。元素的標簽需要使用這對尖括號括起來，並且在結束標簽的前面加上符號“/”
②在HTML代碼中不區分大小寫
③任何空格和回車在HTML代碼中均不起作用。為了使用HTML代碼更加清晰，建議不同的標簽之間使用回車進行換行
④在HTML的標簽中可以添加各種屬性設置
⑤需要正確的輸入HTML的標簽，輸入HTML標簽時，不要輸入多余的空格，否則瀏覽器可能無法識別這個標簽，導致無法正確的顯示
⑥在HTML代碼中合理的使用註釋。<!--需要註釋的內容-->，註釋語句只會出現在HTML代碼中，不會在瀏覽器中出現。
初始HTML5
HTML5，實際上是指HTML、CSS樣式和JavaScript腳本在內的一整套技術的組合，
系統通過HTML5能夠輕松實現許多豐富的網絡應用需求，而減少對瀏覽器對插件的依賴，並且能夠提供更多有效增強網絡應用的標準集。
HTML5文檔結構
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>是一個文檔聲明
其他與HTML並無太大差別。
測試開發之前端——No1.HTML和HTML5