HTML 標(biāo)簽和屬性值的基本格式

TML: HyperText Markup Language 超文本標(biāo)記語言

HTML代碼不區(qū)分大小寫, 包括HTML標(biāo)記、屬性、屬性值都不區(qū)分大小寫;

任何空格或回車鍵在代碼中都無效，插入空格或回車有專用的標(biāo)記，分別是、

HTML標(biāo)記中不要有空格，否則瀏覽器可能無法識別。

如何添加注釋(comment:評論;注釋)

<!-- -->
<comment></comment>
<!-- --> 不能留有空格

字符集

<meta http-equiv="Content-Type" content="text/html;charset=#"/>

<base target="_blank">

可以將a鏈接的默認(rèn)屬性設(shè)置為_blank屬性

單個標(biāo)簽要有最好有結(jié)束符(可以沒有結(jié)束符)

<br/> <img src="" width="" />

便于兼容XHTML(XHTML必須要有結(jié)束符)

HTML標(biāo)簽的屬性值可以有引號,可以沒有引號,為了提高代碼的可讀性,推薦使用引號(單引號和雙引號)，盡管屬性值是整數(shù)，也推薦加上引號。

<marquee behavior="slide"></marquee>

便于兼容XHTML(XHTML必須要有引號)

<marquee behavior=slide></marquee>

經(jīng)過測試,以上程序都可以正確運(yùn)行

HTML標(biāo)簽涉及到的顏色值格式:

color_name 規(guī)定顏色值為顏色名稱的文本顏色(比如 "red")。

hex_number 規(guī)定顏色值為十六進(jìn)制值的文本顏色(比如 "#ff0000")。

rgb_number 規(guī)定顏色值為 rgb 代碼的文本顏色(比如 "rgb(255,0,0)")。

transparent 透明色 color:transparent

rgba(紅0-255,綠0-255,藍(lán)0-255,透明度0-1)

opacity屬性: 就是葫蘆娃兄弟老六(技能包隱身)

css:

div{opacity:0.1} /*取值為0-1*/

英文(顏色值)不區(qū)分大小寫

HTML中顏色值：采用十六進(jìn)制兼容性最好(十六進(jìn)制顯示顏色效果最佳)

CSS中顏色值：不存在兼容性

紅色 #FF0000

綠色 #00FF00

藍(lán)色 #0000FF

黑色： #000000

灰色 #CCCCCC

白色 #FFFFFF

青色 #00FFFF

洋紅 #FF00FF

黃色 #FFFF00

請問后綴 html 和 htm 有什么區(qū)別?

答: 1. 如果一個網(wǎng)站有 index.html和index.htm，默認(rèn)情況下，優(yōu)先訪問.html

2. htm后綴是為了兼容以前的DOS系統(tǒng)8.3的命名規(guī)范

XHTML與HTML之間的關(guān)系?

XHTML是EXtensible HyperText Markup Language的英文縮寫,即可擴(kuò)展的超文本標(biāo)記語言.

XHTML語言是一種標(biāo)記語言,它不需要編譯,可以直接由瀏覽器執(zhí)行.

XHTML是用來代替HTML的, 是2000年w3c公布發(fā)行的.

XHTML是一種增強(qiáng)了的HTML,它的可擴(kuò)展性和靈活性將適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求.

XHTML是基于XML的應(yīng)用.

XHTML更簡潔更嚴(yán)謹(jǐn).

XHTML也可以說就是HTML一個升級版本.(w3c描述它為'HTML 4.01')

XHTML是大小寫敏感的,XHTML與HTML是不一樣的;HTML不區(qū)分大小寫,標(biāo)準(zhǔn)的XHTML標(biāo)簽應(yīng)該使用小寫.

XHTML屬性值必須使用引號,而HTML屬性值可用引號,可不要引號

XHTML屬性不能簡寫：如checked必須寫成checked="checked"

單標(biāo)記 , XHTML必須有結(jié)束符 ,而HTML可以使用 ,也可以使用

除此之外XHTML和HTML基本相同.

網(wǎng)頁寬度設(shè)置多少為最佳?

960px

target屬性值理解

_self 在當(dāng)前窗口中打開鏈接文件,是默認(rèn)值

_blank 開啟一個新的窗口打開鏈接文件

_parent 在父級窗口中打開文件,常用于框架頁面

_top 在頂層窗口中打開文件,常用語框架頁面

字符集：

charset=utf-8

Gb2312 簡單中文字符集, 最常用的中文字符

Gbk 簡繁體字符集, 中文字符集

Big5 繁體字符集, 臺灣等等

Utf-8 世界性語言的字符集

ANSI編碼格式編碼格式的擴(kuò)展字符集有g(shù)b2312和gbk

單位問題：

HTML屬性值數(shù)值型的一般不帶單位, CSS必須帶單位;

強(qiáng)制刷新

ctrl+F5

lt;hr>水平線

<hr size="9" /> 水平線(設(shè)定大小,單位:像素)

