html5語法
html語法規范是什么
HTML是什么？？
北大青鳥設計培訓：HTML語法基礎及規則？
HTML的主要語法是元素和標簽。
元素是符合DTD（文檔類型定義）的文檔組成部分，如title（文檔標題）、IMG（圖象）、table（表格）等等。
元素名不區分大小寫的。
杭州北大青鳥http://www.kmbdqn.cn/建議HTML用標簽來規定元素的屬性和它在文檔中的位置。
標簽分單獨出現的標簽和成對出現的標簽兩中。
大多數的標簽是成對出現的，有首標簽和尾標簽組成。
首標簽的格式為<元素名>，尾標簽的格式為</元素名>。
成對標簽用于規定元素所含的范圍，如<title>和</title>標簽用來界定標題元素的范圍，也就是說。
<title>**</title>之間的部分是該HTML文檔的標題。
單獨標簽的格式為<元素名>，它的作用是在相應的位置插入元素。
如<BR>標簽表示在該標簽所在位置插入一個換行符。
1，<HTML>標簽是文檔標識符，它是成對出現的，首標簽<HTML>和尾標簽</HTML>分別位于文檔的最前面和最后面，明確地表示文檔是以超文本標識語言（HTML)編寫的。
該標簽不帶有任何的屬性。
事實上，我們現在所用的瀏覽器是自動識別HTML文檔的，并不要求有<HTML>標簽的出現。
也不對它進行任何的操作。
但是，為了提高文檔的適用性，還是應該養成用這個標簽的習慣。
2，<HEAD>標簽。
習慣上我們把HTML文檔分為文檔頭和文檔主題兩個部分。
文檔的主題部分就是我們在瀏覽器用戶區中看到的內容了。
而文檔頭部分用來規定該文檔的標題（出現在瀏覽器窗口的標題欄中）和文檔的一寫屬性。
HTML文檔的標簽是可以嵌套的，即在一對標簽中可以嵌套另一對子標簽。
用來規定母標簽所含范圍的屬性和其中某一部分內容，嵌套在<HEAD>標簽中使用的子標簽主要有<title>和<isindex>。
<title>標簽是成對的。
用來規定HTML文檔的標題。
在<title>和</title>之間的內容將顯示在WEB瀏覽器窗口的標題欄中。
例如：<html><head><title>這是一個測試頁</title></head></html><isindex>標簽是一個單獨的標簽，它是用來規定文檔的屬性，說明該文檔是可以按關鍵字索引的，下面我們用一段簡單的代碼來說明該標簽的作用。
你可以將該代碼copy到你自己的瀏覽器中看效果。
<html><head><title>這是一個"ISINNDEX"事例</title><isindex></head><body>其中“可搜索該索引。
請鍵入要搜索的關鍵字”是IE瀏覽器自動加上去的。
瀏覽者在空白文本條內鍵入要查詢的關鍵字并按回車按確認后，光標就會移動到該關鍵字或包含這個關鍵字的詞處。
此時，與關鍵字相匹配的字符呈亮藍色。
3，<BODY>標簽。
<body>標簽是成對標簽。
在<body></body>之間的內容將顯示在瀏覽器窗口的用戶區內，它是HTML文檔的主體部分。
在<body>標簽中可以規定整個文檔的一些基本屬性：·"bgcolor"。
指定html文檔的背景色。
·"text"。
指定html文檔中文字的顏色。
·"link"。
指定html文檔中待連接超鏈接對象的顏色。
·"alink"。
指定html文檔中連接中超鏈接對象的顏色。
·"vlink"。
指定html文檔中以連接超鏈接對象的顏色。
·"background"。
指定html文檔的背景文件。
HTML語法的特點？
HTML基礎-常用標簽及語法
HTML注釋語法，VS code 快捷鍵【Ctrl + /】：
標題（Heading） ，是通過 <h1>-<h6> 六個標簽分別來對六個級別的標題進行定義的。標題標簽只是給標簽內部的元素內容添加對應級別標題的語義，樣式由CSS設定，標簽之間不能相互嵌套，權重從 <h1> 向 <h6> 依次遞減。
注意： <h1> 在整個HTML中的權重非常高，內部應該放置HTML中最重要的內容，比如logo。 <h1> 由于非常重要，內部的文字對于提高搜索引擎排名也非常重要，為了防止作弊，如果 一個頁面出現多個 <h1> ，反而降低權重。
約定俗成的，一個頁面中只會出現一個 <h1> 。
段落（paragraph） ，是通過 <p> 標簽進行定義的。 <p> 標簽是雙標簽，且為文本級標簽。內部只能放置文本、圖片、表單元素，或者廢棄的 <font> 標簽等。 <p> 標簽的作用是給標簽內部的內容添加一個完整段落的語義，不負責內容自動換行的樣式。 換行的效果是由css決定的。
（breaking）標簽 是HTML中一個簡單的換行符。 <br /> 標簽是一個單標簽。 在需要換行的位置可以使用 <br /> 標簽書寫，但是 <br /> 與 <p> 不同， <br /> 沒有建立新的 段落的語義，只是簡單的進行強制換行。
HTML中有部分標簽是用來對文字進行格式化顯示設置的，比如粗體和斜體等。文本格式化的標簽均為雙標簽，且為文本級標簽，內部只能書寫文字。在HTML4.0版本規范后，結構和樣式進行了分離，大部分文本格式化標簽被廢棄， <b> <i> <u> <em> <shrong> 相對比較常用。
圖像（image） 由 <img> 標簽進行定義。 <img> 標簽是單標簽，本身相當于一個特殊的文本，作用是在指定的位置插入一張圖片。在HTML文件，常用的插入圖片的類型有：jpg、png、gif。由于 <img> 為單標簽，所以它只能通過屬性進行相關的圖像設置。
路徑指的是尋找文件時所歷經的線路，在HTML中有特殊的書寫語法。 路徑分為相對路徑和絕對路徑，不同的方式出發點和參考位置不同。
相對路徑查找文件時，需要從HTML文件本身出發，根據相對的位置進行查找，包含三種方向。
絕對路徑查找文件時，不需要從HTML文件出發，而是直接從電腦的盤符出發進行查找，或者 使用網址形式查找。
音頻與視頻分別使用 <audio> 和 <video> 標簽進行定義。 <audio> 和 <video> 是雙標簽。同圖片一樣，需要使用src屬性設置音頻查找的路徑。音頻文件支持的格式包括：.mp3、.ogg、.wav。 視頻文件支持的格式包括：.mp4、.ogg、.webm。
音頻與視頻加載后不會自動顯示播放器的控制條，需要使用controls屬性進行設置，屬性值也是 controls。
<a> 標簽（anchor 錨）在指定的位置添加超級鏈接，提供用戶進行點擊和跳轉。有兩種跳轉形式：跨頁面跳轉、頁面內跳轉。實現跳轉的方式需要用到一些標簽屬性。
頁面內錨點跳轉
①在目標位置找到任意一個標簽，給它添加 id 屬性， id 的屬性值必須是唯一且必須以字母開頭，后面可以有字母、數字、下劃線和橫線，區分大小寫。
②在目標位置添加一個空的 <a> 標簽，只設置一個 name 屬性， name 屬性值設置 方式與 id 相同，也必須是唯一的。
跨頁面錨點跳轉
列表用于制作HTML中的一系列項目。通常我們會將內容相關、結構相似、樣式相近的內容使用列表結構進行搭建。根據項目的內容不同，可以有三種語義的列表結構： 無序列表、有序列表、定義列表 。
注意事項：
自定義列表不僅僅是一列項目，而是項目及其注釋的組合。 由三個標簽組成完整的結構，包含 <dl> 、 <dt> 和 <dd> 。 dl ： definition list ，表示定義一個自定義列表的大結構。 dt ： definition term ，表示定義自定義列表中的一個主題或者術語。 dd ： definition description ，定義解釋項，表示描述或解釋前面的定義主題。 <dl> 內部只能嵌套 <dt> 和 <dd> ， <dt> 與 <dd> 是同級關系。
注意事項：
常用的布局標簽有 <div> 和 <span> ，俗稱盒子，都沒有具體明確的語義。
div： 全稱division，分割、區域、跨度的意思。俗稱大盒子。 <div> 是雙標簽，是最經典的容器級標簽，內部可以放置任意內容。多用于劃分網頁區域，進行結構布局。一般將相關的內容使用 <div> 包裹起來，整體設置大的布局效果。
span： 小區域、小跨度的意思。俗稱小盒子。 <span> 也是雙標簽，容器級標簽。 在不改變整體效果的情況下，可以輔助進行局部調整。
創建一個簡單的表格至少有三個標簽組成，分別是 <table> 、 <tr> 、 <td> 標簽，此外如果要制作表頭，則使用 <th> 標簽。
表格的單元格可以進行合并，通過 <th> 和 <td> 的兩個屬性可以進行合并設置。 rowspan ：跨行和并（上下的合并）。 colspan ：跨列合并（左右的合并）。屬性值是數字，表示跨幾行或跨幾列合并。
制作技巧： (1) 先列出所有行 <tr> ，以最小單元格為標準。 (2) 再添加每一行的 <td> 或 <th> 單元格。 (3) 劃分單元格所在行時，頂邊對齊的屬于同一行。 (4) 將所有行和列寫完后，再查看哪個單元格有跨行或跨列，屬性值的個數要參考最小 的單元格。
<table> 內部最直接的子級包含四個分區標簽，他們都是雙標簽。
四個分區可以選擇性的進行組合。 注意： 不論書寫順序如何顛倒，瀏覽器中的加載順序都是自動按照 caption 、 thead 、 tbody 、 tfoot 執行的。制作的時候可以先書寫大分區標簽結構，接著填充每個分區的內部內容，如果有合并單元格內容，則進行單元格合并。
HTML表單用于搜集不同類型的用戶輸入，表單元素就是網頁中提供用戶進行輸入或點擊 的小控件。在HTML中，一個完整的表單通常由表單域、提示信息和表單控件（也稱為表單元素）3個 部分構成。
HTML表單域使用 <form> 標簽進行定義。 <form> 標簽是一個功能性標簽，填寫的表單信息要想正確的提交到后臺服務器，必須放在一個 <form> 標簽之內。 <form> 標簽為雙標簽，容器級標簽。 <form> 標簽通過對應屬性規定提交數據的方法和提交位置。
<input> 標簽是最重要的一個表單元素，為單標簽，本身相當于一個特殊的文本，需要通過標簽屬性實現各種功能。其中ra， type 屬性的值不同，決定了 <input> 標簽的形態不同。
單選框和復選框都可以提前設置默認選中項。 <input> 標簽有一個 checked 屬性，如果不設置表示默認沒有選中。 屬性值如果設置為 "checked" ，表示該項默認被選中。
<textarea> 標簽定義文本域，制作可以輸入多行文本的區域，為雙標簽，本身相當于一個特殊的文字。 文本域可以設置默認輸入的文字，在雙標簽之間書寫默認文字。
<textarea> 有兩個標簽屬性，可以設置顯示區域大小。 rows ：行，屬性值是數字，表示文本框顯示的最大行數，如果超過了行數， 會被隱藏并且出現滾動條。 cols ：列，屬性值是數字，表示在出現滾動條之后，每一行顯示的最大字節數（一個漢字按2字節計算）。
HTML中的下拉菜單提前設置一些選項，然后可以通過點擊選擇其中一項。
下拉菜單需要至少兩個標簽完成結構： <lect> ：選擇，表示定義下拉菜單整體結構。 <option> ：選項，表示定義下拉菜單的每一項。 兩個標簽都是雙標簽，文本級標簽。 關系： lect>option ， option 可以有任意多項。
默認情況下，選中的是第一項。 下拉菜單可以通過給 <option> 標簽設置 lected 屬性，屬性值為 lected ，更改默認選中項。
下拉菜單中如果選項變得復雜，可以將 <option> 進行分組管理。 可以使用 <optgroup> 標簽對選項進行分組， <optgroup> 是一個雙標簽。 關系： lect>optgroup>option ， <optgroup> 可以設置一個 label 屬性，表示給這一組選項添加一個分組標簽名，分組標簽 <optgroup> 是不能被點擊選擇的。
所有的表單元素都可以通過綁定其他內容去擴大觸發點擊范圍，這時需要使用一個 <label> 標簽。該標簽的作用是幫表單元素定義標注（標記）。 如果將表單控件與提示內容使用 <label> 進行綁定后，當用戶鼠標點擊 <label> 內的提示內容時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。有兩種綁定方法：
在普通文字書寫時，有一些特殊符號不能直接書寫（例如 連續的空格），或者符號具有特殊功能也不能直接書寫（例如<>符號）。可以使用一些HTML提前預留好的替換字符進行書寫，這些替換字符叫做字符實體。
通過查詢w3school手冊 HTML ISO-885901 ，查看所有的字符實體以及特殊字符的替換寫法，包含實體名稱以及實體編號。
規則： 所有的字符實體和實體編號都是以 & 開頭，以 ； 結尾的。
注意： 實體名稱對大小寫敏感！
建議1 ：使用實體名稱，好處是名稱易于記憶。不過壞處是，瀏覽器也許并不支持所有實 體名稱（對實體數字的支持卻很好）。
建議2 ：不需要強制記憶所有的字符實體，只需要記憶常用的幾個字符實體名稱即可，其 他可以通過手冊進行查詢。
本文發布于:2023-02-28 18:55:00，感謝您對本站的認可！
本文鏈接：http://www.newhan.cn/zhishi/a/167758967247390.html
版權聲明：本站內容均來自互聯網，僅供演示用，請勿用于商業和其他非法用途。如果侵犯了您的權益請與我們聯系，我們將在24小時內刪除。
本文word下載地址：html語法(html語法由兩部分組成).doc
本文 PDF 下載地址：html語法(html語法由兩部分組成).pdf
| 留言與評論（共有 0 條評論） |
