菜鸟教程-HTML

菜鸟教程-HTML,第1张

<!DOCTYPE html>声明为html5文档,有助于浏览器正确显示网页 <html>元素是html页面的根元素 <head>元素包含了文档的元数据,如定义网页编码格式 <title>元素描述了文档的标题 <body>元素包含了可见的页面内容 <h1>元素定义一个大标题 <p>元素定义一个段落 注:在浏览器的页面上使用键盘的F12按键开启调试模式,就可以看到组成标签 “HTML 标签”和“HTML 元素”通常是描述同样的意思,但是严格来说,一个HTML元素包含了开始标签和结束标签。只有body区域才会在浏览器中显示。 标题是通过<h1>-<h6>标签来定义的,字号逐渐减小。 HTML链接是通过标签<a>来定义的,在href中指定链接的地址。 图像是通过<img>来定义的,图像的名称和尺寸是以属性的形式来提供的。 HTML文档由HTML元素定义。

以前我们都说会者不难,难者不会,其实不能以偏概全,对于从未接触过html5的小白来说,首先面对的是一门陌生的语言,那么相比其他后端语言,它的门槛相对来讲是比较低的,容易上手,当然,这不意味着我们可以松懈,还是要脚踏实地,练好技术才是根本

onmouseout:当鼠标指针移出图片时运行脚本;

注意: onmouseout 属性不能使用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或 <title>。

有一个简短的代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

<script>

function bigImg(x)

{

x.style.height="64px"

x.style.width="64px"

}

function normalImg(x)

{

x.style.height="32px"

x.style.width="32px"

}

</script>

</head>

<body>

<img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32">

<p>当用户将鼠标移动到图片时触发 bigImg() 函数。该函数使图片变大。</p>

<p>当用户将鼠标移开时触发normalImg() 函数。该函数使图片变回原来大写。</p>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7167081.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存