网页语言HTML之七:表单、框架、颜色、JavaScript的脚本

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 元素中能够找到的所有元素。

提示
  1. 使用style 属性制作一个没有下划线的链接。

    style="text-decoration:none";
    
  2. 请始终将正斜杠添加到子文件夹。假如这样书写链接:href=“http://www.runoob.com/html”,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=“http://www.runoob.com/html/”。现在acronym已经淘汰不用了,所以尽量改用abbr就好;

  3. 标签和基于内容的样式标签` 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。

  4. 关于<b><strong>

    在显示上,这两个标签都可是加粗文本,呢么为什么会有两个功能"相同"的标签呢?而且好像 strong 并非个例。

    • ** 首先,这两个并非完全相同。比如,如果使用网页阅读器阅读网页(盲人使用),strong 会重读,b 则不会。
    • ** 其次,从起源上来说,strong 是为了在未来建设语义网而诞生的。应该知道的是,html 是负责显示的标记,不能表示语义。也就是说,浏览器知道这个标签如何显示,而不知道标签所标记的内容应该是什么含义。而 strong 在语义上走出了第一步。
  5. 使用小写标签。因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。

  6. <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使<br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

  1. 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体大号的文本而使用标题,搜索引擎使用标题为您的网页的结构和内容编制索引。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值