對HTML5的初步認識(一)

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

相關文章
相關標籤/搜索