HTML入門標籤(一)

2021-10-25 06:39:14 字數 2817 閱讀 3363

在html中,所有的標籤都是預定義的,而其中的大多數標籤根據其特點可分為塊標籤(block-level tags)和行標籤(或稱為內聯標籤)(inline-level tags)。

>

>

charset

="utf-8"

>

>

塊標籤和行標籤title

>

head

>

>

>

塊標籤1div

>

>

塊標籤2div

>

>

行標籤1span

>

>

行標籤2span

>

body

>

html

>

說明:下面是乙個示例:

>

style

="width

:300px;

height

:100px;

background

:#f0f0f0

">

div是乙個塊標籤,通常表示頁面中的乙個分割槽或節

div>

body

>

說明:>

>

一級標題h1

>

>

二級標題h2

>

>

**標題h3

>

>

四級標題h4

>

>

五級標題h5

>

>

六級標題h6

>

body

>

說明:

標題標籤從,共6個,標題標籤中顯示出來的文字為粗體,且依次從大到小。

標籤可定義乙個段落,用來表現描述性內容。段落與段落之間有乙個空行。

下面是乙個示例:

>

>

有一天,老馬對小馬說:「你已經長大了,能幫媽媽做點事嗎?」小馬連蹦帶跳地說:「怎麼不能?我很願意幫您做事。」老馬高興地說:「那好啊,你把這半袋麥子馱到磨坊去吧。」p

>

>

小馬馱起口袋,飛快地往磨坊跑去。跑著跑著,一條小河擋住了去路,河水嘩嘩地流著。小馬為難了,心想:,這條河,我能過去嗎?」老牛說:「水很淺,剛沒小腿,能過去。」p

>

>

小馬聽了老牛的話,立刻跑到河邊,準備過去。突然從樹上跳下乙隻松鼠,攔住他大叫:「小馬!「唉!還是回家問問媽媽吧!」p

>

body

>

說明:

>

>

我喜歡你h1

>

/>

>

不管怎麼樣我都喜歡你p

>

>

開個玩笑p

>

body

>

>

>

學習的步驟h3

>

type

="1"

>

>

起床li

>

>

吃早點li

>

>

把書開啟li

>

>

好好學習li

>

ol>

body

>

說明:

標籤的type屬性用來表示條目符號風格,常見的有

type的屬性

表現風格

type=「1」

以數字風格排列

type=「a」

以字母表示排列

type=「i」

以羅馬數字

>

>

>

遊戲dt

>

>

一種廣受大家喜愛的東西dd

>

>

可以帶來快客,增進感情。dd

>

dl>

body

>

說明:是定義列表標籤;

是定義列表的標題;

是定義列表的描述,描述部分會向右側縮排。

>

>

**:style

="color

:red;

font-size

:70px;

">

1span

>

折p>

body

>

>

>

短劍重鑄之日

/>

騎士歸來之時

/>

我曾踏足山巔

/>

也曾跌落低谷

p>

body

>

>

src=

"images/dog.png"

width

="400"

height

="400"

alt="狗狗"

title

="可愛的狗狗"

/>

body

>

說明:

前端入門之HTML標籤(一)

文件型別宣告,作用就是告訴瀏覽器使用的是哪種版本來顯示網頁。這句話的意思就是 當前頁面採取的是html5版本來顯示網頁 但是,乙個文件定義為en文件,它也可以顯示中文 zh cn也是同樣的道理。這個屬性還是針對一些瀏覽器和搜尋引擎。在標籤內,可以通過lang屬性來設定文件顯示的語言。例如 在標籤內,...

HTML入門標籤(二)

src source likeyou.mp4 controls controls width 500 height 250 video body 說明 poster屬性的值是檔案的路徑,可以使用相對路徑或絕對路徑。其他屬性說明 屬性說明 autoplay preload muted loop src...

HTML標籤火速入門

我們通過html編輯器新建乙個html檔案後,編輯器會幫我們建立乙個html檔案,建立的同時自動生成一些html頁面必備標籤。前端開發的核心區域 html高頻標籤將介紹 h1 h6 p a br img div span ul ol dl table form input select textar...