HTML5常用标签（2-6）样式标签
【摘要】 span<span> 标签用于组合文档中的行内元素。span 没有特定的样式。只有对它设置样式的时候，才会产生视觉上的表现。当你想要对局部文本设置样式的时候，span元素就很有用。实例<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>一个标题</title> <style> sp...
span
<span> 标签用于组合文档中的行内元素。
span 没有特定的样式。只有对它设置样式的时候，才会产生视觉上的表现。
当你想要对局部文本设置样式的时候，span元素就很有用。
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>一个标题</title>
<style>
span {
font-weight:bold;
color:green;
}
</style>
</head>
<body>
<p><span>提示：</span>我爱学习</p>
</body>
</html>提示：我爱学习
noscript
<noscript> 标签用来向不支持 JavaScript 的浏览器显示一些替代内容。
如果浏览器支持脚本，那么它不会显示出 noscript 元素中的内容。
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>一个标题</title>
</head>
<body>
<script>
document.write("1234");
</script>
<noscript>
<p>抱歉，浏览器不支持 JavaScript!</p>
<img src="http://xxxxxx.com/logo.png" alt="1234">
</noscript>
<p>不支持 JavaScript 的浏览器会使用 noscript标签中定义的内容来替代。</p>
</body>
</html>script
<script> 标签用于在 HTML 文档中加入脚本（例如 JavaScript）。
script 元素既可以直接定义内嵌脚本语句，也可以通过 src 属性引用外部脚本文件。
script 元素可以出现在 HTML 文档中的各个部分，一个文档可以包含多个 script 元素。
注意
每定义或导入一段脚本，都需要使用一个 script 元素。
不能用同一个 script 元素既定义内嵌脚本，又引用外部脚本。
属性
| 属性 | 值 | 描述 |
| type | media_type | 指定所定义或引用的脚本类型（如果使用 JavaScript 脚本，这个属性可以忽略）。 |
| async | async | 告诉浏览器异步执行脚本。 注意：该属性只能用于引用外部脚本文件，对内嵌脚本不起作用。 |
| charset | charset | 指定外部脚本文件中使用的字符编码。 注意：该属性只能与 src 属性一起使用。 |
| defer | defer | 告诉浏览器延迟执行脚本（直到页面载入并解析完毕后再执行脚本）。 注意：该属性只能用于引用外部脚本文件，对内嵌脚本不起作用。 |
| src | URL | 指定外部脚本文件的 URL。 |
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>一个标题</title>
</head>
<body>
<script>
document.write("1234");
</script>
</body>
</html>1234
style
<style> 标签用于为 HTML 文档定义样式信息。
style 元素可以出现在 HTML 文档中的各个部分，一个文档可以包含多个 style 元素。
属性
| 属性 | 值 | 描述 |
| media | screen、tty、tv、projection、handheld、print、braille、aural、all | 指定样式适用的媒体。 |
| scoped | scoped | 指定样式的作用范围（如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素）。 |
| type | text/css | 指定样式的类型。 |
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>一个标题</title>
<style type="text/css">
h1 {
color: red
}
p {
color: blue
}
</style>
</head>
<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>
</html>header 1
A paragraph.
本文转载自异步社区。
原文链接：https://www.epubit.com/articleDetails?id=Neae116c6-fb3d-403e-9349-9070f80e1894
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）