HTML學習(一)基礎篇

來源:互聯網
上載者:User

標籤:title   field   textarea   com   lsp   超連結   連結   soft   input   

這篇文章有人比我總結的好,適用於新手,我就適當的鋪墊一下,結尾處會給你們網站,我就不班門弄斧了。

一)HTML結構

1.<head>標籤

  • <title>
  • <base/>
  • <link/>(rel、href、type)
  • <meta/>(http-equiv、name、content)

2.<body>標籤

  • 塊級標籤 & 內聯標籤
  • 基本標籤(<h1>~<h6>、<p>、<b> <strong>、<strike>、<u>、<em> <i>、<sup>、<sub>、<br>、<hr>、<div>、<span>)
  • 特殊符號(&gt;、&lt;、&nbsp;、&quot;、&copy;...)
  • <a> 超連結標籤(錨標籤)(href、target、name)
  • <img> 圖形標籤(src、title、alt、width、height、align)
  • 列表標籤(<ul>、<ol>、<li>、<dl>、<dt>、<dd>)
  • <table> 表格標籤(<table> 、<caption> 、<tr>、<th>、<td>、<thead>、<tbody>、rowspan、colspan)
  • <from> 表單標籤(action、method、enctype、<input>、<textarea>、<select>、<label>、<fieldset>)

3.架構

  • <frameset>
  • <iframe>

二)什麼是標籤:

  • 是由一對角括弧包裹的單詞構成 例如: <html> *所有標籤中的單詞不可能以數字開頭.
  • 標籤不區分大小寫.<html> 和 <HTML>. 推薦使用小寫.
  • 標籤分為兩部分: 開始標籤<a> 和 結束標籤</a>. 兩個標籤之間的部分 我們叫做標籤體.
  • 有些標籤功能比較簡單.使用一個標籤即可.這種標籤叫做自閉和標籤.例如: <br/><hr/><input/><img/>
  • 標籤可以嵌套.但是不能交叉嵌套. <a><b></a></b>

三)標籤的屬性:

  • 通常是以索引值對形式出現的. 例如 name="nick"
  • 屬性只能出現在開始標籤 或 自閉和標籤中.
  • 屬性名稱字全部小寫. *屬性值必須使用雙引號或單引號包裹 例如 name="nick"
  • 如果屬性值和屬性名稱完全一樣.直接寫屬性名稱即可. 例如 readonly

四)HTML5基本結構:

  將HTML4中的DTD定義為如下結構即可,其他不變。

 五)HTML5支援的兩種指定頁面使用的字元集的方式

  • 使用Content-Type指定字元集
<meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/> 
  • 直接使用charset指定字元集
<meta charset="UTF-8">

六)HTML標籤的用法

HTML標籤集合處:http://www.cnblogs.com/suoning/p/5614372.html

 

HTML學習(一)基礎篇

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.