正式學習第二天上午——常用標籤及列表 0605
今天2017.0605上午，主要學習了常用標籤和列表，以下面程式碼為例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文件</title> </head> <body> <strong>strong 語氣強調加粗</strong> <br /> <b>b 加粗</b><br /> <em>em 語氣強調傾斜</em> <br /> <i>i 傾斜</i> <br /> <h1>h1標題</h1> <h3>h3標題</h3> <h6>h6標題</h6> <p>這是p標籤中的文字這是p標籤中的文字這是p標籤中的文字這是p標籤中的文字</p> <p>這又是p標籤中的文字這又是p標籤中的文字這又是p標籤中的文字這又是p標籤中的文字</p> <span>這是sapn標籤中的文字</span> <div>這是div標籤中的文字</div> <ol type="I"> <li>這是ol標籤中的第一行</li> <li>這是ol標籤中的第二行</li> <li>這是ol標籤中的第三行</li> </ol> <ul type="square"> <li>這是ol標籤中的第一行</li> <li>這是ol標籤中的第二行</li> <li>這是ol標籤中的第三行</li> </ul> </body> </html>
首先是格式控制類標籤：
<strong>標籤和<b>標籤都是加粗，在網頁顯示效果相同。
<em>標籤和<i>標籤都是傾斜，在網頁顯示效果相同。
不同的是，<strong>和<em>帶有強調作用。被他們強調的內容會作為關鍵字被網路爬蟲留意。
拓展：
網路爬蟲（又被稱為網頁蜘蛛，網路機器人，在FOAF社群中間，更經常的稱為網頁追逐者），是一種按照一定的規則，自動地抓取全球資訊網資訊的程式或者指令碼。另外一些不常使用的名字還有螞蟻、自動索引、模擬程式或者蠕蟲。
當使用搜索引擎搜尋資料的時候，搜尋引擎會放出很多的爬蟲從網際網路上抓取資訊找到需要的內容，再把搜尋到的網頁排列顯示給使用者。
另外，雖然在<strong>和<em>標籤中的內會會被強調，但是因為考慮到關鍵字密度和網路優化，所以不能全部使用<strong>和<em>，多是還是使用普通標籤。
<br>或<br />用作換行，一個標籤換一行。加在標籤內容中的換行並不會在網頁裡顯示。
 ；作為空格，一個標籤空一格。加在標籤內容中的空格，不管一個還是多個空格在網頁都只會顯示一個空格。
然後是內容容器：
<h1>--<h6>
文章標題，其中h1的字型是最大的，h6字型是最小的。
並且<h >標題標籤自動換行，並且行間距較大。
<p>
做段落，自動換行且有一定的段落間距。可用作文章內容。
<span>
塊標籤，層標籤，大小和內容的大小保持一致，被用來組合文件中的行內元素，span標籤可以跟其他的span標籤共用一行。多放文字。
<div>
塊標籤，層標籤，預設佔一整行。用來組合塊級元素，這樣就可以使用樣式對它們進行格式化。可放各種圖文。
網頁的頁面佈局都依靠<span><div>組合加上樣式來組成。
列表：
<ol>
有序列表，order list。
可用type屬性控制序號顯示方式，常用的有：
1-數字，
a-小寫字母，
A-大寫字母，
i-小寫羅馬數字，
I-大寫羅馬數字。
需要特別注意的是，如果type屬性輸入了其他無法識別的內容，瀏覽器會顯示數字排序。
<ul>
無序列表。
也可以tpe屬性控制序號顯示方式，常用的有：
circle-空心圓，
disc-實心圓，
square-實心方塊。