黑马程序员技术交流社区

标题: HTML-你不知道的那些事 [打印本页]
作者: a_dream    时间: 2014-4-10 22:05
标题: HTML-你不知道的那些事

本帖最后由 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>
作者: 2528870651    时间: 2014-4-11 18:28
哥们 发错地方了！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
作者: a_dream    时间: 2014-4-11 20:36
2528870651 发表于 2014-4-11 18:28
哥们 发错地方了！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ ...

呵呵，你是哪期的啊
作者: 2528870651    时间: 2014-4-11 21:19
a_dream 发表于 2014-4-11 20:36
呵呵，你是哪期的啊

现在还不是哪一期的，也许37
作者: 孟凡超    时间: 2014-5-2 08:14
？？？？？？？？发错地方了吧
作者: 362688114    时间: 2014-5-6 11:22
2528870651 发表于 2014-4-11 21:19
现在还不是哪一期的，也许37

哥们，你分 咋这么高？很吓人。



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2