摘要:段落標簽中段落標簽是,表示一段文字,是否換行取決于視圖窗口的大小。字體裝飾加粗字體建議使用,不要使用標簽,同樣傾斜字體應該使用標簽而不建議使用標簽,之所以這樣做主要是為了保證代碼的語義良好。
相信大家常常會打開瀏覽器搜索一些內容或者瀏覽一些網站,在瀏覽器的頁面上會呈現很多內容,但是具體的形式無非就是圖片、文字以及鏈接(可以點擊進入另一個頁面的特殊文字),其中文字承載著巨大的作用,傳遞著各種各樣的信息,同時網頁的問題可能作為標題、作為段落而存在,而且我們還可以為這些問題添加一些效果比如加粗、傾斜等等,這些都可以通過HTML實現,實際也就是因為這些內容采用了不同的標簽,在本節中我們就來學習這些內容。
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>的是生命,生命對人來說只有一次。人的一生應當這樣度過:當他回首往事時,<em>不會因為碌碌無為,虛度年華而悔恨,也不會因為為人卑劣,生活庸俗而愧疚。em>p> 22 <p>人<b>最寶貴b>的是生命,生命對人來說只有一次。人的一生應當這樣度過:當他回首往事時,<i>不會因為碌碌無為,虛度年華而悔恨,也不會因為為人卑劣,生活庸俗而愧疚。i>p>View Code
HTML中針對標題提供了
HTML中段落標簽是
,表示一段文字,是否換行取決于視圖窗口的大小。在使用段落標簽時注意不存在在段落標簽中嵌套段落標簽的形式,因為這種操作沒有實際的意義,瀏覽器對于這種情況會在嵌套標簽的開始和結尾添加一個結束標簽,糾正我們的錯誤,但是這種處理操作會影響頁面的響應速度。
加粗字體建議使用,不要使用標簽,同樣傾斜字體應該使用標簽而不建議使用標簽,之所以這樣做主要是為了保證代碼的語義良好。
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">優秀段落a> 7 <h2>優秀段落1h2> 8 <p> 9 我不能想像這樣一個人,他認為開棋的時候先走馬而不是先走卒對他來說是英勇的壯舉,而在象棋指南的某個犄角里占上一席可憐的位置就意味著聲名不朽,我不能想像,一個聰明人竟然能夠在10年、20年、30年、40年之中一而再、再而三地把他全部的思維能力都獻給一種荒誕的事情——想盡一切辦法把木頭棋子王趕到木板棋盤的角落里,而自己卻沒有發狂成為瘋子。 10 p> 11 <h2>優秀段落2h2> 12 <p> 13 我不能想像這樣一個人,他認為開棋的時候先走馬而不是先走卒對他來說是英勇的壯舉,而在象棋指南的某個犄角里占上一席可憐的位置就意味著聲名不朽,我不能想像,一個聰明人竟然能夠在10年、20年、30年、40年之中一而再、再而三地把他全部的思維能力都獻給一種荒誕的事情——想盡一切辦法把木頭棋子王趕到木板棋盤的角落里,而自己卻沒有發狂成為瘋子。 14 p> 15 16 <a name="good">優秀段落a>View Code
鏈接就是在網頁中可以點擊之后跳轉到其他頁面的文字或者圖片,這些功能的實現需要借助HTML中的標簽實現,在這里我們需要注意錨鏈接的實現方式。所謂錨鏈接就是點擊當前頁面的某個位置可以跳轉到當前頁面的另一個位置,這種操作我們稱之為錨鏈接,其實現過程如下:
首先,在目標位置設置錨點 內容描述;
最后,在操作位置設置鏈接 描述文本;
另外和鏈接密切相關的就是鏈接所指向的地址,而地址相關的內容又有相對路徑和絕對路徑的分別,關于它們的內容總結如下:
絕對路徑,對路徑的完整描述,常常指向站外的某個地址;
相對路徑,相對當前路徑的描述,一般指向的是站內的某個地址;
<img src=”圖片地址” alt=”圖像替代文字” title=”鼠標懸停提示文字” width =”圖片寬度” height=”圖片高度”/>
如上所示就會在網頁中插入一張圖片,這里我們需要注意的是要盡可能的設置圖片標簽的 title、alt屬性,這樣可以增強用戶的操作體驗,但是不建議設置width、height相關的額屬性,這種樣式需要CPU進行相應的處理。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/2083.html
摘要:由于網頁中不僅包含普通文本,還包含超文本,故被稱作超文本描述語言。是的縮寫,中文的意思是超文本標記語言,它是制作網頁的標準語言。 html是什么 HTML是Hyper Text Markup Language的縮寫,中文的意思是超文本標記語言,它是制作網頁的標準語言。由于網頁中不僅包含普通文本,還包含超文本,故被稱作超文本描述語言。那什么是超文本呢?所謂超文本,就是指圖像、視頻、動畫、...
摘要:如果希望某段文本強制換行顯示,就需要使用換行標簽在中直接敲回車來換行是不起作用的。標簽的屬性用于指定超鏈接目標的。這是因為標識符幾乎可以用在所有的標簽中。 一·- 單詞縮寫:headHTML的-代表了六個等級的標題,其中標簽比較重要,因此要盡量少用。一般是給logo使用,或者是頁面中最重要的標題。 Heading level 1 Heading level 2 Heading leve...
摘要:主要通過樣式為其賦予不同的表現標簽用來定義內聯行內元素,并無實際的意義。html文檔結構 1 DOCTYPE html> 2 <html lang="zh-CN"> #這個lang表示語言,zh-CN中文的意思,整個文檔的內容以中文為主,如果以英文為主,就寫成lang=en 3 4 <head> 5 <meta charset...
摘要:標簽的認識一標簽的分類雙標簽如單標簽如換行標簽二標簽的關系嵌套關系如與父子關系并列關系如與兄弟關系三排版標簽標題標簽比較重要,一般用作網站的段落標簽水平線標簽單標簽換行標簽標簽網頁布局標親盒子四文本格式化標簽文本加粗標簽不推薦使用的加粗標HTML標簽的認識一、標簽的分類1、雙標簽 如 2、單標簽 如 換行標簽 二、標簽的關系1、嵌套關系 如 與title 父子關系2、并列關系如與 兄弟關系...
HTML5常用標簽分類 標簽(空格分隔): HTML 前端開發 [TOC] 一.HTML文檔標簽 : 定義文檔類型. : 定義HTML文檔. : 定義文檔的頭部.(頭部內包含) (1). ``: 定義元素可提供有關頁面的元信息,比如針對搜索引擎和更新頻度的描述和關鍵詞. (2). ``:定義頁面上的所有鏈接規定默認地址或默認目標. (3). ``: 定義文檔的標題. (4). ``: 定...
閱讀 713·2023-04-25 19:43
閱讀 3910·2021-11-30 14:52
閱讀 3784·2021-11-30 14:52
閱讀 3852·2021-11-29 11:00
閱讀 3783·2021-11-29 11:00
閱讀 3869·2021-11-29 11:00
閱讀 3558·2021-11-29 11:00
閱讀 6105·2021-11-29 11:00