分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

Web开发——HTML基础(HTML脚本)

发布时间:2023-09-06 02:18责任编辑:胡小海关键词:HTMLWeb

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>

Web开发——HTML基础(HTML脚本)

原文地址:https://www.cnblogs.com/zyjhandsome/p/9782338.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved