1. 程式人生 > >html5 a標籤,img標籤,em和i標籤,strong和b標籤,q標籤

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.顯示效果為傾斜,沒有強調的意思--> <!--emi標籤的最終顯示的方式一樣,但所達到的效果差別很大。所以用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屬性:用來指定要開啟的頁面和當前頁面的關係nextprev  新增該屬性可以起到搜尋引擎優化的效果-->
<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>
註釋說明:為了使自己網頁能更快的被檢索到,最好使用帶有強調作用的標籤

相關推薦

pxem, 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標籤emi標籤strongb標籤,q標籤

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行級標籤</title> </head&

python學習之網站的編寫(HTMLCSSJS)(五)----------a標籤用於實現網頁的跳轉頁面具體位置的跳轉

 a標籤既可以實現頁面的跳轉也可以實現具體位置的跳轉,見如下程式碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit

IEFirefox下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 - 標籤aimg、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、aimg標籤簡介

一、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中第二行會空缺一塊ie8FF正常怎麼解決?

這是HTML------   <div id="picslist">   <h1>圖片展示</h1>        <asp:ListView ID="ListView1" runat="server">   <EmptyDataTemplate>

HTML-h、p、aimg標籤小試

1.HTML標題(Heading) (1)通過<h1> - <h6>等標籤進行定義的 示例程式碼如下: <span style="font-family:Microsoft YaHei;"><html> <body>

關於EL表示式中requestScopeparam區別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"