摘要:段落標(biāo)簽中段落標(biāo)簽是,表示一段文字,是否換行取決于視圖窗口的大小。字體裝飾加粗字體建議使用,不要使用標(biāo)簽,同樣傾斜字體應(yīng)該使用標(biāo)簽而不建議使用標(biāo)簽,之所以這樣做主要是為了保證代碼的語義良好。
相信大家常常會(huì)打開瀏覽器搜索一些內(nèi)容或者瀏覽一些網(wǎng)站,在瀏覽器的頁面上會(huì)呈現(xiàn)很多內(nèi)容,但是具體的形式無非就是圖片、文字以及鏈接(可以點(diǎn)擊進(jìn)入另一個(gè)頁面的特殊文字),其中文字承載著巨大的作用,傳遞著各種各樣的信息,同時(shí)網(wǎng)頁的問題可能作為標(biāo)題、作為段落而存在,而且我們還可以為這些問題添加一些效果比如加粗、傾斜等等,這些都可以通過HTML實(shí)現(xiàn),實(shí)際也就是因?yàn)檫@些內(nèi)容采用了不同的標(biāo)簽,在本節(jié)中我們就來學(xué)習(xí)這些內(nèi)容。
1 2 <h1>標(biāo)題1h1> 3 <h2>標(biāo)題2h2> 4 <h3>標(biāo)題3h3> 5 <h4>標(biāo)題4h4> 6 <h5>標(biāo)題5h5> 7 <h6>標(biāo)題6h6> 8 9 <h7>標(biāo)題7h7> 10 <h8>標(biāo)題8h8> 11 12 13 <p>有情不必終老,暗香浮動(dòng)恰好,無情未必就是決絕,我只要記著:初見時(shí)彼此的微笑。p> 14 <p> 15 <p>有情不必終老,暗香浮動(dòng)恰好,p> 16 <p>無情未必就是決絕,我只要記著:p> 17 初見時(shí)彼此的微笑。 18 p> 19 20 21 <p>人<strong>最寶貴strong>的是生命,生命對(duì)人來說只有一次。人的一生應(yīng)當(dāng)這樣度過:當(dāng)他回首往事時(shí),<em>不會(huì)因?yàn)槁德禑o為,虛度年華而悔恨,也不會(huì)因?yàn)闉槿吮傲樱钣顾锥⒕巍?span style="color: #0000ff;">em>p> 22 <p>人<b>最寶貴b>的是生命,生命對(duì)人來說只有一次。人的一生應(yīng)當(dāng)這樣度過:當(dāng)他回首往事時(shí),<i>不會(huì)因?yàn)槁德禑o為,虛度年華而悔恨,也不會(huì)因?yàn)闉槿吮傲樱钣顾锥⒕巍?span style="color: #0000ff;">i>p>View Code
HTML中針對(duì)標(biāo)題提供了
HTML中段落標(biāo)簽是
,表示一段文字,是否換行取決于視圖窗口的大小。在使用段落標(biāo)簽時(shí)注意不存在在段落標(biāo)簽中嵌套段落標(biāo)簽的形式,因?yàn)檫@種操作沒有實(shí)際的意義,瀏覽器對(duì)于這種情況會(huì)在嵌套標(biāo)簽的開始和結(jié)尾添加一個(gè)結(jié)束標(biāo)簽,糾正我們的錯(cuò)誤,但是這種處理操作會(huì)影響頁面的響應(yīng)速度。
加粗字體建議使用,不要使用標(biāo)簽,同樣傾斜字體應(yīng)該使用標(biāo)簽而不建議使用標(biāo)簽,之所以這樣做主要是為了保證代碼的語義良好。
1 2 <a href="http://www.baidu.com/">百度a> 3 <a href="http://www.baidu.com/" target="_self">百度a> 4 <a href="http://www.baidu.com/" target="_blank">百度a> 5 6 <a href="#good">優(yōu)秀段落a> 7 <h2>優(yōu)秀段落1h2> 8 <p> 9 我不能想像這樣一個(gè)人,他認(rèn)為開棋的時(shí)候先走馬而不是先走卒對(duì)他來說是英勇的壯舉,而在象棋指南的某個(gè)犄角里占上一席可憐的位置就意味著聲名不朽,我不能想像,一個(gè)聰明人竟然能夠在10年、20年、30年、40年之中一而再、再而三地把他全部的思維能力都獻(xiàn)給一種荒誕的事情——想盡一切辦法把木頭棋子王趕到木板棋盤的角落里,而自己卻沒有發(fā)狂成為瘋子。 10 p> 11 <h2>優(yōu)秀段落2h2> 12 <p> 13 我不能想像這樣一個(gè)人,他認(rèn)為開棋的時(shí)候先走馬而不是先走卒對(duì)他來說是英勇的壯舉,而在象棋指南的某個(gè)犄角里占上一席可憐的位置就意味著聲名不朽,我不能想像,一個(gè)聰明人竟然能夠在10年、20年、30年、40年之中一而再、再而三地把他全部的思維能力都獻(xiàn)給一種荒誕的事情——想盡一切辦法把木頭棋子王趕到木板棋盤的角落里,而自己卻沒有發(fā)狂成為瘋子。 14 p> 15 16 <a name="good">優(yōu)秀段落a>View Code
鏈接就是在網(wǎng)頁中可以點(diǎn)擊之后跳轉(zhuǎn)到其他頁面的文字或者圖片,這些功能的實(shí)現(xiàn)需要借助HTML中的標(biāo)簽實(shí)現(xiàn),在這里我們需要注意錨鏈接的實(shí)現(xiàn)方式。所謂錨鏈接就是點(diǎn)擊當(dāng)前頁面的某個(gè)位置可以跳轉(zhuǎn)到當(dāng)前頁面的另一個(gè)位置,這種操作我們稱之為錨鏈接,其實(shí)現(xiàn)過程如下:
首先,在目標(biāo)位置設(shè)置錨點(diǎn) 內(nèi)容描述;
最后,在操作位置設(shè)置鏈接 描述文本;
另外和鏈接密切相關(guān)的就是鏈接所指向的地址,而地址相關(guān)的內(nèi)容又有相對(duì)路徑和絕對(duì)路徑的分別,關(guān)于它們的內(nèi)容總結(jié)如下:
絕對(duì)路徑,對(duì)路徑的完整描述,常常指向站外的某個(gè)地址;
相對(duì)路徑,相對(duì)當(dāng)前路徑的描述,一般指向的是站內(nèi)的某個(gè)地址;
<img src=”圖片地址” alt=”圖像替代文字” title=”鼠標(biāo)懸停提示文字” width =”圖片寬度” height=”圖片高度”/>
如上所示就會(huì)在網(wǎng)頁中插入一張圖片,這里我們需要注意的是要盡可能的設(shè)置圖片標(biāo)簽的 title、alt屬性,這樣可以增強(qiáng)用戶的操作體驗(yàn),但是不建議設(shè)置width、height相關(guān)的額屬性,這種樣式需要CPU進(jìn)行相應(yīng)的處理。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/2083.html
摘要:由于網(wǎng)頁中不僅包含普通文本,還包含超文本,故被稱作超文本描述語言。是的縮寫,中文的意思是超文本標(biāo)記語言,它是制作網(wǎng)頁的標(biāo)準(zhǔn)語言。 html是什么 HTML是Hyper Text Markup Language的縮寫,中文的意思是超文本標(biāo)記語言,它是制作網(wǎng)頁的標(biāo)準(zhǔn)語言。由于網(wǎng)頁中不僅包含普通文本,還包含超文本,故被稱作超文本描述語言。那什么是超文本呢?所謂超文本,就是指圖像、視頻、動(dòng)畫、...
摘要:如果希望某段文本強(qiáng)制換行顯示,就需要使用換行標(biāo)簽在中直接敲回車來換行是不起作用的。標(biāo)簽的屬性用于指定超鏈接目標(biāo)的。這是因?yàn)闃?biāo)識(shí)符幾乎可以用在所有的標(biāo)簽中。 一·- 單詞縮寫:headHTML的-代表了六個(gè)等級(jí)的標(biāo)題,其中標(biāo)簽比較重要,因此要盡量少用。一般是給logo使用,或者是頁面中最重要的標(biāo)題。 Heading level 1 Heading level 2 Heading leve...
摘要:主要通過樣式為其賦予不同的表現(xiàn)標(biāo)簽用來定義內(nèi)聯(lián)行內(nèi)元素,并無實(shí)際的意義。html文檔結(jié)構(gòu) 1 DOCTYPE html> 2 <html lang="zh-CN"> #這個(gè)lang表示語言,zh-CN中文的意思,整個(gè)文檔的內(nèi)容以中文為主,如果以英文為主,就寫成lang=en 3 4 <head> 5 <meta charset...
摘要:標(biāo)簽的認(rèn)識(shí)一標(biāo)簽的分類雙標(biāo)簽如單標(biāo)簽如換行標(biāo)簽二標(biāo)簽的關(guān)系嵌套關(guān)系如與父子關(guān)系并列關(guān)系如與兄弟關(guān)系三排版標(biāo)簽標(biāo)題標(biāo)簽比較重要,一般用作網(wǎng)站的段落標(biāo)簽水平線標(biāo)簽單標(biāo)簽換行標(biāo)簽標(biāo)簽網(wǎng)頁布局標(biāo)親盒子四文本格式化標(biāo)簽文本加粗標(biāo)簽不推薦使用的加粗標(biāo)HTML標(biāo)簽的認(rèn)識(shí)一、標(biāo)簽的分類1、雙標(biāo)簽 如 2、單標(biāo)簽 如 換行標(biāo)簽 二、標(biāo)簽的關(guān)系1、嵌套關(guān)系 如 與title 父子關(guān)系2、并列關(guān)系如與 兄弟關(guān)系...
HTML5常用標(biāo)簽分類 標(biāo)簽(空格分隔): HTML 前端開發(fā) [TOC] 一.HTML文檔標(biāo)簽 : 定義文檔類型. : 定義HTML文檔. : 定義文檔的頭部.(頭部?jī)?nèi)包含) (1). ``: 定義元素可提供有關(guān)頁面的元信息,比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞. (2). ``:定義頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo). (3). ``: 定義文檔的標(biāo)題. (4). ``: 定...
摘要:提示判斷版本決定是否顯示,使用如下請(qǐng)升級(jí)瀏覽器參考鏈接標(biāo)簽代碼參考自綠葉學(xué)習(xí)網(wǎng),網(wǎng)址部分代碼參考自菜鳥教程,網(wǎng)址如有侵權(quán),請(qǐng)聯(lián)系刪除 HTML之常用標(biāo)簽 介紹了前端中常用的標(biāo)簽,講解了行內(nèi)元素和塊元素的區(qū)別,同時(shí)重點(diǎn)解釋了語義化的意義! html標(biāo)簽 html控制頁面結(jié)構(gòu),良好的頁面結(jié)構(gòu)有利于seo優(yōu)化 html常用標(biāo)簽 ...
閱讀 730·2023-04-25 19:43
閱讀 3974·2021-11-30 14:52
閱讀 3801·2021-11-30 14:52
閱讀 3865·2021-11-29 11:00
閱讀 3796·2021-11-29 11:00
閱讀 3894·2021-11-29 11:00
閱讀 3571·2021-11-29 11:00
閱讀 6154·2021-11-29 11:00