成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

2. HTML常用標簽

番茄西紅柿 / 1825人閱讀

摘要:段落標簽中段落標簽是,表示一段文字,是否換行取決于視圖窗口的大小。字體裝飾加粗字體建議使用,不要使用標簽,同樣傾斜字體應(yīng)該使用標簽而不建議使用標簽,之所以這樣做主要是為了保證代碼的語義良好。

相信大家常常會打開瀏覽器搜索一些內(nèi)容或者瀏覽一些網(wǎng)站,在瀏覽器的頁面上會呈現(xiàn)很多內(nèi)容,但是具體的形式無非就是圖片、文字以及鏈接(可以點擊進入另一個頁面的特殊文字),其中文字承載著巨大的作用,傳遞著各種各樣的信息,同時網(wǎng)頁的問題可能作為標題、作為段落而存在,而且我們還可以為這些問題添加一些效果比如加粗、傾斜等等,這些都可以通過HTML實現(xiàn),實際也就是因為這些內(nèi)容采用了不同的標簽,在本節(jié)中我們就來學習這些內(nèi)容。

文本標簽

 1 
 2 <h1>標題1h1>
 3 <h2>標題2h2>
 4 <h3>標題3h3>
 5 <h4>標題4h4>
 6 <h5>標題5h5>
 7 <h6>標題6h6>
 8 
 9 <h7>標題7h7>
10 <h8>標題8h8>
11 
12 
13 <p>有情不必終老,暗香浮動恰好,無情未必就是決絕,我只要記著:初見時彼此的微笑。p>
14 <p>
15     <p>有情不必終老,暗香浮動恰好,p>
16     <p>無情未必就是決絕,我只要記著:p>
17     初見時彼此的微笑。
18 p>
19 
20 
21 <p><strong>最寶貴strong>的是生命,生命對人來說只有一次。人的一生應(yīng)當這樣度過:當他回首往事時,<em>不會因為碌碌無為,虛度年華而悔恨,也不會因為為人卑劣,生活庸俗而愧疚。em>p>
22 <p><b>最寶貴b>的是生命,生命對人來說只有一次。人的一生應(yīng)當這樣度過:當他回首往事時,<i>不會因為碌碌無為,虛度年華而悔恨,也不會因為為人卑劣,生活庸俗而愧疚。i>p>
View Code

標題標簽

HTML中針對標題提供了

~

六種形式的標簽,而且從

字體都有加粗,字號逐漸變小,這就是標題標簽的一些特征。另外需要我們注意的是并不存在這六種標簽之外的標題標簽,不要試圖設(shè)置之類的標簽,這種形式的標簽瀏覽器會當作普通的文本對待,這點需要我們特別注意。

段落標簽

HTML中段落標簽是

,表示一段文字,是否換行取決于視圖窗口的大小。在使用段落標簽時注意不存在在段落標簽中嵌套段落標簽的形式,因為這種操作沒有實際的意義,瀏覽器對于這種情況會在嵌套標簽的開始和結(jié)尾添加一個結(jié)束標簽,糾正我們的錯誤,但是這種處理操作會影響頁面的響應(yīng)速度。

字體裝飾

加粗字體建議使用,不要使用標簽,同樣傾斜字體應(yīng)該使用標簽而不建議使用標簽,之所以這樣做主要是為了保證代碼的語義良好。

鏈接標簽

 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     我不能想像這樣一個人,他認為開棋的時候先走馬而不是先走卒對他來說是英勇的壯舉,而在象棋指南的某個犄角里占上一席可憐的位置就意味著聲名不朽,我不能想像,一個聰明人竟然能夠在10年、20年、30年、40年之中一而再、再而三地把他全部的思維能力都獻給一種荒誕的事情——想盡一切辦法把木頭棋子王趕到木板棋盤的角落里,而自己卻沒有發(fā)狂成為瘋子。
10 p>
11 <h2>優(yōu)秀段落2h2>
12 <p>
13     我不能想像這樣一個人,他認為開棋的時候先走馬而不是先走卒對他來說是英勇的壯舉,而在象棋指南的某個犄角里占上一席可憐的位置就意味著聲名不朽,我不能想像,一個聰明人竟然能夠在10年、20年、30年、40年之中一而再、再而三地把他全部的思維能力都獻給一種荒誕的事情——想盡一切辦法把木頭棋子王趕到木板棋盤的角落里,而自己卻沒有發(fā)狂成為瘋子。
14 p>
15 
16 <a name="good">優(yōu)秀段落a>
View Code

鏈接就是在網(wǎng)頁中可以點擊之后跳轉(zhuǎn)到其他頁面的文字或者圖片,這些功能的實現(xiàn)需要借助HTML中的標簽實現(xiàn),在這里我們需要注意錨鏈接的實現(xiàn)方式。所謂錨鏈接就是點擊當前頁面的某個位置可以跳轉(zhuǎn)到當前頁面的另一個位置,這種操作我們稱之為錨鏈接,其實現(xiàn)過程如下:

