1、概述html
一、HTML5是什麼?canvas
HTML5是最新一代的HTML標準,它不只擁有HTML中全部的特性,並且增長了許多實用的特性,如視頻、音頻、畫布(canvas)等。 2012年12月17日,萬維網聯盟(W3C)正式宣佈凝結了大量網絡工做者心血的HTML5規範已經正式定稿。根據W3C的發言稿稱:「HTML5是開 放的Web網絡平臺的奠定石。」瀏覽器
二、HTML5的標籤是指什麼?什麼是標籤?網絡
標籤是HTML語言最基本的元素和組成部分,他使一個網頁分出範圍,內容區,解釋區及各類內容的引用,簡單地說,標籤是使網頁內各類內容互相區分,使內容與數據更加有序的,特殊的。做爲一種標籤語言,HTML有着本身的規範,長久以來,HTML語言由於被瀏覽器全面卓越地兼容而產生了大量的應用,這不只影響了世界,同時也吸引了大量的開發人員加入其中,與此同時,HTML在瀏覽器端應用在延申引起一系列的變化和問題。學習
三、HTML5標籤的用途?字體
一、使Web頁面的內容更加有序和規範。搜索引擎
二、使搜索引擎更加容易按照HTML5規則識別出有效的內容。
spa
三、使Web頁面更接近有一種數據字段和表。3d
四、HTML5的優點:code
一、解決跨瀏覽器問題
二、部分替代了原來的JavaScript
三、更明確地語義支持
四、加強了Web應用程序的功能
五、HTML5網頁的基本結構:
一、想本身作也網頁首先第一步:
先創建一個文本,把格式換成html。
第二步:右鍵編輯下面的代碼
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>指定瀏覽器標題欄中的文本</title> 5 <head> 6 <body> 7 <b>這是個人第一個網頁</b> 8 </body> 9 </html>
注:編寫時必定要注意語法的正確性。
雙擊打開編寫好的網頁,會看見
必定要注意的是標籤都是有始就會有終在你定義一個標籤的的時候
好比:你定義一個head容器時,你要在寫完內容時,在內容後面加上</head>。
對標籤有必定的瞭解後,下面咱們學習一下每一個標籤的做用。
六、<h1>到<h6>標籤
<h1>到<h6>標籤可定義標題的大小,<h1>定義最大的標題,<h6>定義最小標題。
例如:
打開瀏覽器,看看運行效果
注意:<hn></hn>這些標籤顯示黑體字
<hn><.hn>這些標籤自動插入一個空行,沒必要用<p>標籤再加空行,所以在一行中沒法使用不一樣大小的字體,因此它們也是段落級標籤。
七、<p>標籤
<p>標籤訂義段落。p元素會自動在先後建立一行空白行,瀏覽器會自動添加這些空間
八、<br>標籤
<br />可插入一個簡單的換行符。
注:<br>標籤是空標籤(意味着它沒有結束標籤,所以這是錯誤的:<br></br>),在HTML5中,吧結束標籤放在開始標籤中,也就是<br />
<br>標籤只是簡單地開始新的一行,在相鄰的上下間不會出現行。
錯誤示範:剛接觸的人,確定會以爲換行就回車一下,可偏偏這是錯誤的
剛接觸的人,確定會以爲換行就回車一下,可偏偏這是錯誤的。
看錯誤效果
正確的示範:
運行效果
九、<hr>標籤
標籤在HTML頁面中建立一條水平線。
水平分割線能夠在視覺上將文檔分隔成多個部分。
例如:
運行效果
十、<!-- -->標籤
對代碼進行註釋。
每一個標籤都有屬於他們的屬性
效果
以上是對HTML5的小部分標籤的總結。若是有不足的地方也但願能多多包含並指出問題,共同窗習,謝謝!
原文出處:https://www.cnblogs.com/xym0996/p/10628522.html