HTML学习笔记之七
博主推荐的学习网站,速成见下文。
本节主要内容:表单、框架、颜色、JavaScript的脚本
HTML表单
表单用于收集不同类型的用户输入,包括在 HTML 页面创建文本域,密码字段以及单选按钮等,介绍内容在<a style=“text-decoration:none”; href=“http://www.runoob.com/html/html-forms.html”;>这里。
HTML框架
框架,可以在同一个浏览器窗口中显示不止一个页面。传送洞<a style=“text-decoration:none”; href=“http://www.runoob.com/html/html-iframes.html”;>口。
HTML颜色
HTML 颜色由红色、绿色、蓝色混合而成。详解信息存在传送洞<a style=“text-decoration:none”; href=“http://http://www.runoob.com/html/html-colors.html”;>口。颜色名信息见洞口页面的右下角。
HTML脚本
<script>
标签:用于定义客户端脚本,比如 JavaScript。
<html>
<head>
<meta charset="utf-8">
<title>我壮着胆子</title>
</head>
<body>
<!--javascript简单输出-->
<script>
document.write("Hello World!")
</script>
<!--JavaScript设置按钮-->
<script>
<p id="demo">
JavaScript 可以触发事件,就像按钮点击。</p>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello JavaScript!";
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点我</button>
</script>
<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>
</body>
</html>
·<script>
元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。<noscript>
元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
提示
-
使用style 属性制作一个没有下划线的链接。
style="text-decoration:none";
-
请始终将正斜杠添加到子文件夹。假如这样书写链接:href=“http://www.runoob.com/html”,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=“http://www.runoob.com/html/”。现在acronym已经淘汰不用了,所以尽量改用abbr就好;
-
标签和基于内容的样式标签
` 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。 -
关于
<b>
和<strong>
在显示上,这两个标签都可是加粗文本,呢么为什么会有两个功能"相同"的标签呢?而且好像 strong 并非个例。
- ** 首先,这两个并非完全相同。比如,如果使用网页阅读器阅读网页(盲人使用),strong 会重读,b 则不会。
- ** 其次,从起源上来说,strong 是为了在未来建设语义网而诞生的。应该知道的是,html 是负责显示的标记,不能表示语义。也就是说,浏览器知道这个标签如何显示,而不知道标签所标记的内容应该是什么含义。而 strong 在语义上走出了第一步。
-
使用小写标签。因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。
-
<br />
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使<br>
在所有浏览器中都是有效的,但使用 <br />
其实是更长远的保障。
- 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题,搜索引擎使用标题为您的网页的结构和内容编制索引。