首先,在目標位置設(shè)置錨點 內(nèi)容描述;

最后,在操作位置設(shè)置鏈接 描述文本;

另外和鏈接密切相關(guān)的就是鏈接所指向的地址,而地址相關(guān)的內(nèi)容又有相對路徑和絕對路徑的分別,關(guān)于它們的內(nèi)容總結(jié)如下:

絕對路徑,對路徑的完整描述,常常指向站外的某個地址;

相對路徑,相對當前路徑的描述,一般指向的是站內(nèi)的某個地址;

圖片標簽

<img src=”圖片地址” alt=”圖像替代文字” title=”鼠標懸停提示文字” 
width =”圖片寬度” height=”圖片高度”/>

 

如上所示就會在網(wǎng)頁中插入一張圖片,這里我們需要注意的是要盡可能的設(shè)置圖片標簽的 title、alt屬性,這樣可以增強用戶的操作體驗,但是不建議設(shè)置width、height相關(guān)的額屬性,這種樣式需要CPU進行相應(yīng)的處理。

 

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/2083.html

相關(guān)文章

  • 沃土前端系列 - HTML常用標簽

    摘要:由于網(wǎng)頁中不僅包含普通文本,還包含超文本,故被稱作超文本描述語言。是的縮寫,中文的意思是超文本標記語言,它是制作網(wǎng)頁的標準語言。 html是什么 HTML是Hyper Text Markup Language的縮寫,中文的意思是超文本標記語言,它是制作網(wǎng)頁的標準語言。由于網(wǎng)頁中不僅包含普通文本,還包含超文本,故被稱作超文本描述語言。那什么是超文本呢?所謂超文本,就是指圖像、視頻、動畫、...

    lbool 評論0 收藏0
  • 第三天·HTML常用標簽

    摘要:如果希望某段文本強制換行顯示,就需要使用換行標簽在中直接敲回車來換行是不起作用的。標簽的屬性用于指定超鏈接目標的。這是因為標識符幾乎可以用在所有的標簽中。 一·- 單詞縮寫:headHTML的-代表了六個等級的標題,其中標簽比較重要,因此要盡量少用。一般是給logo使用,或者是頁面中最重要的標題。 Heading level 1 Heading level 2 Heading leve...

    guqiu 評論0 收藏0
  • html常用標簽整理

    摘要:主要通過樣式為其賦予不同的表現(xiàn)標簽用來定義內(nèi)聯(lián)行內(nèi)元素,并無實際的意義。html文檔結(jié)構(gòu) 1 DOCTYPE html> 2 <html lang="zh-CN"> #這個lang表示語言,zh-CN中文的意思,整個文檔的內(nèi)容以中文為主,如果以英文為主,就寫成lang=en 3 4 <head> 5 <meta charset...

    番茄西紅柿 評論0 收藏0
  • 第六課 Html5常用標簽 html5學習1

    摘要:標簽的認識一標簽的分類雙標簽如單標簽如換行標簽二標簽的關(guān)系嵌套關(guān)系如與父子關(guān)系并列關(guān)系如與兄弟關(guān)系三排版標簽標題標簽比較重要,一般用作網(wǎng)站的段落標簽水平線標簽單標簽換行標簽標簽網(wǎng)頁布局標親盒子四文本格式化標簽文本加粗標簽不推薦使用的加粗標HTML標簽的認識一、標簽的分類1、雙標簽 如 2、單標簽 如 換行標簽 二、標簽的關(guān)系1、嵌套關(guān)系 如 與title 父子關(guān)系2、并列關(guān)系如與 兄弟關(guān)系...

    siberiawolf 評論0 收藏0
  • HTML5常用標簽分類

    HTML5常用標簽分類 標簽(空格分隔): HTML 前端開發(fā) [TOC] 一.HTML文檔標簽 : 定義文檔類型. : 定義HTML文檔. : 定義文檔的頭部.(頭部內(nèi)包含) (1). ``: 定義元素可提供有關(guān)頁面的元信息,比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞. (2). ``:定義頁面上的所有鏈接規(guī)定默認地址或默認目標. (3). ``: 定義文檔的標題. (4). ``: 定...

    canopus4u 評論0 收藏0
  • HTML常用標簽

    摘要:提示判斷版本決定是否顯示,使用如下請升級瀏覽器參考鏈接標簽代碼參考自綠葉學習網(wǎng),網(wǎng)址部分代碼參考自菜鳥教程,網(wǎng)址如有侵權(quán),請聯(lián)系刪除 HTML之常用標簽 介紹了前端中常用的標簽,講解了行內(nèi)元素和塊元素的區(qū)別,同時重點解釋了語義化的意義! html標簽 html控制頁面結(jié)構(gòu),良好的頁面結(jié)構(gòu)有利于seo優(yōu)化 html常用標簽 ...

    余學文 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<