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

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

内容简介：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）样式标签》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

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

码农书籍

Agile Web Development with Rails 4

Sam Ruby、Dave Thomas、David Heinemeier Hansson / Pragmatic Bookshelf / 2013-10-11 / USD 43.95

Ruby on Rails helps you produce high-quality, beautiful-looking web applications quickly. You concentrate on creating the application, and Rails takes care of the details. Tens of thousands of deve......一起来看看《Agile Web Development with Rails 4》这本书的介绍吧!

码农工具

RGB HSV 转换

RGB HSV 互转工具

RGB CMYK 转换工具

RGB CMYK 互转工具

HEX HSV 转换工具

HEX HSV 互换工具