HTML學習筆記

來源:互聯網
上載者:User

標籤:style   http   color   io   使用   ar   for   strong   檔案   

HTML標籤
  HTML文檔是由HTML元素組成的文字檔,HTML元素是預定義的正在使用的HTML標籤。HTML標籤通常成對出現,比如<b>和</b>。一對標籤的前面一個是開始標籤,第二個是結束標籤,在開始和結束標籤之間的文本是元素內容。HTML標籤是大小寫無關的,<b>跟<B>表示的意思是一樣的。
注釋標籤<!-- This is a comment -->

<html>和</html>標籤標誌HTML文檔的開始和終止

<head>和</head>標籤之間文本的是頭資訊,在瀏覽器視窗中頭資訊是不被顯示的

<title>和</title>標籤之間的文本是文檔標題,它被顯示在瀏覽器視窗的標題列

<body>和</body>標籤之間的文本是本文,會被顯示在瀏覽器中

<h1>到<h6>標籤標示標題元素,<h1>定義了最大的標題元素,<h6>定義了最小的。HTML自動在一個標題元素前後各添加一個空行。

<p>和</p>定義段落,HTML自動在一個段落前後各添加一個空行。

<br>標籤不管放在什麼位置,都能夠強制換行。<br>標籤是一個空標籤,它沒有結束標記。

<hr>標籤標示水平線

<b>和</b>標籤之間的文本會以加粗字型顯示。

標籤屬性
  標籤屬效能為頁面上的HTML元素提供附加資訊,通常是附加給HTML元素的開始標籤的,由屬性名稱和值成對出現,就像這樣:name="value"。屬性值應該被包含在引號中,雙引號是最常用的,但是單引號也可以使用。在很少情況下,比如說屬性值本身包含引號,使用單引號就很必要了,比如:name=‘John "ShotGun" Nelson‘。例如,標籤<body>定義了HTML頁面的主體元素。使用一個附加的bgcolor屬性,你可以告訴瀏覽器:你頁面的背景色是紅色的,就像這樣:<body bgcolor="red">。

字元實體
  在HTML中,有些字元擁有特殊含義,比如小於符號“<”定義為一個HTML標籤的開始。假如我們想要瀏覽器顯示這些字元的話,必須在HTML代碼中插入字元實體。一個字元實體擁有三個部分:一個and符號(&),一個實體名或者一個實體號,最後是一個分號(;);想要在HTML文檔中顯示一個小於符號,我們必須這樣寫:&lt;或者&#60;注意:實體名是大小寫敏感的。在HTML中,最常見的字元實體就是不可拆分空格。通常,HTML會合并你文檔中的空格。假如在你的HTML文本中連續寫了10個空格,其中9個會被去掉。想要在HTML中插入空格,可以使用實體:&nbsp;

HTML連結
  標籤<a>被用來建立一個連結指向的錨,href屬性用來指定串連到的地址,在錨的起始標籤<a>和結束標籤</a>中間的部分將被顯示為超級連結。使用target屬性,你可以定義從什麼地方開啟連結地址,下面這段代碼開啟一個新的瀏覽器視窗來開啟連結:<a href="http://www.baidu.com" target="_blank">baidu</a></p>。name屬性用來建立一個命名的錨。使用命名錨以後,可以讓連結直接跳轉到一個頁面的某一章節,而不用使用者開啟那一頁,再從上到下慢慢找。想要直接連結到“tips”章節的話,在URL地址的後面加一個“#”和這個錨的名字,就像這樣:<a name="http://www.w3schools.com/html_links.asp#tips">Jump to the Useful Tips Section</a>;一個連結到本頁面中某章節的命名錨是這樣寫的:<a name="#tips">Jump to the Useful Tips Section</a>。

HTML架構
  使用架構,可以在一個瀏覽器視窗中顯示不止一個HTML文檔。這樣的HTML文檔被稱為架構頁面,它們是相互獨立的。使用架構的不利因素有:網站開發人員需要關心更多HTML文檔的情況;列印整個頁面變得困難。
  frameset標籤:<frameset>標籤定義了如何將視窗拆分成架構;每個frameset標籤定義了一組行和列;行/列的值指明了每個行/列在螢幕上所佔的大小。
  frame標籤:<frame>標籤定義了每個架構中放入什麼檔案。如果不想讓使用者改變大小,可以在<frame>標籤中加入:noresize="noresize"。

HTML表格
  <table> 標籤定義 HTML 表格,簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成,tr 元素定義表格行,th 元素定義表頭,td 元素定義表格單元。表格被劃分為行(使用<tr>標籤),每行又被劃分為資料儲存格(使用<td>標籤)。td表示“表格式資料”(TableData),即資料儲存格的內容。資料儲存格可以包含文本,映像,列表,段落,表單,水平線,表格等等。如果不指定border屬性,表格將不顯示邊框。有時候這很有用,但是多數時候我們希望顯示邊框。可以在空儲存格裡加入不可分空格來佔位,這樣邊框能正常顯示。使用“&nbsp;”來支撐沒有內容的儲存格

HTML表單
  表單元素是能夠讓使用者在表單中輸入資訊的元素(比如文字框,密碼框,下拉式功能表,單選框,複選框等等)。表單是用<form>元素定義的。

HTML映像
  在HTML裡面,映像是由<img>標籤定義的。<img>是空標籤,即只擁有屬性,而沒有結束標籤。想要在頁面上顯示一個映像,需要使用src屬性。“src”表示“源”的意思。src屬性的值是所要顯示映像的URL。alt屬性用來給映像顯示一個“互動文本”。alt屬性的值是由使用者定義的。alt屬性在瀏覽器裝載映像失敗的時候告訴使用者所丟失的資訊,此時,瀏覽器顯示這個“互動文本”來代替映像。給頁面上的映像都加上alt屬性是一個好習慣,它有助於更好地顯示資訊,而且,對純文字瀏覽器很有用。

HTML背景
  <body>標籤有兩個屬性可以指定背景。背景可以是顏色,也可以是映像。

  bgcolor屬性將背景設定為顏色,它的值可以是一個十六進位數、RGB值或者一種顏色名稱。上面三條語句都可以把頁面背景設定成黑色。

  • <body bgcolor="#000000">
  • <body bgcolor="rgb(0,0,0)">
  • <body bgcolor="black">

  background屬性將背景設定為映像,它的值是你所要使用映像的URL地址(相對位址或絕對位址)。如果這個映像的大小不及瀏覽器視窗,它將平鋪佔滿視窗。

  • <body background="clouds.gif">
  • <body background="http://www.w3schools.com/clouds.gif">

  <body>標籤的bgcolor、background和text屬性在最新的HTML標準(HTML4和XHTML)中已被廢棄。W3C在他們的推薦中已刪除這些屬性。在HTML的未來版本中,層疊樣式表(CSS)將被用來定義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.