html是什么,HTML 基礎

 生活雜談     |      2020-01-04 19:09
 01 HTML 基礎 
 
 
HTML是超文本標記語言,不是一種編程語言而是一種標記語言。
 
標記語言是一套標記標簽,HTML使用標記標簽來描述網頁。
 
HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>。
 
HTML 標簽通常是成對出現的,比如 <b>和 </b>。
 
標簽對中的第一個標簽是開始標簽/開放標簽,第二個標簽是結束標簽/閉合標簽。
 
HTML 文檔 = 網頁
 
HTML 文檔描述網頁。
 
HTML 文檔包含 HTML 標簽和純文本。
 
HTML 文檔由嵌套的 HTML 元素構成。
 
注:瀏覽器的作用是讀取HTML 文檔,然后以網頁的形式顯示出它們,瀏覽器不會顯示HTML 標簽,而是使用標簽來解釋頁面的內容。
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>reviewJs</title>
</head>
<body>
 
    <h1>我的第一個標題</h1>
 
    <p>我的第一個段落。</p>
 
</body>
</html>
<!--
<html> 與 </html> 之間 的文本描述網頁
<body> 與 </body> 之間 的文本是可見的頁面內容
<h1> 與 </h1> 之間 的文本被顯示為標題
<p> 與 </p> 之間 的文本被顯示為段落
--
 02 HTML 元素 
 
 
HTML 元素是指從開始標簽到結束標簽的所有代碼。
 
[HTML 元素語法]
 
HTML 元素以開始標簽為起始,以結束標簽為為終止。
 
元素的內容是開始標簽與結束標簽之間的內容。
 
某些HTML 元素具有空內容。
 
空元素在開始標簽中進行關閉  以開始標簽的結束而結束。
 
大多數 HTML 元素可擁有屬性。
 
[HTML 文檔示例]
 
<html>
<body>
<p>This is my first webpage.</p>
</body>
</html>
<!--
 上面的例子包含三個 HTML 元素
 1 .<p> 元素
   <p>This is my first webpage.</p>
   - 這個元素定義了 HTML 文檔中的一個段落
   - 這個元素 開始標簽<p>,結束標簽 </p>
   - 元素的內容:This is my first webpage.
 2. <body> 元素
   <body>
     <p>This is my first webpage.</p>
   </body>
   - <body> 元素定義了 html 文檔的主體
   - 擁有開始標簽和結束標簽
   - 元素內容:另一個 html 元素 <p> 元素
  3. <html> 元素
     <html>
       <body>
         <p>This is my first webpage.</p>
       </body>
     </html>
     - <html> 元素定義了整個 HTML 文檔
     - 擁有開始標簽和結束標簽
     - 元素內容:另一個 html 元素 <body> 元素
-->
 
[空的 HTML 元素]
 
沒有內容的 HTML 元素被稱為空元素。空元素是在開始標簽中關閉的。
 
<br> 就是沒有關閉標簽的空元素。<br> 定義換行。
 
在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。
 
在開始標簽中添加斜杠,如 <br />,是關閉空元素的正確方法。
 
注:W3School 使用的是小寫標簽,因為萬維網聯盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強制使用小寫。
 
 03 HTML 屬性 
 
 
屬性為 HTML 元素提供附加信息。屬性總是以名稱/值對的形式出現,如:name = "value"。并且總是在 HTML 元素的開始標簽中規定。
 
[屬性實例]
 
1. <a> 標簽定義html的超鏈接 href屬性指定鏈接的地址
 <a href=‘http://www.bying.com' > 必應 </a>
2. <h1> 定義標題的開始 align居中排列標題
 <h1 align='center'></h1>  
3. <body>   bgcolor 背景顏色
 <body bgcolor='yellow'></body>
 
 
[屬性注意事項]
 
使用小寫屬性,屬性和屬性值對大小寫不敏感。w3c要求使用小寫屬性。
 
始終為屬性值加引號。
 
適用于大多數 HTML 元素的屬性:
 
屬性 描述
class classname 規定元素的類名
id id 規定元素的唯一 id
style style_definition 規定元素的行內樣式
title text 規定元素的額外信息/可在工具提示中顯示