A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© a_dream 中级黑马   /  2014-4-10 22:05  /  1398 人查看  /  5 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


本帖最后由 adream 于 2014-4-10 20:20 编辑


一、创建电子邮件链接实例1、实例一
<html>

<body>

<p>
这是邮件链接:
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
</p>

<p>
<b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。
</p>

</body>
</html>

2、实例二
<html>

<body>

<p>
这是另一个 mailto 链接:
<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件!</a>
</p>

<p>
<b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。
</p>

</body>
</html>
二、将图像转换成图像映射
1、实例一
<!DOCTYPE html>
<html>

<body>

<p>请把鼠标移动到图像上,看一下状态栏的坐标如何变化。</p>

<a href="/example/html/html_ismap.html">
<img src="/i/eg_planets.jpg" ismap />
</a>

</body>
</html>
2、实例二
<html>
<body>

<p>请点击图像上的星球,把它们放大。</p>

<img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />

<map name="planetmap" id="planetmap">

<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />

<area
shape="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" />

<area
shape="rect"
coords="0,0,110,260"
href ="/example/html/sun.html"
target ="_blank"
alt="Sun" />

</map>

<p><b>注释:</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>

</body>
</html>三、HTML元素
3.1、HTML 块元素
大多数 HTML 元素被定义为块级元素或内联元素。
编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
例子:<h1>, <p>, <ul>, <table>
3.2、HTML 内联元素内联元素在显示时通常不会以新行开始。例子:<b>, <td>, <a>, <img>
3.3、HTML <div> 元素
HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
3.4、HTML <span> 元素HTML <span> 元素是内联元素,可用作文本的容器。<span> 元素也没有特定的含义。当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。
四、HTML音频效果的使用实例
1、使用 QuickTime 来播放 Wave 音频
<object width="420" height="360"classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="bird.wav" /><param name="controller" value="true" /></object>2、使用 QuickTime 来播放 MP4 视频<object width="420" height="360"classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="movie.mp4" /><param name="controller" value="true" /></object>3、使用 Flash 来播放 SWF 视频<object width="400" height="40"classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"><param name="SRC" value="bookmark.swf"><embed src="bookmark.swf" width="400" height="40"></embed></object>
4、使用 Windows Media Player 来播放 WMV 影片<object width="100%" height="100%"type="video/x-ms-asf" url="3d.wmv" data="3d.wmv"classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"><param name="url" value="3d.wmv"><param name="filename" value="3d.wmv"><param name="autostart" value="1"><param name="uiMode" value="full" /><param name="autosize" value="1"><param name="playcount" value="1"><embed type="application/x-mplayer2" src="3d.wmv" width="100%" height="100%" autostart="true" showcontrols="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed></object>

5 个回复

倒序浏览
哥们 发错地方了!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
回复 使用道具 举报
2528870651 发表于 2014-4-11 18:28
哥们 发错地方了!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ...

呵呵,你是哪期的啊
回复 使用道具 举报
a_dream 发表于 2014-4-11 20:36
呵呵,你是哪期的啊

现在还不是哪一期的,也许37
回复 使用道具 举报
????????发错地方了吧
回复 使用道具 举报
2528870651 发表于 2014-4-11 21:19
现在还不是哪一期的,也许37

哥们,你分 咋这么高?很吓人。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马