亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

學(xué)習(xí)筆記 | HTML 基本結(jié)構(gòu)和基本標(biāo)簽 ——前端學(xué)習(xí)第一步！

sPeng / 2493人閱讀

摘要：基本結(jié)構(gòu)語(yǔ)言中，一個(gè)頁(yè)面是由四個(gè)部分組成文檔聲明標(biāo)簽對(duì)標(biāo)簽對(duì)標(biāo)簽對(duì)圖示文檔聲明這是一個(gè)文檔聲明，表示這是一個(gè)頁(yè)面。標(biāo)簽標(biāo)簽表示頁(yè)面內(nèi)容的范圍。

HTML

HTML 全稱(chēng) “Hyper Text Markup Language（超文本標(biāo)記語(yǔ)言）”，是網(wǎng)頁(yè)的標(biāo)準(zhǔn)語(yǔ)言。但是它并不是一門(mén)編程語(yǔ)言，而是一門(mén)描述性的標(biāo)記語(yǔ)言。

基本語(yǔ)法

<標(biāo)簽符號(hào)>內(nèi)容

HTML語(yǔ)言中，標(biāo)簽符一般是成對(duì)出現(xiàn)的，第一個(gè)表示標(biāo)簽的開(kāi)始，第二個(gè)多了一條斜杠，表示標(biāo)簽內(nèi)容的結(jié)束。

在HTML中，標(biāo)簽有很多種，每一種都有著不同的功能，適用于不同的情況。例如，想要顯示一段文字，就應(yīng)該使用 “段落標(biāo)簽（p）”；假如想要顯示圖片，則應(yīng)使用 “圖片標(biāo)簽（img）”。

示例：

<strong>這是粗體strong>


上面的示例中使用 “粗體標(biāo)簽（b或strong）” 來(lái)實(shí)現(xiàn)粗體文本顯示。

學(xué)習(xí) HTML 語(yǔ)言，就是要學(xué)習(xí)各種各樣的標(biāo)簽，然后學(xué)會(huì)在不同的情況中使用不同的標(biāo)簽，以實(shí)現(xiàn)不同的表達(dá)效果。

1. HTML 基本結(jié)構(gòu)

HTML語(yǔ)言中，一個(gè)頁(yè)面是由四個(gè)部分組成：

  • 文檔聲明：
  • html 標(biāo)簽對(duì)：
  • head 標(biāo)簽對(duì)：
  • body 標(biāo)簽對(duì)：

圖示：

文檔聲明

這是一個(gè)文檔聲明，表示這是一個(gè)HTML頁(yè)面。

html 標(biāo)簽

html標(biāo)簽表示頁(yè)面內(nèi)容的范圍。它告訴瀏覽器，這個(gè)頁(yè)面從 開(kāi)始，到 結(jié)束。

head 標(biāo)簽

head 標(biāo)簽是網(wǎng)頁(yè)的 “頭部”，在這個(gè)標(biāo)簽里會(huì)定義一些特殊內(nèi)容，比如頁(yè)面的標(biāo)題、頁(yè)面的字符編碼以及自動(dòng)刷新等。

body 標(biāo)簽

body 標(biāo)簽是網(wǎng)頁(yè)的 “身體”，在這個(gè)標(biāo)簽里我們可以編寫(xiě)大部分頁(yè)面顯示內(nèi)容。一個(gè)網(wǎng)頁(yè)中，有大部分內(nèi)容實(shí)在這里編寫(xiě)的。

示例

DOCTYPE html><html>	<head>		<title>這是網(wǎng)頁(yè)標(biāo)題title>	head>	<body>		<p>這是頁(yè)面的內(nèi)容p>		<p>這是一個(gè)段落p>		<strong>這是粗體strong>	body>html>

效果：

在上面示例的 HTML 代碼里，head 標(biāo)簽內(nèi)部中的 title 標(biāo)簽定義頁(yè)面的標(biāo)題，這個(gè)標(biāo)題將會(huì)顯示在標(biāo)簽欄上。body 標(biāo)簽里的 p 標(biāo)簽定義一段文字，這個(gè)段落將直接顯示在頁(yè)面上。

HTML 注釋語(yǔ)句

在實(shí)際開(kāi)發(fā)中，我們需要在一些關(guān)鍵、重要或復(fù)雜難懂的代碼中進(jìn)行注釋?zhuān)詷?biāo)示它是干什么的。這時(shí)候需要用到注釋語(yǔ)句：