<hr width="80%" /> 水平線(設(shè)定寬度,單位:像素或百分比)

<hr color="#ff0000" /> 水平線對齊方式

<hr align="left" /> 水平線水平位置

<hr noshade /> 去掉水平線的陰影

align屬性值:center(默認(rèn)值) left right

<center></center>水平居中.

換行

標(biāo)簽定義段落

將段落按左、中、右對齊;

align屬性值:left(默認(rèn)值) right center justify

注意：

<h1>...<h6>標(biāo)題標(biāo)記與段落標(biāo)記都只有一個屬性align

<pre></pre> 定義預(yù)格式化的文本

<blockquote></blockquote> 設(shè)置段落縮進(jìn)(可以縮進(jìn)5個字符)

手冊上沒有的標(biāo)記

<xmp></xmp> 忽略HTML標(biāo)記

… 禁止換行

指定軟換行（或單詞換行），用在nobr標(biāo)記中，即使用 禁止了換行，使用 仍然可以換行

中華人民共和國上海市黃浦區(qū)

本格式

This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the "文本格式" link.

文本顏色

顏色屬性被用來設(shè)置文字的顏色。

顏色是通過CSS最經(jīng)常的指定：

十六進(jìn)制值 - 如: ＃FF0000
一個RGB值 - 如: RGB(255,0,0)
顏色的名稱 - 如: red

參閱 CSS 顏色值查看完整的顏色值。

一個網(wǎng)頁的背景顏色是指在主體內(nèi)的選擇：

實(shí)例

body {color:blue;}

h1 {color:#00ff00;}

h2 {color:rgb(255,0,0);}

對于W3C標(biāo)準(zhǔn)的CSS：如果你定義了顏色屬性，你還必須定義背景色屬性。

文本的對齊方式

文本排列屬性是用來設(shè)置文本的水平對齊方式。

文本可居中或?qū)R到左或右,兩端對齊.

當(dāng)text-align設(shè)置為"justify"，每一行被展開為寬度相等，左，右外邊距是對齊（如雜志和報(bào)紙）。

實(shí)例

h1 {text-align:center;}

p.date {text-align:right;}

p.main {text-align:justify;}

文本修飾

text-decoration 屬性用來設(shè)置或刪除文本的裝飾。

從設(shè)計(jì)的角度看 text-decoration屬性主要是用來刪除鏈接的下劃線：

實(shí)例

a {text-decoration:none;}

嘗試一下 ?

也可以這樣裝飾文字：

實(shí)例

h1 {text-decoration:overline;}

h2 {text-decoration:line-through;}

h3 {text-decoration:underline;}

我們不建議強(qiáng)調(diào)指出不是鏈接的文本，因?yàn)檫@常常混淆用戶。

文本轉(zhuǎn)換

文本轉(zhuǎn)換屬性是用來指定在一個文本中的大寫和小寫字母。

可用于所有字句變成大寫或小寫字母，或每個單詞的首字母大寫。

實(shí)例

p.uppercase {text-transform:uppercase;}

p.lowercase {text-transform:lowercase;}

p.capitalize {text-transform:capitalize;}

嘗試一下 ?

文本縮進(jìn)

文本縮進(jìn)屬性是用來指定文本的第一行的縮進(jìn)。

實(shí)例

p {text-indent:50px;}

更多實(shí)例

指定字符之間的空間

這個例子演示了如何增加或減少字符之間的空間。

指定行與行之間的空間

這個例子演示了如何指定在一個段落中行之間的空間

設(shè)置元素的文本方向

這個例子演示了如何改變元素的文本方向。

增加單詞之間的空白空間

這個例子演示了如何增加一個段落中的單詞之間的空白空間。

在元素內(nèi)禁用文字環(huán)繞

這個例子演示了如何禁用一個元素內(nèi)的文字環(huán)繞。

垂直對齊圖像

這個例子演示了如何設(shè)置文本的垂直對齊圖像。

添加文本陰影

這個例子演示了如何設(shè)置文本陰影。

所有CSS文本屬性。

屬性	描述
color	設(shè)置文本顏色
direction	設(shè)置文本方向。
letter-spacing	設(shè)置字符間距
line-height	設(shè)置行高
text-align	對齊元素中的文本
text-decoration	向文本添加修飾
text-indent	縮進(jìn)元素中文本的首行
text-shadow	設(shè)置文本陰影
text-transform	控制元素中的字母
unicode-bidi	設(shè)置或返回文本是否被重寫
vertical-align	設(shè)置元素的垂直對齊
white-space	設(shè)置元素中空白的處理方式
word-spacing	設(shè)置字間距

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

在線咨詢

上一篇：一文詳解HTML屬性
下一篇：技術(shù)貼：一篇文章看懂鏈接（超鏈接）設(shè)計(jì)

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

HTML 標(biāo)簽和屬性值的基本格式

本格式

您的項(xiàng)目需求