初識HTML及常用的標籤(1)

2021-09-27 12:24:20 字數 2588 閱讀 3222

我們所學的html(英文hyper text markup language的縮寫)是一門超文字標記語言。

所謂的超文字,就是在頁面中不僅僅可以加入文字,還可以有、鏈結、聲音、動畫、多**等內容。

它可以從乙個檔案跳到另乙個檔案,可以與全世界各地主機的檔案連線。

html作用就是用標記標籤來描述網頁,把網頁內容在瀏覽器中展示出來。

大部分html標籤是具有語義化的,為什麼需要語義化呢?

1、方便**的閱讀和維護。

2、讓瀏覽器和網路爬蟲可以很好的解析其內容。

3、使用語義化的標籤使得具有更好的搜尋引擎優化。

遵循的原則:先確定語義的html ,再選合適的css。

當去掉css,網頁結構還是具有良好的閱讀性。(就一眼可以看出哪一塊是什麼結構,**是重點)

總結:在合適的地方用合適的標籤(重點)。

需要注意的幾個點:(是一門什麼語言出發)

1、html是一門超文字標記語言。

2、html不是一種程式語言,而是一種標記語言。

3、標記語言是一套標記標籤。

它也有自己的基本結構:

我是第乙個網頁

1 、html標籤:作用所有html中標籤的乙個根節點。 最大的標籤   根標籤

2 、head標籤: 文件的頭部

文件的頭部描述了文件的各種屬性和資訊,包括文件的標題、在 web 中的位置以及和其他文件的關係等。絕大多數文件頭部包含的資料都不會真正作為內容顯示給讀者。

注意在head標籤中我們必須要設定的標籤是title

3、字符集編碼

utf-8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有gbk和gb2312。

gb2312 簡單中文  包括6763個漢字

big5   正體中文 港澳台等用

gbk包含全部中文字元    是gb2312的擴充套件,加入對繁體字的支援,相容gb2312

utf-8則包含全世界所有國家需要用到的字元

所以我們推薦使用utf-8

4、title標籤: 文件的標題

作用:讓頁面擁有乙個屬於自己的標題。

5、body標籤:文件的主體  以後我們的頁面內容 基本都是放到body裡面的

body 元素包含文件的所有內容(比如文字、超連結、影象、**和列表等等。)

在html中帶有<>這個的稱為標籤

1、雙標籤:

《標籤名》 內容 《標籤名》稱為開始標籤,我是第乙個網頁
2、單標籤:

《標籤名 />
單標籤也稱為空標籤,它是指用乙個標籤符即可描述乙個完整的功能標籤。

例如:

1、巢狀關係

2、並列關係

提議: 如果兩個標籤之間的關係是巢狀關係,子元素最好縮排乙個tab鍵的身位。如果是並列關係,最好上下對齊。

為了具有更好的搜尋引擎優化和語義化,我們經常會用到標題標籤,html給我們提供了六個標題標籤。

我是四級標題

我是五級標題

我是六級標題

**執行:

注意:  h1 標籤因為重要,盡量少用,不要動不動就向你扔了乙個h1。 一般h1 都是給logo使用,或者頁面中最重要標題資訊。

文字內容  

是html文件中最常見的標籤,預設情況下,文字在乙個段落中會根據瀏覽器視窗的大小自動換行。

在網頁中顯示預設樣式的水平線。

在html中,乙個段落中的文字會從左到右依次排列,直到瀏覽器視窗的右端,然後自動換行。

如果希望某段文字強制換行顯示,就需要使用換行標籤。

這兩個標籤是沒有語義的。

div占用的位置是一行。

span占用的是內容有多寬就占用多寬的空間距離。

這是div

這是span

這是span

執行**:

在網頁中,有時需要為文字設定粗體、斜體或下劃線效果,這時就需要用到html中的文字格式化標籤,使文字以特殊的方式顯示。

總結: b  i  s  u   只有使用 沒有 強調的意思       strong   em  del   ins  語義更強烈

還有一些重要的標籤,明天繼續複習!

初識HTML標籤

超文字標記語言 hyper text markup language 是一種標記語言,使用標記標籤來描述網頁。結束標籤,也有部分標籤不是成對出現的,如 開始標籤 內容 結束標籤。this is my first paragraph.p 上面的這段 就是乙個元素,或稱為p元素 標籤支援屬性,屬性總是以...

HTML常用標籤1

html 超文字標記 標籤 語言 通過標籤語言來標記要顯示的網頁中的各個部分。一套規則,瀏覽器認識的規則 瀏覽器渲染的順序 從上到下,從左到右 對於不同的瀏覽器,對同一標籤可能會有不完全相同的解釋 相容性 html不是一種變成語言,而是一種標記語言 html使用標記標籤來描述網頁 結構 告訴瀏覽器使...

HTML常用標籤1

基本格式 body的屬性 bgcolor 頁面背景色 text 文字顏色 topmargin 上頁邊距 leftmargin 左頁邊距 rightmargin 右頁邊距 bottomargin 下頁邊距 background 背景桌布 一 格式控制標籤 控制字型 color ff0000 face,...