HTML語言基礎之 掌握HTML的寫法 2

2022-03-11 03:52:54 字數 1830 閱讀 5193

在html檔案中,由標籤、標籤、標籤等3種標籤形成最基本的框架。

圖示:最基本的html檔案的組成。

分析:html檔案中,由到指定範圍。在這個範圍內,把檔案的相關資訊和想要在網頁上顯示的內容分開來編寫。

標籤:總括檔案整體,把其間內容變成html元素,並把文字定義為html檔案。

標籤:定義檔案的題目、概要、關鍵字、作者等檔案相關資訊,這些資訊基本不會在瀏覽器中顯示。

標籤:其間內容將在瀏覽器中顯示。

(注意:html的標籤使用英文本母來標記,並不區分大小寫,但大小寫混合著寫不便於後期管理維護,且受到xhtml的影響,標籤一般採用小寫字母來標記。)

網頁中需要給元素新增詳細資訊時,往往在其開始標籤處加上「屬性」和「屬性值」。

圖示:瀏覽器視窗上的顯示

實際的html檔案:

<

html

lang="zh-cn"

>

<

head

>

head

>

<

body

>

<

h1align="center"

>孟浩然詩:宿建德江

h1>

<

h2align="right"

>孟浩然

h2>

<

palign="left"

style="font-family: 幼圓; font-size: 24px;"

>

移舟泊煙渚,<

em>日暮客愁新

em>。<

br/>

野曠天低樹,江清月近人。

p>

body

>

html

>

分析:1、

本例給「條目」標籤中的元素新增「align」屬性(顯示位置或對齊方式),並為其指定了屬性值「right」,於是有了「把元素右對齊」的屬性。

align屬性的主要屬性值及其功能:

left

把元素左對齊顯示

center

把元素居中對齊顯示

right

把元素右對齊顯示

(注意:本例說明了屬性與屬性值的編寫方法,也說明了有多個屬性時的編寫方法。)

2、為了表示是用什麼語言寫成的,在標籤中新增「lang」屬性,本例「zh-cn」屬性值表明該檔案為中文html檔案。

常用lang屬性的屬性值:

zh-cn

中國大陸語

zh-tw

台灣語

zh-hk

香港語

en

英語

ja

日本語

ko

南韓語

fr

法語

(注意:在用聲音軟體讀取html檔案的內容時如果沒有標註合適的lang屬性,有時就會引起問題,這便是編寫lang屬性的意義。)

HTML語言基礎之 掌握HTML的寫法 1

網頁是用html這種語言對檔案進行處理 標出條目 段落 列表 鏈結等 以實現檔案的結構化。這些結構化的的檔案 用html標註的過的文字 經由ie 火狐等瀏覽器解釋,並顯示在視窗中,因此學習html這種語言就從它的結構開始吧!在html中,為了把網頁內容傳達得更容易讓人理解,就把文字分為條目 段落 影...

HTML基礎 第二課 HTML基礎之HTML概述

附 img標籤的詳細介紹 1.什麼是html?2.html的標籤 元素 屬性 1.標籤 元素 其中,為開始標籤為結束標籤,我們可以清楚的觀察到,標籤結束是有 則 標籤和內容,構成了網頁的元素。宣告不是 html 標籤 它是指示 web 瀏覽器關於頁面使用哪個 html 版本進行編寫的指令。宣告必須是...

HTML5基礎篇之HTML

本文章純屬個人學習之後總結的一些小經驗,望大神指導指導 一 html基本結構 注 html大小寫都可以 但是不要出現這種的 html 要麼全都大寫 要麼全都小寫 所有的標點符號都必須是英文狀態下的!切記!doctype 宣告文件型別 千萬不可以忘記 meta charset utf 8 防止出現亂碼...