国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

學習筆記 | HTML 基本結構和基本標簽 ——前端學習第一步!

sPeng / 2417人閱讀

摘要:基本結構語言中,一個頁面是由四個部分組成文檔聲明標簽對標簽對標簽對圖示文檔聲明這是一個文檔聲明,表示這是一個頁面。標簽標簽表示頁面內容的范圍。

HTML

HTML 全稱 “Hyper Text Markup Language(超文本標記語言)”,是網頁的標準語言。但是它并不是一門編程語言,而是一門描述性的標記語言。

基本語法

<標簽符號>內容

HTML語言中,標簽符一般是成對出現的,第一個表示標簽的開始,第二個多了一條斜杠,表示標簽內容的結束。

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

示例:

<strong>這是粗體strong>


上面的示例中使用 “粗體標簽(b或strong)” 來實現粗體文本顯示。

學習 HTML 語言,就是要學習各種各樣的標簽,然后學會在不同的情況中使用不同的標簽,以實現不同的表達效果。

1. HTML 基本結構

HTML語言中,一個頁面是由四個部分組成:

  • 文檔聲明:
  • html 標簽對:
  • head 標簽對:
  • body 標簽對:

圖示:

文檔聲明

這是一個文檔聲明,表示這是一個HTML頁面。

html 標簽

html標簽表示頁面內容的范圍。它告訴瀏覽器,這個頁面從 開始,到 結束。

head 標簽

head 標簽是網頁的 “頭部”,在這個標簽里會定義一些特殊內容,比如頁面的標題、頁面的字符編碼以及自動刷新等。

body 標簽

body 標簽是網頁的 “身體”,在這個標簽里我們可以編寫大部分頁面顯示內容。一個網頁中,有大部分內容實在這里編寫的。

示例

DOCTYPE html><html>	<head>		<title>這是網頁標題title>	head>	<body>		<p>這是頁面的內容p>		<p>這是一個段落p>		<strong>這是粗體strong>	body>html>

效果:

在上面示例的 HTML 代碼里,head 標簽內部中的 title 標簽定義頁面的標題,這個標題將會顯示在標簽欄上。body 標簽里的 p 標簽定義一段文字,這個段落將直接顯示在頁面上。

HTML 注釋語句

在實際開發中,我們需要在一些關鍵、重要或復雜難懂的代碼中進行注釋,以標示它是干什么的。這時候需要用到注釋語句:

注釋的內容在瀏覽器中不會顯示,也就是說,HTML 標簽是給瀏覽器看的,而注釋是給程序員自己看的。當你的代碼中有重要的復雜的部分,就需要給代碼進行注釋。

在實際開發中,一個頁面的代碼往往很長,可能有成百上千行,這時候如果不給關鍵代碼進行注釋,閱讀起來會十分辛苦,可能連你自己也很難讀懂。更別說在團隊開發中,隊友維護你的代碼時,將會花費大量時間閱讀和理解代碼,費時費神,效率極低。

當然,并不是每一行代碼都必須注釋,一般的代碼較容易理解,只需要在復雜的部分,或是在關鍵的、重要的部分進行注釋即可。

一個注釋的示例:

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

在瀏覽器中看 HTML

進入你的瀏覽器,進入作者博客主頁,然后右鍵單擊頁面,在彈出菜單中點擊 “檢查” 或 “審查元素”,把鼠標放到右側的代碼塊上,你可以看到每一個標簽對應的頁面上的部分:

右鍵點擊 “查看網頁源代碼”,我們也可以看到這個網頁的 HTML 代碼:

在這里你可以試著找找頁面的四個基本部分,看看他們的標簽。


– the End –

好啦,這篇文章就到這里了。
以上就是我分享的全部內容,感謝閱讀!

后記:開學之后要上學,可能更文會變得少了,甚至幾乎不更了。因為面臨著中考的壓力。也許等到放假之后會繼續更新。這是作者前端開發學習之路的第一步,謝謝大家的支持!

本文收錄于專欄:前端開發學習筆記
關注作者,持續閱讀作者的文章,學習更多編程知識!
https://blog.csdn.net/weixin_52132159

推薦閱讀

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/121677.html

相關文章

  • 保姆級教程HTML兩萬字筆記大總結【建議收藏】(上篇)

    摘要:標簽不區分大小寫,但推薦小寫。標簽可以嵌套,但不能交叉嵌套。標簽也稱為元素。比如行內標簽亦可成行內元素。 ??HTML必備知識詳解?? 第一部分:HTML框架簡介...

    paulli3 評論0 收藏0
  • 重學前端學習筆記(四)--divspan不是夠用嗎?

    摘要:筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄,每天分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入的專欄學習原文有的語音,如有侵權請聯系我,郵箱。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以...

    lx1036 評論0 收藏0
  • 重學前端學習筆記(四)--divspan不是夠用嗎?

    摘要:筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄,每天分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入的專欄學習原文有的語音,如有侵權請聯系我,郵箱。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以...

    ctriptech 評論0 收藏0
  • 重學前端學習筆記(四)--divspan不是夠用嗎?

    摘要:筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄,每天分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入的專欄學習原文有的語音,如有侵權請聯系我,郵箱。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以...

    KnewOne 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<