馬上要學習到python的web架構,但是如果一點都不懂web前端知識的話會寸步難行,那麼接下來幾天就知道該幹什麼了,先弄點基礎知識來鋪墊一下:)
HTML 是用來描述網頁的一種語言。
HTML 标記标簽通常被稱為 HTML 标簽 (HTML tag)。
讀取 HTML 文檔，并以網頁的形式顯示出它們。浏覽器不會顯示 HTML 标簽，而是使用标簽來解釋頁面的内容
這裡macdown輸出有問題,請先跳過空格這個小節
在html網頁中單個空格我們直接鍵入空格鍵即可實作空格排版.
<!DOCTYPE> 聲明幫助浏覽器正确地顯示網頁。
Web 世界中存在許多不同的文檔。隻有了解文檔的類型，浏覽器才能正确地顯示文檔。
HTML 也有多個不同的版本，隻有完全明白頁面中使用的确切 HTML 版本，浏覽器才能完全正确地顯示出 HTML 頁面。這就是 <!DOCTYPE> 的用處。
<!DOCTYPE> 不是 HTML 标簽。它為浏覽器提供一項聲明資訊，即 HTML 是用什麼版本編寫的。
例: 帶有 HTML5 DOCTYPE 的 HTML 文檔
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
從 Web 誕生早期至今，已經發展出多個 HTML 版本：
版本 年份
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013
HTML5
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
HTML 元素指的是從開始标簽（start tag）到結束标簽（end tag）的所有代碼。
開始标簽 元素内容 結束标簽
<p> This is a paragraph </p>
<a href="default.htm" > This is a link </a>
<br />
注：開始标簽常被稱為開放标簽（opening tag），結束标簽常稱為閉合标簽（closing tag）。
• HTML 元素以開始标簽起始,以結束标簽終止
• 元素的内容是開始标簽與結束标簽之間的内容
• 某些 HTML 元素具有空内容（empty content）
• 空元素在開始标簽中進行關閉（以開始标簽的結束而結束）
• 大多數 HTML 元素可擁有屬性
• HTML 标簽對大小寫不敏感：<P> 等同于 <p>。許多網站都使用大寫的 HTML 标簽。
大多數 HTML 元素可以嵌套,即可以包含其他 HTML 元素。
上面的例子包含三個 HTML 元素:
标簽可以擁有屬性,屬性提供了有關 HTML 元素的更多的資訊。
屬性是以名稱/值對的形式出現，比如：name="value"。
屬性總是在 HTML 元素的開始标簽中規定。
屬性和屬性值對大小寫不敏感,不過新版本的 (X)HTML 要求使用小寫屬性。
屬性值應該始終被包括在引号(單雙都可)内。
下面是适用于大多數 HTML 元素的屬性(後面有屬性手冊)：
标簽元素分為三種不同的類型：塊級元素、内聯元素(又叫行内元素)和内聯塊級元素。
1、每個塊級元素都從新的一行開始，并且其後的元素也另起一行,即一個塊級元素獨占一行.
2、元素的高度、寬度、行高以及頂和底邊距都可設定。
3、元素寬度在不設定的情況下，是它本身父容器的100%（和父元素的寬度一緻）
常用的塊狀元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
設定display:block可以将元素轉換塊級元素
比如:
<a></a>是一個内聯元素,但是用style="display:block"将其設定成了塊級元素
1、和其他元素都在一行上；
2、元素的高度、寬度及頂部和底部邊距不可設定；
3、元素的寬度就是它包含的文字或圖檔的寬度，不可改變。
常用的内聯元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>
設定display:inline;可以将塊狀元素轉換為内聯元素
2、元素的高度、寬度、行高以及頂和底邊距都可設定！
常用的内聯塊狀元素有：
<img>、<input>
display:inline-block；float:left / right；position：absolute/fixed;可以将元素設定為内聯塊級元素。
例：
<!-- This is a comment -->
在浏覽器打開的網頁上單擊右鍵，然後選擇“檢視源檔案”（IE）或“檢視頁面源代碼”（Firefox），其他浏覽器的做法也是類似的。這麼做會打開一個包含頁面 HTML 代碼的視窗。
本文轉自 CrazyWing 51CTO部落格，原文連結:http://blog.51cto.com/fklinux/2052736
![27. Remove Element(清單)題目代碼[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)