怎样用html发布一个网页链接

html-css09

怎样用html发布一个网页链接,第1张

内部链接是链接到本地的页面。

基本语法:

<a href="将要链接的地址">需要显示的字符</a>

简单吧。

举个例子。

首先,看下小编的目录。

其中,hello.html是主页面,我将在其中做一个链接,让他链接到另一个网页www.html上。

先看hello.html的代码

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<a href="www.html">链接</a>

</body>

</html>

其中:<a href="www.html">链接</a>

在页面上,将出现“链接”两个字,点击“链接”之后,将会跳转到www.html的页面

看下hello.html的效果图

点击上面的链接后,将会链接到www.html上。

www.html的效果图:

6

当然,还有一些属性需要注意:

<a href="链接的目标" target="yyy">显示的字样</a>

yyy = "-self" 在当前页面打开

= “-blank” 在一个新的页面打开

当然,还有许多其他的内容,等待着你去挖掘、

在做手机网站在分享到微信时,通过微信内置浏览器访问页面分享后,希望可以自定义小图标(imgUrl)和分享链接(lineLink),下面下微信内置浏览器分享功能的JS代码,希望对大家有所帮助。

JS代码如下:

var imgUrl = "图片LOGO注意必须是绝对路径" 

var lineLink = "网站网址,必须是绝对路径" 

var descContent = '分享给朋友或朋友圈时的文字简介'

var shareTitle = '标题' 

var appid = '' //apiID,可留空

function shareFriend() {

WeixinJSBridge.invoke('sendAppMessage',{

"appid": appid,

"img_url": imgUrl,

"img_width": "200",

"img_height": "200",

"link": lineLink,

"desc": descContent,

"title": shareTitle

}, function(res) {

//_report('send_msg', res.err_msg)

})

}

function shareTimeline() {

WeixinJSBridge.invoke('shareTimeline',{

"img_url": imgUrl,

"img_width": "200",

"img_height": "200",

"link": lineLink,

"desc": descContent,

"title": shareTitle

}, function(res) {

//_report('timeline', res.err_msg)

})

}

function shareWeibo() {

WeixinJSBridge.invoke('shareWeibo',{

"content": descContent,

"url": lineLink,

}, function(res) {

//_report('weibo', res.err_msg)

})

}

// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

// 发送给好友

WeixinJSBridge.on('menu:share:appmessage', function(argv){

shareFriend()

})

// 分享到朋友圈

WeixinJSBridge.on('menu:share:timeline', function(argv){

shareTimeline()

})

// 分享到微博

WeixinJSBridge.on('menu:share:weibo', function(argv){

shareWeibo()

})

}, false)