Html初级教程学习手札

学习HTML

利用吃完饭的时候，暂且学习了较为简单的html语言。

有点累去休息休息，也大概了解了一下标签的作用。

额…2013年3月11日17:06:47html学习了大概知道了个所以然。

今天探讨css的时候，眼睛一阵昏阙。

看来css并非那么容易学。

好吧。

暂且把css搁置…

<title>halo word</title><!– 这些信息通常会在鼠标移到元素上时显示一段工具提示文本 –>

<html><!– 定义 HTML 文档。–>

<!– This is a head–>

<body bgcolor=“#3399CC”><!– 定义文档的主体–>

<br /><!– 插入单个折行（换行）–>

<h3>what you name?<h3><!– 定义 HTML 标题大小 –>

<hr /><!– 定义水平线 –>

<p>my nanme is lijianxiong<p><!– 定义段落 –>

<hr /><!– 定义水平线 –>

<a href=“http://localhost/em">this my blog</a><!– 超文本引用 –>

<hr /><!– 定义水平线 –>

<p><img src=“content/uploadfile/201303/a97b1362732513.jpg” width=“320” height=“240”</p><!– 在网页中调用图片 –>

<hr /><!– 定义水平线 –>

<bdo dir=“rtl”>Here is some Hebrew text</bdo><!– 此例演示如何改变文字的方向 –>

<br />

<hr />

这是长的引用：

<blockquote>大家好，我叫黎健雄，一个既平凡又没有亮点的名字。首先感谢我妈，在1995年8月19日，让我诞生在这个充满着希望却毫无节操的年代。</blockquote><!– 这是长的引用 –>

<br />

<hr />

<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p><!– 删除字效果和插入字效果 –>

使用 HTML5 <audio> 元素

<audio> 元素是一个 HTML5 元素，在 HTML 4 中是非法的，但在所有浏览器中都有效。

实例

<audio controls=“controls”>

<source src=“song.mp3” type=“audio/mp3” />

<source src=“song.ogg” type=“audio/ogg” />

Your browser does not support this audio format.

</audio>

亲自试一试

上面的例子使用了一个 mp3 文件，这样它在 Internet Explorer、Chrome 以及 Safari 中是有效的。

为了使这段音频在 Firefox 和 Opera 中同样有效，添加了一个 ogg 类型的文件。如果失败，会显示错误消息。

问题：

<audio> 标签在 HTML 4 中是无效的。您的页面无法通过 HTML 4 验证。

您必须把音频文件转换为不同的格式。

<audio> 元素在老式浏览器中不起作用。

注释：使用 <!DOCTYPE html> (HTML5) 解决验证问题。

雅虎媒体播放器

实例

<a href=“song.mp3”>Play Sound</a>

<script type=“text/javascript” src=“http://mediaplayer.yahoo.com/js">

</script>

亲自试一试

使用雅虎播放器是免费的。如需使用它，您需要把这段 JavaScript 插入网页底部：

<script type=“text/javascript” src=“http://mediaplayer.yahoo.com/js"></script>

然后只需简单地把 MP3 文件链接到您的 HTML 中，JavaScript 会自动地为每首歌创建播放按钮：

<a href=“song1.mp3”>Play Song 1</a>

…

…

…

雅虎媒体播放器为您的用户提供的是一个小型的播放按钮，而不是完整的播放器。不过，当您点击该按钮，会弹出完整的播放器。

请注意，这个播放器始终停靠在窗框底部。只需点击它，就可将其滑出。

<!– This is a food–>

</body><!– 定义文档的主体结束部分–>

</html><!– 定义 HTML 文档。–>

0 likes