成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML簡介

Rango / 1220人閱讀

摘要：元素的組成元素的組成元素由標(biāo)簽嵌套內(nèi)容組成，元素可以嵌套。我們來看下一個(gè)簡單的元素我是一個(gè)段落在這里，和便是標(biāo)簽了。小結(jié)小結(jié)本文簡單介紹了一下的作用和元素的組成部分，以及如何更好地使用，即語義化。

目錄

  • HTML是什么
  • HTML元素的組成
  • 塊級(jí)元素和行內(nèi)元素
  • 一段簡單的HTML示例
  • HTML語義化
  • HTML是標(biāo)記語言，非編程語言
  • 小結(jié)

剛進(jìn)入前端領(lǐng)域，最先聽到的名詞估計(jì)就是 HTML，寫幾行 HTML，打開瀏覽器，就能立馬看到效果，前端所見即所得，這也是它的迷人之處，那 HTML 到底是什么呢？它有什么規(guī)則，它發(fā)揮著什么作用？

HTML是什么

HTML 的全稱是超文本標(biāo)記語言（HyperText Markup Language），它不是編程語言，而是標(biāo)記語言。HTML 通過標(biāo)簽來描述網(wǎng)頁，打開電腦的記事本，寫一段 HTML，保存為 .html 的文件，雙擊用瀏覽器打開，就能立馬看到渲染完成的網(wǎng)頁。HTML 是前端的骨架，如果類比一座房子，HTML 就是磚瓦，鋼筋混泥土。它包含了網(wǎng)頁的標(biāo)題、段落、圖片和視頻等元素。在 Chrome 中右鍵檢查我們?yōu)g覽的任何一個(gè)網(wǎng)站，在 Elements 欄下，我們可以看到各式各樣的 HTML 標(biāo)簽，就是它們 ，構(gòu)成了我們?yōu)g覽的網(wǎng)頁的基石。

HTML元素的組成

HTML 元素由標(biāo)簽嵌套內(nèi)容組成，HTML 元素可以嵌套。我們來看下一個(gè)簡單的 HTML 元素：

我是一個(gè)段落

在這里，

和

便是標(biāo)簽了。標(biāo)簽是由尖括號(hào)（<>）包含關(guān)鍵詞（p），標(biāo)簽包括了開始標(biāo)簽和結(jié)束標(biāo)簽，在上面的例子中，

就是開始標(biāo)簽，

即結(jié)束標(biāo)簽，它們是一對(duì)，所以標(biāo)簽通常是成對(duì)出現(xiàn)的。

在一些 HTML 元素中，它們不需要包含內(nèi)容，上面的“我是一個(gè)段落” 就是 p 標(biāo)簽的內(nèi)容部分。不需要包含內(nèi)容的 HTML 元素稱為空元素，空元素只有開始標(biāo)簽，沒有結(jié)束標(biāo)簽，比如

(語義元素使用示例）

語義元素的名稱其實(shí)也很好理解，下面是它們的作用和用法：

  • 標(biāo)簽通常放在頁面或頁面某個(gè)區(qū)域的頂部，用來設(shè)置頁眉；
  • 標(biāo)簽中的內(nèi)容比較獨(dú)立，可以是一篇新聞報(bào)道，一篇博客，它可以獨(dú)立于頁面的其他內(nèi)容進(jìn)行閱讀；
  • 標(biāo)簽表示頁面中的一個(gè)區(qū)域，通常對(duì)頁面進(jìn)行分塊或?qū)?nèi)容進(jìn)行分段，
    標(biāo)簽和
    標(biāo)簽可以互相嵌套；
  • > 標(biāo)簽用來表示除頁面主要內(nèi)容之外的內(nèi)容，比如側(cè)邊欄；
  • > 標(biāo)簽位于頁面或頁面某個(gè)區(qū)域的底部，用來設(shè)置頁腳，通常包含版權(quán)信息，聯(lián)系方式等。

HTML是標(biāo)記語言，非編程語言

但凡被認(rèn)定為計(jì)算機(jī)語言的程序，都包含了三種基本結(jié)構(gòu)：順序機(jī)構(gòu)，選擇結(jié)構(gòu)和循環(huán)結(jié)構(gòu)。這三種結(jié)構(gòu)的基本運(yùn)行要求都是從第一行一直運(yùn)行到最后一行，也就是程序從頭到尾運(yùn)行。三種結(jié)構(gòu)都是只有一個(gè)入口和一個(gè)出口，并且三種結(jié)構(gòu)內(nèi)都不存在死循環(huán)。從計(jì)算機(jī)語言這個(gè)特征來看，HTML并不存在以上三種結(jié)構(gòu)，程序一律都是以標(biāo)記的形式出現(xiàn)，可可以不止一個(gè)入口，也可以沒有程序的出口。

小結(jié)

本文簡單介紹了一下 HTML 的作用和 HTML 元素的組成部分，以及如何更好地使用 HTML，即語義化。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1192.html

相關(guān)文章

  • 前端技術(shù)之_CSS詳解第一天

    摘要：前端技術(shù)之詳解第一天一部分略。。。。中國主要城市北京上海廣州美國主要城市紐約洛杉磯華盛頓西雅圖在瀏覽器中，默認(rèn)是不會(huì)增加任何的效果改變的，但是語義變了，中的所有元素是一個(gè)小區(qū)域。前端技術(shù)之_CSS詳解第一天一html部分略。。。。二、列表列表有3種2.1 無序列表無序列表，用來表示一個(gè)列表的語義，并且每個(gè)項(xiàng)目和每個(gè)項(xiàng)目之間，是不分先后的。ul就是英語unordered list，無序列表的意...

    番茄西紅柿 評(píng)論0 收藏0

  • HTML的簡介

    摘要：教程標(biāo)準(zhǔn)超文本標(biāo)記語言英語，簡稱是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。版本從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多版本版本發(fā)布時(shí)間聲明聲明有助于瀏覽器中正確顯示網(wǎng)頁。聲明是不區(qū)分大小寫的，以下方式均可通用聲明查看完整網(wǎng)頁聲明類型參考手冊(cè)。HTML 教程-?(HTML5 標(biāo)準(zhǔn)) 超文本標(biāo)記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。...

    cncoder 評(píng)論0 收藏0

  • 大前端2018現(xiàn)在上車還還得及么

    摘要：面向?qū)ο笕筇卣骼^承性多態(tài)性封裝性接口。第五階段封裝一個(gè)屬于自己的框架框架封裝基礎(chǔ)事件流冒泡捕獲事件對(duì)象事件框架選擇框架。核心模塊和對(duì)象全局對(duì)象，，，事件驅(qū)動(dòng)，事件發(fā)射器加密解密，路徑操作，序列化和反序列化文件流操作服務(wù)端與客戶端。 第一階段： HTML+CSS:HTML進(jìn)階、CSS進(jìn)階、div+css布局、HTML+css整站開發(fā)、 JavaScript基礎(chǔ)：Js基礎(chǔ)教程、js內(nèi)置對(duì)...

    stormgens 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<