HTML5常用标签（2-6）样式标签

栏目: Html5 · 发布时间: 7年前

内容简介：span 没有特定的样式。只有对它设置样式的时候，才会产生视觉上的表现。当你想要对局部文本设置样式的时候，span元素就很有用。

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.

以上所述就是小编给大家介绍的《HTML5常用标签（2-6）样式标签》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

Java高并发编程详解

汪文君 / 机械工业出版社 / 2018-6 / 89.00元

本书共分为四个部分：部分详细地介绍了Java多线程的基本用法和各个API的使用，并且着重介绍了线程与Java虚拟机内存之间的关系。第二部分由线程上下文类加载器方法引入，介绍为什么在线程中要有上下文类加载器的方法函数，从而掌握类在JVM的加载和初始化的整个过程。第三部分主要围绕着volatile关键字展开，在该部分中我们将会了解到现代CPU的架构以及Java的内存模型（JMM）。后一部分，主要站在架......一起来看看《Java高并发编程详解》这本书的介绍吧!

码农工具