注釋的內(nèi)容在瀏覽器中不會(huì)顯示，也就是說(shuō)，HTML 標(biāo)簽是給瀏覽器看的，而注釋是給程序員自己看的。當(dāng)你的代碼中有重要的復(fù)雜的部分，就需要給代碼進(jìn)行注釋。

在實(shí)際開(kāi)發(fā)中，一個(gè)頁(yè)面的代碼往往很長(zhǎng)，可能有成百上千行，這時(shí)候如果不給關(guān)鍵代碼進(jìn)行注釋?zhuān)喿x起來(lái)會(huì)十分辛苦，可能連你自己也很難讀懂。更別說(shuō)在團(tuán)隊(duì)開(kāi)發(fā)中，隊(duì)友維護(hù)你的代碼時(shí)，將會(huì)花費(fèi)大量時(shí)間閱讀和理解代碼，費(fèi)時(shí)費(fèi)神，效率極低。

當(dāng)然，并不是每一行代碼都必須注釋?zhuān)话愕拇a較容易理解，只需要在復(fù)雜的部分，或是在關(guān)鍵的、重要的部分進(jìn)行注釋即可。

一個(gè)注釋的示例：

DOCTYPE html><html>	<head>		<meta charset="utf-8" />		<title>注釋示例title>			head>	<body>		<p>這是頁(yè)面的內(nèi)容p>				<p>這是一個(gè)段落p>		<strong>這是粗體strong>		body>html>

在瀏覽器中看 HTML

進(jìn)入你的瀏覽器，進(jìn)入作者博客主頁(yè)，然后右鍵單擊頁(yè)面，在彈出菜單中點(diǎn)擊 “檢查” 或 “審查元素”，把鼠標(biāo)放到右側(cè)的代碼塊上，你可以看到每一個(gè)標(biāo)簽對(duì)應(yīng)的頁(yè)面上的部分：

右鍵點(diǎn)擊 “查看網(wǎng)頁(yè)源代碼”，我們也可以看到這個(gè)網(wǎng)頁(yè)的 HTML 代碼：

在這里你可以試著找找頁(yè)面的四個(gè)基本部分，看看他們的標(biāo)簽。

– the End –

好啦，這篇文章就到這里了。
以上就是我分享的全部?jī)?nèi)容，感謝閱讀！

后記：開(kāi)學(xué)之后要上學(xué)，可能更文會(huì)變得少了，甚至幾乎不更了。因?yàn)槊媾R著中考的壓力。也許等到放假之后會(huì)繼續(xù)更新。這是作者前端開(kāi)發(fā)學(xué)習(xí)之路的第一步，謝謝大家的支持！

本文收錄于專(zhuān)欄：前端開(kāi)發(fā)學(xué)習(xí)筆記
關(guān)注作者，持續(xù)閱讀作者的文章，學(xué)習(xí)更多編程知識(shí)！
https://blog.csdn.net/weixin_52132159

推薦閱讀

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

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

相關(guān)文章

  • 保姆級(jí)教程HTML兩萬(wàn)字筆記大總結(jié)【建議收藏】（上篇）

    摘要：標(biāo)簽不區(qū)分大小寫(xiě)，但推薦小寫(xiě)。標(biāo)簽可以嵌套，但不能交叉嵌套。標(biāo)簽也稱(chēng)為元素。比如行內(nèi)標(biāo)簽亦可成行內(nèi)元素。 ??HTML必備知識(shí)詳解?? 第一部分：HTML框架簡(jiǎn)介...

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

  • 重學(xué)前端學(xué)習(xí)筆記（四）--div和span不是夠用嗎？

    摘要：筆記說(shuō)明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開(kāi)的一個(gè)專(zhuān)欄，每天分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專(zhuān)欄學(xué)習(xí)原文有的語(yǔ)音，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開(kāi)的一個(gè)專(zhuān)欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以...

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

  • 重學(xué)前端學(xué)習(xí)筆記（四）--div和span不是夠用嗎？

    摘要：筆記說(shuō)明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開(kāi)的一個(gè)專(zhuān)欄，每天分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專(zhuān)欄學(xué)習(xí)原文有的語(yǔ)音，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開(kāi)的一個(gè)專(zhuān)欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以...

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

  • 重學(xué)前端學(xué)習(xí)筆記（四）--div和span不是夠用嗎？

    摘要：筆記說(shuō)明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開(kāi)的一個(gè)專(zhuān)欄，每天分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專(zhuān)欄學(xué)習(xí)原文有的語(yǔ)音，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開(kāi)的一個(gè)專(zhuān)欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以...

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

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

0條評(píng)論

閱讀需要支付1元查看
<