1、HTML CSS
通过使用 HTML4.0，所有的格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。
举例1（本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化）：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>My test page</title>
6 <style type="text/css">
7 h1 {color: red}
8 p {color: blue}
9 </style>
10 </head>
11
12 <body">
13
14 <h1>Header 1</h1>
15 <p>A paragraph</p>
16
17 </body>
18 </html>
输出结果：
举例2（没有下划线的链接）：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>My test page</title> 6 </head> 7 8 <body"> 9 10 <p><a href="https://www.baidu.com" style="text-decoration:none" target="_blank">This is a link without underline.</a></p> 11 12 </body> 13 </html>
测试结果：This is a link without underline.
举例3（链接到一个外部样式）：
JavaScript 使 HTML 页面具有更强的动态和交互性。
2、HTML script 元素
<script> 标签用于定义客户端脚本，比如 JavaScript。
script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
下面的脚本会向浏览器输出“Hello World!”：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>My test page</title>
6 </head>
7
8 <body">
9
10 <script type="text/javascript">
11 document.write("<h1>Hello, world!</h1>")
12 </script>
13
14 </body>
15 </html>
输出结果：
3、<noscript> 标签
<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
noscript 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容：
举例：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>My test page</title>
6 </head>
7
8 <body">
9
10 <script type="text/javascript">
11 document.write("<h1>Hello, world!</h1>")
12 </script>
13 <noscript>Your browser does not support JavaScript!</noscript>
14
15 </body>
16 </html>
原文地址：https://www.cnblogs.com/zyjhandsome/p/9782338.html
时间： 2024-08-30 12:19:56