在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...