1. 基本內容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>系統登陸</title>
</head>
<body>
</body>
</html>DOCTYPE：非HTML標籤內容，而是向瀏覽器指明編寫頁面所用標記的版本
html lang = “en” ：向瀏覽器表明該頁面是html編寫的，並且語言爲英文網頁。lang表示language，en表示english。
2. CSS樣式格式
代碼示例：
body{
padding-top: 15pt;
padding-left: 100pt;
padding-right: 100pt;
}
img.right{
float: right;
padding: 10pt;
}
img.left{
float: left;
padding: 10pt;
}
p.right{
color: #2F4F4F;
padding-left: 380pt;
}
<!DOCTYPE html>
<html>
<head>
<title>HTML學習（一）</title>
<link rel="stylesheet" type="text/css" href="test_1.css">
</head>
<body background="image/13.jpg">
<h1>大熊貓</h1>
<hr>
<div>
<img class="right" src="image/0.jpg" width="400pt" height="200pt">
<p>
大熊貓（學名：Ailuropoda melanoleuca）：屬於食肉目、熊科、大熊貓亞科和大熊貓屬唯一的哺乳動物，
頭軀長1.2-1.8米，尾長10-12釐米。體重80-120千克，最重可達180千克，體色爲黑白兩色，
它有着圓圓的臉頰，大大的黑眼圈，胖嘟嘟的身體，標誌性的內八字的行走方式，
也有解剖刀般鋒利的爪子。是世界上最可愛的動物之一。
</p>
<p>
大熊貓已在地球上生存了至少800萬年，被譽爲“活化石”和“中國國寶”，世界自然基金會的形象大使，
是世界生物多樣性保護的旗艦物種。據第三次全國大熊貓野外種羣調查，全世界野生大熊貓不足1600只，
屬於中國國家一級保護動物。截止2011年10月，全國圈養大熊貓數量爲333只。大熊貓最初是喫肉的，
經過進化，99%的食物都是竹子了，但牙齒和消化道還保持原樣，仍然劃分爲食肉目，
發怒時危險性堪比其它熊種。野外大熊貓的壽命爲18-20歲，圈養狀態下可以超過30歲。截至2018年11月，圈養大熊貓種羣數量達到548只
</p>
<p>
大熊貓是中國特有種，現存的主要棲息地是中國四川、陝西和甘肅的山區。
</p>
<p>
（概述圖片參考資料來源： 視覺中國 ）
</p>
</div>
<div>
<img class="left" src="image/10.png">
<img class="right" src="image/1.jpg" width="400pt" height="200pt">
<br><br><br><br><br><br>
</div>
<div class="left">
<h1>物種學史</h1>
<h3>進化歷史</h3>
<img class="right" src="image/6.jpg" width="400pt" height="200pt">
<p>
大熊貓的歷史可謂源遠流長。迄今所發現的最古老大熊貓成員——始熊貓的化石出土於中國雲南祿豐和元謀兩地，
地質年代約爲800萬年前中新世晚期。在長期嚴酷的生存競爭和自然選擇中，和它們同時代的很多動物都已滅絕，
但大熊貓卻是強者，處於優勢，成爲“活化石”保存到了今天。<br><br>
大熊貓的祖先是始熊貓（Ailuaractos lufengensis），大熊貓的標準中文名稱其實叫“貓熊”，意即“像貓一樣的熊”。
這是一種由擬熊類演變而成的以食肉爲主的最早的熊貓。始熊貓的主支則在中國的中部和南部繼續演化，
其中一種在距今約300萬年的更新世初期出現，體形比熊貓小，從牙齒推斷它已進化成爲兼食竹類的雜食獸，卵生熊類，
此後這一主支向亞熱帶擴展，分佈廣泛在華北、西北、華東、西南、華南以至越南和緬甸北部都發現了化石。在這一過程中，
大熊貓適應了亞熱帶竹林生活，體型逐漸增大依賴竹子爲生。在距今50-70萬年的更新世中、晚期是大熊貓的鼎盛時期。
生活中的大熊貓的臼齒髮達，爪子除了五趾外還有一個“拇指”。這個“拇指”其實是一節腕骨特化形成，學名叫做“橈側籽骨”，主要起握住竹子的作用。
</p>
</div>
<div>
<br><br><br><br>
</div>
<p class="right">
京ICP證030173號 京公網安備11000002000001號
</p>
</body>
</html>CSS（層疊樣式表）：一種定義樣式構造的語言，用於描述如何格式化和顯示Web頁面上的信息。
樣式規則：Web頁面元素的格式化命令。其包括改變元素佈局，以及元素顯示的大小、形狀、顏色。樣式表又分爲內部樣式表和外部樣式表。
外部樣式表：
存放在單獨的文件中，通過下述代碼引用。
<link rel="stylesheet" type="text/css" href="test_1.css">內部樣式表：
<!DOCTYPE html>
<html>
<head>
<title>HTML學習（二）</title>
<style type="text/css">
div.test{
color: #ff0000;
}
</style>
</head>
<body>
<div class="test">
<p>hello world</p>
</div>
</body>
</html>定義在< style > < /style>標籤內，其他同外部樣式表相同。
< span>< /span>類似< div>< /div>，但是不會換行。如下例所示：
<p style="color: #ff0000"> hello <span style="color: #000000">world</span> hello world</p>再例如，實現以下效果：
<h1>熊貓 <span style="font-size: 16pt">（哺乳動物）</span></h1>