html介紹

HTML定義

Hyper Text Markup Language是它的全稱,理解為超文本標記語言;它是很簡單的一個標記語言,是最基礎的顯示,它其實就是由txt文本文件改名來的。

?它不需要編譯,頁面直接由瀏覽器運行解析顯示。

我們長聽的術語“網(wǎng)頁”,也就是這個意思,當然還要包括它那兩個兄弟。

例如:段落p標記

<p>我是一個段落</p>
調(diào)試瀏覽器

Chrome(推薦), firefox火狐是比較推薦的,還有其他的瀏覽器。

HTML顏色

顏色的表示有三種方式:

  • 英文單詞表示的顏色:black,red,white等。

  • 十進制表示:rgb(255,255,255)

  • 16進制表示:#0000FF等

HTML規(guī)范
  • html語言不區(qū)分大小寫

  • html文件后綴名為.html/.htm

  • html簡單結構:

    • 聲明標準

    • head

    • body

  • <!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>Document</title>
    </head>
    
    <body>
    
    </body>
    
    </html>
    
  • 編寫要求

    • 標記元素時要正確嵌套,不允許交叉使用。
      <p><span>段落</span></p>
      
    • 標記元素必須封閉。
    • 標記元素都是用字母小寫
    • 標記分為雙邊以及單邊標記:
      • 特殊的單邊標記有:<br>,<hr>它都會轉換為<br />,<hr />
    • 標記元素的屬性的值不能為空: <div class="box">我是一個box</div>
    • 標記元素的屬性的值要加引號。
  • 語法特征

    • html對tab鍵,換行不敏感,不會因此影響頁面的結構。
    • 這里更注意的是,文字與文字之間添加多個空格以及上面的tab和換行都只會默認為一個空格。
開發(fā)的編輯器

我這里比較喜歡用VS Code,當然啦其他朋友可以用其他的編輯器

例如之前說到的,Pycharm,Atom,Sublime Text等。

如果你自身比較依賴代碼提示的話,可以使用用WebStorm或者Hbuilder

我以后撰寫的內(nèi)容都會以VS Code為編輯器進行代碼編寫來記錄這個。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 如果要單講Html的話,篇幅其實會很短,因為這是個很簡單的東西(當然,只是看起來),那么這篇文章我們也可以說一些跟...
    年少有van閱讀 1,486評論 1 8
  • 關于HTML 超文本標記語言(HyperText Markup Language,簡稱:HTML)是一種用于創(chuàng)建網(wǎng)...
    YQY_苑閱讀 741評論 0 1
  • 標簽(空格分隔): html html (Hyper Text Markup Language)中文譯為“超文本...
    lvyweb閱讀 496評論 0 0
  • 1.Html和CSS的關系 學習web前端開發(fā)基礎技術需要掌握:HTML、CSS、JavaScript語言。下面我...
    鹿守心畔光閱讀 222評論 0 0
  • 孫魯,原名煒,字浩如,號嘯甫,清乾隆時嘉善人。貢生。曾主講思賢書院,有《遁吉齋詩草》。 《攜姜孝廉長卿仙居寺瀑布泉...
    蓮子風父抱石人閱讀 222評論 0 1

友情鏈接更多精彩內(nèi)容