[計算機(jī)軟件及應(yīng)用]html第2章：html-css快速入門(編輯修改稿)
2025-03-19 17:26 本頁面
【文章內(nèi)容簡介】 ? 網(wǎng)頁中的信息主要是通過文本傳遞的，所以文本是 Web信息的基本構(gòu)成。下面介紹與文本編輯有關(guān)的元素，包括： ? p 段落標(biāo)記 ? pre 預(yù)定標(biāo)記 ? br 換行標(biāo)記 ? blockquote 縮進(jìn)標(biāo)記 – 不建議使用 ? div、 span 區(qū)塊標(biāo)記 ? hr 水平線標(biāo)記 ? strong、 em 強調(diào)標(biāo)記 ? h1h2h3h4h5h6 文本標(biāo)題標(biāo)記 ? liulol 列表標(biāo)記 ? dldtdd 定義列表標(biāo)記 p段落元素的語法 ? 開始標(biāo)記： p 必需 ? 內(nèi)容： ? 嵌套其他塊元素 ? 內(nèi)聯(lián)元素 ? 文本 ? 結(jié)束標(biāo)記： /p 可選 段落元素的屬性 屬性 作用 Id class 和樣式表結(jié)合使用，給文檔中的某一段落賦以唯一的標(biāo)識 Lang dir 語言和文本方向 Dir的可選值為 :ltr(left to right),rtl title 元素的標(biāo)題，它的作用是設(shè)定當(dāng)鼠標(biāo)停留在該元素上時，出現(xiàn)的高亮提示文字 style 直接指定該元素的樣式 align 對齊屬性。建議不使用，因為該屬性應(yīng)該在樣式表中給出 段落元素應(yīng)用舉例 p align=center段落文本居中 /p p align=right段落文本居右 /p p align=“l(fā)eft”段落文本居左 /p pre預(yù)定義元素 ? pre/pre的作用 ? 預(yù)定義格式的作用是告訴瀏覽器被包含在其中的文本必須被如下對待： ? 原封不動地保留空白區(qū)域 ? 可以用組合字體來顯示文字 ? 禁止自動單詞換行 pre預(yù)定義元素語法 ? 開始標(biāo)記： pre 必需 ? 內(nèi)容： ? 嵌套其他塊元素 ? 內(nèi)聯(lián)元素 ? 文本 ? 結(jié)束標(biāo)記： /pre 必需 ? 主要屬性 ? Id、 class、 align、 title、 style、 lang等 同一文字在 pre和 p中區(qū)別 pre 好雨知時節(jié) 當(dāng)春乃發(fā)生 隨風(fēng)潛入夜 潤物細(xì)無聲 /pre p 好雨知時節(jié) 當(dāng)春乃發(fā)生 隨風(fēng)潛入夜 潤物細(xì)無聲 /p br換行符元素 ? br ? 在網(wǎng)頁中回車 ? 開始標(biāo)記： br 必需 ? 內(nèi)容： ? 無 ? 結(jié)束標(biāo)記： 禁用 ? 主要屬性 ? id,class 標(biāo)識和類標(biāo)識 ? title 高亮提示 ? style 樣式信息 ? clear 用來指示浮動對象出現(xiàn)的位置 (遭到反對 ) 使用 br和 p的不同效果 ? p段落一 /p ? p段落二 br ? 這里有一個換行符 /p ? p段落三 /p blockquote縮進(jìn)元素 ? blockquote 不建議使用 ? blockquote標(biāo)記本來使用于文本中的引用，現(xiàn)在使用blockquote都是把它作為縮進(jìn)文本的手段 ? 無屬性 div塊元素分組 ? div的作用 – 頁面經(jīng)常使用 div來控制顯示的元素 ? 為塊元素提供分組的方法 ? 常被用于和樣式表配合使用 ? div還被用來作為層用于頁面布局 塊元素分組語法 ? 開始標(biāo)記： div 必需 ? 內(nèi)容： ? 嵌套其他塊元素 ? 內(nèi)聯(lián)元素 ? 文本 ? 結(jié)束標(biāo)記： /div 必需 ? 主要屬性 ? id、 class、 align、 title、 style、 lang等 span內(nèi)聯(lián)元素分組 ? span元素的作用 ? Span提供了一種對內(nèi)聯(lián)元素分組的方法 ? Span 常用來和樣式表配合 ? span往往被用來設(shè)置同一行文字內(nèi)的不同格式 span內(nèi)聯(lián)元素語法 ? 開始標(biāo)記： span 必需 ? 內(nèi)容： ? 嵌套其他塊元素 ? 內(nèi)聯(lián)元素 ? 文本 ? 結(jié)束標(biāo)記： /span 必需 ? 主要屬性 ? Id、 class、 align、 title、 style、 lang等 div、 span應(yīng)用舉例 p span style=color:red 好雨 /span 知時節(jié) div style=color:green。fontsize:19pt 當(dāng)春乃發(fā)生 隨風(fēng)潛入夜 潤物細(xì)無聲 /div /p hr水平線元素 ? hr的作用 ? 該元素可以在文檔中劃一條水平線，當(dāng)文檔比較大時常用來分割文檔 ? 主要屬性 ? width 寬度 ? size 高度 ? noshade 該行不帶陰影 ? color 線條顏色 ? 語法 ? 開始標(biāo)記： hr 必需 ? 內(nèi)容： ? 無 ? 結(jié)束標(biāo)記： 禁用 hr水平線元素應(yīng)用舉例 ? hr ? hr color=FF0066 size=20pt noshade ? hr width=50% 加強元素和強調(diào)元素 ? Strong 和 em ? 默認(rèn)效果：給字體加粗和斜體顯示 ? 開始標(biāo)記：必需 ? 內(nèi)容： ? 內(nèi)聯(lián)元素 ? 文本 ? 結(jié)束標(biāo)記：必需 ? 主要屬性 ? Id、 class、 align、 title、 style、 lang等 文本標(biāo)題元素 ? h1h2h3h4h5h6標(biāo)題 1標(biāo)題 6 ? 這六個元素的作用是讓文字以醒目的方式顯示，往往用于文章的標(biāo)題 h1標(biāo)題 1/h1 h2 標(biāo)題 2/h2 h3 標(biāo)題 3 /h3 h4標(biāo)題 4 /h4 h5標(biāo)題 5 /h5 h6標(biāo)題 6 /h6 文本標(biāo)題元素語法 ? 從 h1到 h6 ? 開始標(biāo)記：必需 ? 內(nèi)容： ? 內(nèi)聯(lián)元素 ? 文本 ? 結(jié)束標(biāo)記：必需 ? 主要屬性 ? id、 class、 align、 title、 style、 lang等 列表元素 ? liulol ? 列表是指將具有相似特征或者是具有先后順序的幾行文字進(jìn)行對齊排列 ? 列表分為有序列表 ol和無序列表 ul兩種 ? Ol – ordered list ? ul – unordered list ? li列表項元素用來包含 ol和 ul兩種列表的列表項，也就是列表內(nèi)容 ? li list 無序列表元素語法 ? ul無序列表元素 ? 開始標(biāo)記：必需 ? 內(nèi)容： ? 列表項 ? 結(jié)束標(biāo)記：必需 ? 主要屬性 ? id、 class、 align、 title、 style、 lang ? type 列表符號，可取值為 disc,square,circle 有序列表元素語法 ? ol有序列表元素 ? 開始標(biāo)記：必需 ? 內(nèi)容： ? 列表項 ? 結(jié)
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1