- 水平分隔符標(biāo)簽:
- 預(yù)格式化文本標(biāo)簽(保留文本的原有格式): 文字
- 將文字設(shè)置為上標(biāo)或下標(biāo): 文字, 文字
- 塊引用標(biāo)簽: 內(nèi)容
(在這個標(biāo)簽內(nèi)部的元素顯示的時候都會向右邊縮一個單位。)
- 行內(nèi)標(biāo)記:內(nèi)容: 標(biāo)簽被用來組合文檔中的行內(nèi)元素。
可以為 span 應(yīng)用 id 或 class 屬性,這樣既可以增加適當(dāng)?shù)恼Z義,又便于對 span 應(yīng)用樣式。
- 區(qū)隔標(biāo)記:內(nèi)容: 標(biāo)簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴(yán)格的組織工具,并且不使用任何格式與其關(guān)聯(lián)。
注釋: 是一個塊級元素,也就是說,瀏覽器通常會在 div 元素前后放置一個換行符。
提示:請使用 元素來組合塊級元素,這樣就可以使用樣式對它們進(jìn)行格式化。
2.圖片標(biāo)簽(img)
img標(biāo)簽必選屬性:
src:圖片地址,可以是本地圖片,也可以是其他網(wǎng)頁的圖片
alt:規(guī)定圖像的替代文本。當(dāng)圖片無法正常顯示的時候會顯示這里的文本。
img標(biāo)簽常用屬性:
height:設(shè)置圖像高度
width:設(shè)置圖片寬度
border:圖片邊框的設(shè)置
img標(biāo)簽的所有屬性及其描述:
http://www.w3school.com.cn/tags/tag_img.asp
3.序列標(biāo)簽
- 標(biāo)簽列表:
標(biāo)簽定義列表項目。
標(biāo)簽可用在有序列表 () 和無序列表 () 中。
常用屬性:type(規(guī)定使用哪種項目符號。)
- 無序標(biāo)簽:
- 有序標(biāo)簽:
可以設(shè)置樣式:text-decoration: none; ---去掉原有標(biāo)簽的文本裝飾
4.表格標(biāo)簽(table)
表格由 標(biāo)簽來定義。每個表格均有若干行(由 標(biāo)簽定義),每行被分割為若干單元格(由 標(biāo)簽定義)。字母 td 指表格數(shù)據(jù)(table data),即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
表格的表頭使用 標(biāo)簽進(jìn)行定義。大多數(shù)瀏覽器會把表頭顯示為粗體居中的文本。
表格的邊框?qū)傩詁oeder:設(shè)置表格的邊框。如果不定義邊框?qū)傩?,表格將不顯示邊框。
單元格邊距cellpadding:設(shè)置表格的內(nèi)邊距,即每個 中的內(nèi)容與 格子的距離。
單元格間距cellspacing:設(shè)置表格的外邊距,即每個 格子之間的距離。
合并列單元格colspan:合并同一行的某幾列(橫向)
合并行單元格rowspan:合并同一列的某幾行(縱向)
5.表單標(biāo)簽(form)
HTML 表單用于收集用戶輸入。表單包含許多表單元素,表單元素指的是不同類型的 input 元素、復(fù)選框、單選按鈕、提交按鈕等等。多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽(),輸入類型是由類型屬性(type)定義的。
類型 描述
text
定義常規(guī)文本輸入
password
輸入字符不可見,而是以星號或圓點替代顯示
radio
定義單選按鈕輸入(選擇多個選擇之一)
checkbox
定義了復(fù)選框. 選取一個或若干選項
submit
定義提交按鈕(提交表單)
button
定義普通的按鈕
其他類型詳見:http://www.runoob.com/tags/tag-input.html
公司主營業(yè)務(wù):網(wǎng)站設(shè)計制作、網(wǎng)站制作、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出武江免費做網(wǎng)站回饋大家。
6.塊
div與span
- div是一個html標(biāo)簽, 一個塊級元素(單獨顯示一行), 單獨使用沒有任何意義, 必須結(jié)合CSS來使用, 主要用于頁面的布局;
- span是一個html標(biāo)簽, 一個內(nèi)聯(lián)元素(顯示一行), 它單獨使用沒有任何意義, 必須結(jié)合css使用, 主要對括起來的內(nèi)容進(jìn)行樣式的修飾;
總結(jié):
- 常見的行內(nèi)標(biāo)簽和 塊級元素分別有哪些?
行內(nèi)標(biāo)簽:span, strong, a, img, input, textarea
塊級元素:div, h2->h7, p, hr, pre, ul, ol, dd, dt, th. tr, td - 兩者的區(qū)別與特性;
1).塊級元素獨占一行空間, 行內(nèi)元素只占據(jù)自身寬度的空間;
2).塊級元素是可以包含塊級元素和行內(nèi)元素; 行內(nèi)元素只能包含文本信息和行內(nèi)元素;
3). 塊級元素可以設(shè)置寬和高, 行內(nèi)元素設(shè)置的寬和高失效; - 如何讓塊級元素居中? 如何讓行內(nèi)元素居中?
1).塊級元素居中: margin: 0 auto
2).行內(nèi)元素居中: text-aligin:center
CSS
1.CSS 概述
CSS 指層疊樣式表 (Cascading Style Sheets)
樣式定義如何顯示 HTML 元素
樣式通常存儲在樣式表中
把樣式添加到 HTML 4.0 中,是為了解決內(nèi)容與表現(xiàn)分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常存儲在 CSS 文件中
多個樣式定義可層疊為一
2.CSS 語法
CSS 規(guī)則由兩個主要的部分構(gòu)成:選擇器,一條或多條聲明。
selector {property: value}
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性(property)是您希望設(shè)置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。
多重聲明:
提示:如果要定義不止一個聲明,則需要用分號將每個聲明分開。
3.四類選擇器
1.元素選擇器(類型選擇器)
最常見的 CSS 選擇器是元素選擇器。換句話說,文檔的元素就是最基本的選擇器。
在 W3C 標(biāo)準(zhǔn)中,元素選擇器又稱為類型選擇器(type selector)。
“類型選擇器匹配文檔語言元素類型的名稱。類型選擇器匹配文檔樹中該元素類型的每一個實例。”
參考網(wǎng)址:http://www.w3school.com.cn/css/css_selector_type.asp
2.id選擇器
id選擇器以 符號"#" 來定義。
id選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式。
在一個 HTML 文檔中,ID 選擇器會使用一次,而且僅一次。
參考網(wǎng)址:http://www.w3school.com.cn/css/css_selector_id.asp
3.類選擇器
類選擇器以一個點號"."來定義
類選擇器使得所有使用這個樣式的標(biāo)簽具有同樣的效果
參考網(wǎng)址:http://www.w3school.com.cn/css/css_selector_class.asp
4.屬性選擇器
屬性選擇器可以根據(jù)元素的屬性及屬性值來選擇元素。
對帶有指定屬性的 HTML 元素設(shè)置樣式??梢詾閾碛兄付▽傩缘?HTML 元素設(shè)置樣式,而不僅限于 class 和 id 屬性。
參考網(wǎng)址:http://www.w3school.com.cn/css/css_selector_attribute.asp
4.插入樣式表的三種方法:
1.外部樣式表(External style sheet)
當(dāng)樣式需要應(yīng)用于很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用 標(biāo)簽鏈接到樣式表。 標(biāo)簽在(文檔的)頭部:
瀏覽器會從文件 mystyle.css 中讀到樣式聲明,并根據(jù)它來格式文檔。
外部樣式表可以在任何文本編輯器中進(jìn)行編輯。文件不能包含任何的 html 標(biāo)簽。樣式表應(yīng)該以 .css 擴(kuò)展名進(jìn)行保存。
2.內(nèi)部樣式表(Internal style sheet)
當(dāng)單個文檔需要特殊的樣式時,就應(yīng)該使用內(nèi)部樣式表。你可以使用
3.內(nèi)聯(lián)樣式(Inline style)
由于要將表現(xiàn)和內(nèi)容混雜在一起,內(nèi)聯(lián)樣式會損失掉樣式表的許多優(yōu)勢。請慎用這種方法,例如當(dāng)樣式僅需要在一個元素上應(yīng)用一次時。
要使用內(nèi)聯(lián)樣式,你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式(style)屬性。Style 屬性可以包含任何 CSS 屬性。
一般情況下,優(yōu)先級如下:
內(nèi)聯(lián)樣式)Inline style > (內(nèi)部樣式)Internal style sheet >(外部樣式)External style sheet > 瀏覽器默認(rèn)樣式
名稱欄目:HTML與CSS基礎(chǔ)知識
文章源于:http://weahome.cn/article/iheihd.html
其他資訊