零基礎學前端(一)HTML基礎入門

HTML標記語言

一、HTML的語法

什麼是HTML標記語言

  • HTML標記:是表示網頁信息的符號標記語言。特點如下
  • 可以設置文本的格式,比如標題、字母、文本顏色、段落等等。
  • 可以創建列表。
  • 可以插入圖像和媒體。
  • 可以建立表格。
  • 超鏈接,可以使用鼠標點擊超鏈接來實現頁面之間的轉跳。

HTML的標記和他的屬性

  • HTML文檔的保存格式
  • .html       .htm       .xhtml
  • 標記和被標記的內容構建出HTML文檔
  • 格式:<標記>
  •                     內容
  •             </標記>
  • 標記的屬性:就是用來控制我們的內容(圖像、文本等)如何的顯示
  • 格式:<標記  屬性1=屬性值     屬性2=屬性值.......>
  •                                                                                  <內容>
  •             </標記>
  • 例如:<body  bgcolor="red">    <內容>   </body>
  •             以上的屬性是來控制我們網頁的背景顏色,bgcolor就是body的屬性,他的值是red(紅色)

語法不區分字母大小寫

  • <HTML>、<Html>、<html>都是定義相同的標記,但是在編寫網頁的時候儘量使用小寫。

文檔註釋

  • 註釋一段內容時使用 “<!-- “開始,以”--> ”結束
  • 例如: <!--我是這個王爺的作者,我的名字叫張三-->

代碼格式

  • 空格鍵和回車鍵在網頁中都不會起到任何作用,我們爲了讓代碼清晰易讀,可以使用空格健和回車鍵進行編排。
  • 注意:縮進時保持嚴格的規則,以“Tab”健進行縮進!

二、HTML的基本結構

<html>內容</html>

  • 解釋
  • HTML文檔的文檔標記,也稱爲HTML開始標記。
  • 功能
  • 這對標記分別位於網頁的最前端和最後端  <htnl>在最前端表示網頁的開始
  •                                                                            </html>在最後端表示網頁的結束

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章