、优秀英文信息源
1、英国《经济学家》
http://www.economist.com
2、美联社
http://wire.ap.org/GoToAP.cgi
3、英国BBC
http://news.bbc.co.uk
4、《纽约时报》
http://www.nytimes.com
5、普利策新闻奖1995年到2001年全部获奖作品
http://www.pulitzer.org
6、美国全国广播公司
http://www.msnbc.com/news
7、《华尔街日报》评论
http://www.opinionjournal.com
8、香港《南华早报》
http://china.scmp.com/index.html
二、新闻收藏夹
1、CNN可以直接访问的地址
http://asia.cnn.com(亚洲版)
2、CNN可以通过代理服务器访问的地址
http://207.25.71.5(国际版)
3、BBC可以通过代理服务器访问的地址
http://212.58.240.36
4、《华盛顿邮报》社论版 可以通过代理服务器访问的地址:
http://64.215.175.141/wp-dyn/opinion
三、英美外电新闻
1、《泰晤士报》
http://www.thetimes.co.uk
2、《基督教科学箴言报》
http://www.csmonitor.com
3、《今日美国》
http://usatoday.com
4、美国广播公司
http://abcnews.go.com
5、英国《观察家》
http://www.observer.co.uk
6、英国《每日电讯》
http://www.dailytelegraph.co.uk
四、英美周刊杂志
1、《每周标准》
http://www.weeklystandard.com
2、《外交事务杂志》
http://www.foreignaffairs.orghttp:/...eignaffairs.org
3、《沙龙》
http://www.salon.com
4、《美国观察者》
http://www.gilder.com/amspec/index.html
5、《新共和》
http://www.tnr.com/
6、《国家评论》
http://www.nationalreview.com
7、《国家杂志》
http://nationaljournal.com/about/njweekly/stories/
8、《纽约客》
http://www.newyorker.com/
9、《纽约书评》
http://www.nybooks.com/
10、《外交政策》
http://www.foreignpolicy.com/
11、《大西洋月刊》
The Atlantic Onlinehttp://www.theatlantic.com//
12、《外交政策聚焦》
http://www.foreignpolicy-infocus.org/
13、《民族》
The Nationhttp://www.thenation.com/
14、《进步》
Homepage of The Progressive magazine http://www.progressive.org/
15、《洋葱》
http://www.theonion.com/(有趣新闻站点)
五、时事资料
1、安全政策研究中心
http://www.centerforsecuritypolicy.org/
2、美国国务院各国背
http://www.state.gov/r/pa/bgn/
3、世界各国地图
http://www.lib.utexas.edu/maps/index.html
4、卫星照片
http://www.spaceimaging.com/
5、网上各国政府资料
http://www.gksoft.com/govt/en/
6、中国外交部各国背景
http://www.fmprc.gov.cn/chn/c242.html
六、英美常用经济网站
1、《金融时报》
http://news.ft.com/home/rw
2、《商业周刊》
http://news.ft.com/home/rw
3、《财富》
http://www.fortune.com/fortune
4、《远东经济评论》
http://www.feer.com
5、《福布斯》
http://www.forbes.com
6、哥伦比亚广播公司《市场观察》
http://cbs.marketwatch.com/news/default.asp?siteid=mktw
7、《街》
http://www.thestreet.com/
8、《IELTSCHN》
http://www.ieltschn.com/
七、非英美周刊杂志和资料站点
1、德国《镜报》
http://www.spiegel.de/spiegel(点击English Texts)
2、教廷《罗马观察家》
http://www.vatican.va/news_services..._eng/index.html
3、捷克《布拉格邮报》
http://www.praguepost.cz/
4、《俄罗斯周刊》
http://www.russiajournal.com/
5、英国《简氏防务周刊》
http://www.janes.com/
6、埃及《中东时报》
http://www.metimes.com/
7、《巴勒斯坦时报月刊》
http://www.ptimes.com/
8、巴勒斯坦《耶路撒冷时报》
http://www.jerusalem-times.net/
9、埃及《Al-Ahram周刊》
http://www.ahram.org.eg/weekly/
10、阿富汗研究
http://www.institute-for-afghan-studies.org/
11、中东新
http://www.middleeastwire.com/
12、以色列DEBKA档案
http://www.debka.com/(一个情报站点)
13、保加利亚《首都周刊》
http://www-us.capital.bg/old/weekly/index.html
14、皇帝的新装
http://www.emperors-clothes.com ;
15、全球主义者
http://www.theglobalist.com/
16、台湾《东森新闻报》
http://www.ettoday.com/
http://www.hjenglish.com
八、非英美外电新闻
1、《东盟新闻》
http://www.aseanreview.com
2、菲律宾《星报》
http://www.philstar.com/htmtest/index.htm
3、菲律宾《每日调查》
http://www.inq7.net/
4、印尼《雅加达邮报》
http://www.thejakartapost.com/headlines.asp
5、新加坡《海峡时报》
http://straitstimes.asia1.com.sg/home
6、巴基斯坦《黎明报》
http://www.dawn.com
7、《印度时报》
http://www.timesofindia.com
9、尼泊尔新闻
http://www.nepalnews.com.np
10、德国《法兰克福汇报》
http://www.faz.com/IN/INtemplates/eFAZ/default.asp
11、俄罗斯《莫斯科时报》
http://www.moscowtimes.ru
12、保加利亚《新闻报》
http://news.bg/en/
13、保加利亚《索菲亚回声报》
http://www.sofiaecho.com/
14、《爱尔兰时报》
http://www.ireland.com/
15、以色列《哈阿雷兹》
http://www.haaretzdaily.com/
16、伊拉克新闻
http://www.uruklink.net/iraqnews/eindex.htm
17、《约旦时报》
http://www.jordantimes.com
18、阿联酋《Khaleej时报》
http://www.khaleejtimes.com/
19、古巴《格拉玛》
http://www.granma.cu/ingles/index.html
20、阿根廷《布宜诺斯艾利斯先驱报》
http://www.buenosairesherald.com
21、泛非洲在线
http://allafrica.com/
22、联合国新闻中心
http://www.un.org/News
23、《时代周刊》
www.time.com
24、《国家地理》
http://www.nationalgeographic.com
25、《新闻周刊》
http://www.msnbc.com/news/NW-front_Front.asp
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
HTML 链接
如何在HTML文档中创建链接。
(可以在本页底端找到更多实例)
HTML 超链接(链接)
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
在标签<a> 中使用了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时,链接显示为红色并带有下划线。
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。
HTML 链接语法
链接的 HTML 代码很简单。它类似这样::
<a href="url">链接文本</a>
href 属性描述了链接的目标。.
实例
<a href="http://www.runoob.com/">访问菜鸟教程</a>
上面这行代码显示为:: 访问菜鸟教程
点击这个超链接会把用户带到菜鸟教程的首页。
提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
HTML 链接 - target 属性
使用 target 属性,你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档:
实例
<ahref="http://www.runoob.com/"target="_blank">访问菜鸟教程!</a>
HTML 链接- id 属性
id属性可用于创建在一个HTML文档书签标记。
提示: 书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。
实例
在HTML文档中插入ID:
<a id="tips">有用的提示部分</a>
在HTML文档中创建一个链接到"有用的提示部分(id="tips")":
<a href="#tips">访问有用的提示部分</a>
或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")":
<a href="http://www.runoob.com/html/html-links.html#tips">
访问有用的提示部分</a>
基本的注意事项 - 有用的提示
注释: 请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.runoob.com/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.runoob.com/html/"。
图片链接
如何使用图片链接。
在当前页面链接到指定位置
如何使用书签
跳出框架
本例演示如何跳出框架,假如你的页面被固定在框架之内。
创建电子邮件链接
本例演示如何如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)
建电子邮件链接 2
本例演示更加复杂的邮件链接。
HTML 链接标签
标签 | 描述 |
---|---|
<a> | 定义一个超级链接 |
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
前几天我发现了一个我以前从未听说过的很酷的 HTML 属性。capture. 所以我决定制作一个关于它的视频和博客文章。
如果您愿意,可以使用以下视频格式:
https://youtu.be/DSTXUEHZRiU
您可以将capture属性放在具有文件类型的输入上,您可以给它一个值“ user”或“ environment”。
捕获属性的有趣之处在于用户通过移动设备访问您的网站。如果他们与该输入交互,而不是打开默认文件选择器,它实际上会打开他们的一个摄像头。它可能是前置摄像头或后置摄像头,具体取决于值。
如果将值设置为“ user”,它将使用面向用户或前置摄像头和/或麦克风。如果您将其设置为“ environment”,它将使用外置或后置摄像头和/或麦克风。
为了自己测试,我创建了一个 index.html 文件,如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<style>
* {
font-size: 1.5rem;
}
</style>
</head>
<body>
<label for="environment">Capture environment:</label>
<br>
<input
type="file"
id="environment"
capture="environment"
accept="video/*"
>
<br><br>
<label for="user">Capture user:</label>
<br>
<input
type="file"
id="user"
capture="user"
accept="image/*"
>
</body>
</html>
HTML 唯一相关的部分是两个输入。它们都具有捕获属性并且它们都具有接受属性。一个被设置为捕捉environment任何类型的视频的“ ”。另一个设置为捕获user带有任何类型图像的“ ”。
capture 属性在桌面上并没有真正做任何有趣的事情。当我单击输入时,我看到它打开了文件选择器。
但这是有趣的部分……
如果我在手机上打开该页面并单击第一个输入,我的相机将以视频录制模式打开。当我单击第二个输入时,我的手机会以图像捕捉模式打开相机(但由于某种原因,我的手机无法区分前置或后置摄像头)。
当您实际拍摄照片或视频时,该文件将发送到 HTML 输入。
多么酷啊!?!?
现在,每当我们谈论新的 Web API 或功能时,我们都必须讨论兼容性,如果我们查看caniuse.com 上的支持,它看起来并不好......
但这实际上是有道理的,因为所有这些不受支持的浏览器实际上都是桌面浏览器,没有前置或后置摄像头。所以只打开文件选择器是有意义的。
但是所有支持的浏览器都是移动浏览器。所以这个功能很好用。
另一件很酷的事情是,即使用户使用不受支持的浏览器访问您的应用程序,它也会退回到默认的文件选择器 UI。
渐进增强 FTW!!!
这就是 HTML 捕获属性。如果您知道您的移动用户将在上传时拍摄照片、视频或录音,这是一种添加更好用户体验的非常酷的方式。
非常感谢您的阅读。如果你喜欢这篇文章,请分享它。这是支持我的最佳方式之一。
*请认真填写需求信息,我们会在24小时内与您取得联系。