<!-- 這是註釋 -->
<html>根標籤</html>
<head>描述了文檔的各種屬性和信息，包括文檔的標題等</head>
<title>網頁的標題信息，出現在瀏覽器的標題欄中。用於告訴用戶和搜索引擎這個網頁的主要內容是什麼，搜索引擎可以通過網頁標題，迅速的判斷出網頁的主題.</title>
<body>在網頁上要展示出來的頁面內容一定要放在body標籤中</body>
< h1、h2、h3、h4、h5、h6>一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。並且依據重要性遞減。<h1>最大。</h1、h2、h3、h4、h5、h6>
<p>段落文本</p>
<em>裏面的內容是斜體</em>
<strong>裏面的內容是粗體</strong>
<span> 沒有固定的格式表現。當對它應用樣式時,纔會產生視覺上的變化.</span>
<q>引用文本，瀏覽器會對q標籤自動添加雙引號</q>
<blockquote>的作用也是引用別人的文本。但它是對長文本的引用，標籤的解析是縮進樣式</blockquote>
</br>換行 空格
<!--在 html 中是忽略回車和空格的-->
<hr />添加一條水平線
<address>聯繫地址信息，瀏覽器默認斜體</address>
<code>網頁中添加一行代碼</code>
<pre>網頁中添加多行代碼，代碼中的空格，換行符都保留下來。（不止用於代碼）</pre>
<ul><li>添加列表信息列表信息</li></ul>
<ol><li>列表信息。每項<li>前都自帶一個序號，序號默認從1開始，</li></ol>
<div>把一個獨立的邏輯部分劃分出來，放在一個<div>標籤中，這個<div>標籤的作用就相當於一個容器。</div>
<div id="版塊名稱">用id屬性來爲<div>提供唯一的名稱</div>
<!--下面是表格-->
<table>整個表格以<table>標記開始、</table>標記結束。</table>
<tbody>當表格內容非常多時，表格會下載一點顯示一點，但如果加上<tbody>標籤後，這個表格就要等表格內容全部下載完纔會顯示。</tbody>
<tr>表格的一行，有幾對tr 表格就有幾行。</tr>
<td>表格的一個單元格，一行中包含幾對<td>...</td>，說明一行中就有幾列。</td>
<th>表格的頭部的一個單元格，表格表頭</th>
<!-- tips 1，table表格在沒有添加css樣式之前，在瀏覽器中顯示是沒有表格線的； 2，表頭，也就是th標籤中的文本默認爲粗體並且居中顯示-->
<table summary="表格簡介文本，摘要的內容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化)，使搜索引擎更好的讀懂表格內容，還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內容。"><caption>標題文本，用以描述表格內容，標題的顯示位置：表格上方</caption></table>
<!--下面是鏈接-->
<a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>
<a href="目標網址" target="_blank">新的瀏覽器窗口中打開。</a>
<a href="mailto:郵箱地址">鏈接Email地址，使用mailto能讓訪問者便捷向網站管理者發送電子郵件。</a>
<!--注意：如果mailto後面同時有多個參數的話，第一個參數必須以“?”開頭，後面的參數每一個都以“&”分隔。-->
<!--只要爲文本加入a標籤後，文字的顏色就會自動變爲藍色（被點擊過的文本顏色爲紫色）。可以用css重新設置-->
<img src="圖片地址" alt="下載失敗時的替換文本" title = "提示文本"/>
<!--src：標識圖像的位置；alt：指定圖像的描述性文本，當圖像不可見時（下載不成功時）,,可看到該屬性指定的文本；title：提供在圖像可見時對圖像的描述(鼠標滑過圖片時顯示的文本)；圖像可以是GIF，PNG，JPEG格式的圖像文件。-->
html標籤<一>
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章