您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關HTML中文本標簽、超鏈接標簽、圖片標簽怎么用,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
1、簡介
在Web應用中,服務器把網頁傳給瀏覽器,實際上就是把網頁的HTML代碼發送給瀏覽器,讓瀏覽器顯示出來。而瀏覽器和服務器之間的傳輸協議是HTTP,所以:
1)HTML是一種用來定義網頁的文本,會HTML,就可以編寫網頁;
2)HTTP是在網絡上傳輸HTML的協議,用于瀏覽器和服務器的通信。
2、頁面顯示的過程
當瀏覽器讀取到網頁首頁的HTML源碼后,它會解析HTML,顯示頁面,然后,根據HTML里面的各種鏈接,再發送HTTP請求給新浪服務器,拿到相應的圖片、視頻、Flash、JavaScript腳本、CSS等各種資源,最終顯示出一個完整的頁面。所以我們在 ?Network ? 下面能看到很多額外的HTTP請求。
3、HTTP請求
跟蹤了新浪的首頁,我們來總結一下HTTP請求的流程:
1)瀏覽器首先向服務器發送HTTP請求,請求包括:
方法:GET還是POST,GET僅請求資源,POST會附帶用戶數據;
路徑:/full/url/path;
域名:由Host頭指定:Host: ?以及其他相關的Header;
如果是POST,那么請求還包括一個Body,包含用戶數據。
2)服務器向瀏覽器返回HTTP響應,響應包括:
響應代碼:200表示成功,3xx表示重定向,4xx表示客戶端發送的請求有錯誤,5xx表示服務器端處理時發生了錯誤;
響應類型:由Content-Type指定;以及其他相關的Header;通常服務器的HTTP響應會攜帶內容,也就是有一個Body,包含響應的內容,網頁的HTML源碼就在Body中。
3)如果瀏覽器還需要繼續向服務器請求其他資源,比如圖片,就再次發出HTTP請求,重復步驟1、2。
Web采用的HTTP協議采用了非常簡單的請求-響應模式,從而大大簡化了開發。當我們編寫一個頁面時,我們只需要在HTTP請求中把HTML發送出去,不需要考慮如何附帶圖片、視頻等,瀏覽器如果需要請求圖片和視頻,它會發送另一個HTTP請求,因此,一個HTTP請求只處理一個資源。
HTTP協議同時具備極強的擴展性,一個站點可以鏈接到其他站點,無數個站點互相鏈接起來,就形成了World ?Wide ?Web,簡稱WWW。
網頁就是HTML?這么理解大概沒錯。因為網頁中不但包含文字,還有圖片、視頻、Flash小游戲,有復雜的排版、動畫效果,所以,HTML定義了一套語法規則,來告訴瀏覽器如何把一個豐富多彩的頁面顯示出來。
所以,學HTML,就不要指望從新浪入手了。我們來看看最簡單的HTML長什么樣:
這就是我們寫的最簡單的歡迎儀式了;
HTML文檔就是一系列的Tag組成,最外層的Tag是 ?<html> ? 。規范的HTML也包含 ?<head>…</head> ? 和 ?<body>…</body> ? (注意不要和HTTP的Header、Body搞混了),由于HTML是富文檔模型,所以,還有一系列的Tag用來表示鏈接、圖片、表格、表單等等。
HTML是一種用來描述網頁的標記性語言。學習HTML可能并不難,主要是要記一些HTML標簽和標簽代表的含義,在這里由于我是寫后端
的,所以這里說的并沒有很清晰詳細;其次前端頁面的標簽非常多,我不可能記住每一個怎么用,在這里先介紹一個很好的網站
這里是比較全的所有有關web
1、
<div>標簽定義 HTML 文檔中的分隔(division)或部分(section)。
<div> 標簽常用于組合塊級元素,以便通過樣式表來對這些元素進行格式化。
<div> 標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具,并且不使用任何格式與其關聯。 如果用 id 或 class 來標記
<div>,那么該標簽的作用會變得更加有效
2、
<h2> - <h7> 標簽可定義標題。<h2> 定義最大的標題。<h7> 定義最小的標題。
由于 h 元素擁有確切的語義,因此請您慎重地選擇恰當的標簽層級來構建文檔的結構。因此,請不要利用標題標簽來改變同一行中的字體大小。相反,我們應當使用層疊樣式表定義來達到漂亮的顯示效果。
3、
<br/>換行標簽
4、
<p> 標簽定義段落。
p 元素會自動在其前后創建一些空白。瀏覽器會自動添加這些空間,您也可以在樣式表中規定。
5、
<sub> 標簽可定義下標文本;
<sup> 可定義上標文本。
6、
<hr> 標簽水平線,它應該定義內容中的主題變化。
7、
? 空格,在html中的空格在頁面中是無法顯示的,需要特殊的字符來代替空格
8、
<strong>定義重要的文本。
<em>呈現為被強調的文本。
<dfn>定義一個定義項目。
<code>定義計算機代碼文本。
<samp>定義樣本文本。
<kbd>定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經常用在與計算機相關的文檔或手冊中。
<var>定義變量。您可以將此標簽與 <pre> 及 <code> 標簽配合使用。
<cite>定義引用。可使用該標簽對參考文獻的引用進行定義,比如書籍或雜志的標題。
9、
<u> 標簽定義下劃線文本。HTML 5 中不再支持該標簽。
10、
<span> 標簽被用來組合文檔中的行內元素。
span 沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。
11、
<blockquote> 標簽定義摘自另一個源的塊引用。
<blockquote> 與 </blockquote> 之間的所有文本都會從常規文本中分離出來,經常會在左、右兩邊進行縮進,而且有時會使用斜體。也就是說,塊引用擁有它們自己的空間。
12、
<pre> 標簽的一個常見應用就是用來表示計算機的源代碼。
pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
關于“HTML中文本標簽、超鏈接標簽、圖片標簽怎么用”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。