html5 a標籤,img標籤,em和i標籤,strong和b標籤,q標籤
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行級標籤</title> </head> <body> <!--通過a標籤新增一個錨點--> <a name="top"></a> <!--span文字標籤: 1.包裹文字中的某一個或某幾個欄位,方便新增樣式 2.它本身沒有任何樣式--> <p>商品價格:僅售<span style="color: red;font-size: 30px">10</span>元</p>
<!--img(圖片): 1.src:用來指定你要顯示的圖片的路徑 2.alt:當你指定的圖片不存在時,相關的錯誤提示資訊 3.title:當滑鼠懸浮在圖片上時,相關的提示資訊 4.align:指定圖片的顯示位置 5.width:指定圖片的寬度 6.:指定圖片的高度 --> <img src="../img/Lenovo.jpg"alt="圖片不存在" title="lenovo電腦" align="left" width="350" height="200"> <!--em(強調) 1.顯示效果為傾斜,並且有強調的效果,為了更方便的被優先搜尋到--> <!--i標籤 1.顯示效果為傾斜,沒有強調的意思--> <!--em和i標籤的最終顯示的方式一樣,但所達到的效果差別很大。所以用em標籤--> <p> <em>版權所有,侵權必究。</em> <br/> <i>版權所有,侵權必究。</i> </p>
<hr/> <!--strong標籤 1.顯示效果為傾斜,加粗,並且有強調的效果,為了更方便的被優先搜尋到--> <!--b標籤 1.顯示效果為傾斜,加粗,沒有強調的意思--> <p>版權所有,侵權必究。</p> <strong>版權所有,侵權必究。</strong> <br/> <b>版權所有,侵權必究。</b><br/> <!--q標籤:主動為內容新增雙引號--><q>版權所有,侵權必究。</q> <!--small:相比相鄰的文字,small標籤內的文字字型更小--><q>版權<small>所有</sma>,侵權必究。</q> <br/> <!--a標籤的三種功能: 1.頁面跳轉 2.錨點連結 3.功能連線-->
<!--href屬性:用定超連結要跳轉的頁面,頁面可以是本地頁面,也可以是非本地頁面 title屬性:當滑鼠指向頁面跳轉1時會顯示傑瑞教育字樣,即用來指定滑鼠懸浮時的提示文字 target屬性:描點連結在當前頁面開啟target="_blank" 連結在新的頁面開啟 target="__self",即目標視窗的位置 rel屬性:用來指定要開啟的頁面和當前頁面的關係next和prev 新增該屬性可以起到搜尋引擎優化的效果--><a href="https://www.baidu.com/">頁面跳轉1</a>
<a href="http://localhost:63342/HtmlProject/Exercise/First/Homework1.html">頁面跳轉2</a>
<!--跳轉到錨點名稱為top地方去-->
<a href="#top">返回頂部</a>
<!--跳轉到外部頁面的同時,也可以指定所跳轉到頁面的位置 方法:路徑地址+錨點地址(錨點名稱)--><!--功能性連結:mailto://xxxxxxx 給指定郵箱傳送郵件 tencent://message/?uin=xxxxxxx 給指定QQ傳送訊息--><a href="tencent://message/?uin=297053005">發訊息</a> <a href="mailto://[email protected]">發郵件</a>
</body> </html>
註釋說明:為了使自己網頁能更快的被檢索到,最好使用帶有強調作用的標籤
相關推薦
px,em, rem的區別,在專案中怎麼使用rem.
一、px px畫素,絕對單位。畫素px是相對於顯示器螢幕解析度而言的,是一個虛擬的長度單位,是計算機系統的數字化影象長度單位,如果px要換算成物理長度單位,需要指定精度DPI。 二、em em是相對長度單位,相當於當前物件內文字的字型尺寸,如果當前對行內文字的字型尺寸未被人設定,則是相對於瀏覽器預設字型
c++筆記08---I/O 流,格式化 I/O,非格式化 I/O,隨機 I/O,二進位制 I/O
1. 輸入輸出 I/O 流 C: fopen/fclose/fread/fwrite/fprintf/fscanf/fseek/ftell/fput/fget... C++: 對基本的 I/O 操作做了類的封裝,其功能沒有任何差別,用法
html5 a標籤,img標籤,em和i標籤,strong和b標籤,q標籤
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行級標籤</title> </head&
python學習之網站的編寫(HTML,CSS,JS)(五)----------a標籤,用於實現網頁的跳轉和頁面具體位置的跳轉
a標籤既可以實現頁面的跳轉也可以實現具體位置的跳轉,見如下程式碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit
IE和Firefox下,a標籤使用href=”javascript:void(0);”和target=”_blank”行為不符合預期
今天在開發中發現,使用如下方式的連結。在Chrome中點選後行為符合預期,但在IE下會新開標籤卡(根據參考資料,Firefox中有相同問題)。 <a href=”javascript:void
讓HTML標籤、DIV、SPAN擁有focus事件和blur事件,聚焦和失焦
DIV和其他普通標籤是不具有onfocus和onblur事件的。INPUT和A標籤為什麼擁有?而DIV和SPAN等普通標籤卻沒有?有時候我們習慣性用鍵盤的TAB來移動游標,仔細看你會發現,游標只在INPUT和A上跳轉。因為INPUT和A標籤具備TAB屬性。我們只需要給DIV或者SPAN等普通標籤建立TAB,這
java生成二維碼,在中間附上logo,下方附上文字,img標籤嵌入
package com.audaque.web.action; import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.image.BufferedImage; import
CSS/HTML - 標籤a、img、list的常用方式
目錄 一、a標籤 1、常用用法 2、相對路徑 3、常用屬性 4、其他用法 5、a標籤reset操作:預設屬性的清除 6、錨點(點選返回頂部) 7、滑鼠樣式 8、圖片跳轉頁面 二、img標籤 1、常用用法
前端網頁學習day46(組合選擇器 屬性選擇器 盒模型 a標籤,img標籤,list標籤 偽類選擇器)
前端網頁學習(html) DAY46 今日內容: css組合選擇器 屬性選擇器 盒模型 盒模型佈局 a標籤、img、list標籤 偽類選擇器 css組合選擇器 特性: 每個選擇器位可以為任意基本選擇器或選擇器組合 群組選擇器:可以控制多個 div, .s,
HTML學習筆記 -- day01 p、h、a、img標籤簡介
一、HTML骨架 1、標準骨架 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
HTML5文字域,單選框、複選框,下拉列表框,提交、重置按鈕的設定,label標籤
文字域,支援多行文字輸入 當用戶需要在表單中輸入大段文字時,需要用到文字輸入域。 語法: <textarearows="行數"cols="列數">文字</textarea>
Mybatis#{}和${}的區別是什麼?,Xml對映檔案中,除了常見的select|insert|updae|delete標籤之外,還有哪些標籤?
Mybatis技術內幕系列部落格,從原理和原始碼角度,介紹了其內部實現細節,無論是寫的好與不好,我確實是用心寫了,由於並不是介紹如何使用Mybatis的文章,所以,一些引數使用細節略掉了,我們的目標是介紹Mybatis的技術架構和重要組成部分,以及基本執行原理。 部落格寫的
html5之canvas困惑 在canvas標籤內需要設定了寬跟高,如果在css中設定同樣的寬跟高,畫出來的影象變形了?
<canvas class="cvs"></canvas>遇到的問題:如css 中設.cvs{width:500px;height:400px;},也就是css改變了canvas的尺寸後,本來是可以畫出一個圓來,現在卻是一個扁平的圓,為什麼呀?如圖:什
li標籤float:left,IE6中第二行會空缺一塊,ie8和FF正常,怎麼解決?
這是HTML------ <div id="picslist"> <h1>圖片展示</h1> <asp:ListView ID="ListView1" runat="server"> <EmptyDataTemplate>
HTML-h、p、a、img標籤小試
1.HTML標題(Heading) (1)通過<h1> - <h6>等標籤進行定義的 示例程式碼如下: <span style="font-family:Microsoft YaHei;"><html> <body>
關於EL表示式中requestScope和param區別,el表示式與jstl標籤
今天演示EL表示式的時候發現自己jsp的基礎實在是薄弱,在這個很簡單的問題上迷惑了很久。 首先在看遇到的問題: 在瀏覽器地址輸入,表示傳入一個引數test,值為123 http://localhost:8888/Test/index.jsp?test=123 在in
HTML5 a標籤定義超連結詳解
前言<a>標籤定義超連結,用於從一張頁面連結到另一張頁面。 <a>元素最重要的屬性是 href 屬性,它指示連結的目標。指向 w3school 的超連結:<a href="http://www.w3school.com.cn">W3Scho
img標籤src路徑不變,讀取不同圖片時,圖片不重新整理甚至不顯示
問題描述: 1. Linux作業系統,weblogic伺服器下部署應用,IE9瀏覽器從伺服器取圖片顯示,相同src ,但圖片不同,第一次讀圖片,能夠顯示。當後一張圖片覆蓋前一張圖片後,再次讀取圖片,會
jstl標籤forEach用法小結,後臺接收表單(字串和陣列)
對於在頁面上顯示大量資料庫查詢出來的內容時,有必要使用jstl的迴圈語句forEach。 先從後臺查詢:List<Map<String,Object>> systemNameList = sendPowerService.getAllSystemNa
jsp頁面,使用Struts2標簽,傳遞和獲取Action類裏的參數,註意事項。<s:a action><s:iterator><s:param>ognl表達式
ram abc 從數據 -- xml文件 struts2標簽 ice 由於 spa 在編寫SSH2項目的時候,除了使用<s:form>表單標簽向Action類跳轉並傳遞參數之外,很更多時候還需要用到<s:a action="XXX.action"