CSS .class 选择器
实例
Select and style all elements with class=”intro”:
.intro
{
background-color:yellow;
}
定义和用法
The .class选择器是指定类的所有元素的样式。
Browser Support
所有主流浏览器都支持.class选择器
更多实例
实例
St……继续阅读 »
2年前 (2022-09-04) 147浏览 0评论
0个赞
CSS #id Selector
实例
为 id=”firstname” 元素添加指定样式:
#firstname
{
background-color:yellow;
}
定义和用法
#id选择器指定具有ID的元素的样式。
浏览器支持
所有主流浏览器都支持 #id 选择器。
……继续阅读 »
2年前 (2022-09-04) 78浏览 0评论
0个赞
HTML <wbr> 标签
实例
一段带有 Word Break Opportunity 的文本：
<p>学习 AJAX ,您必须熟悉 <wbr>Http<wbr>Request 对象。</p>
浏览器支持
所有主流浏览器都支持 <wbr> 标签，除了 Internet Explorer。
标签定义及使用说明
<wbr> (……继续阅读 »
2年前 (2022-09-04) 130浏览 0评论
0个赞
HTML <var> 标签
实例
对文档中的文本进行格式化：
<var>变量</var>
浏览器支持
所有主流浏览器都支持 <var> 标签
标签定义及使用说明
<var> 标签是一个短语标签，用来定义变量。
提示：我们并不反对使用这个标签，但是如果您只是为了达到某种视觉效果而使用这个标签的话，我们建议您使用 CSS ，这样可能会取得更丰……继续阅读 »
2年前 (2022-09-04) 197浏览 0评论
0个赞
HTML <video> 标签
实例
播放录像：
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg&quo……继续阅读 »
2年前 (2022-09-04) 115浏览 0评论
0个赞
HTML <ul> 标签
实例
无序 HTML 列表：
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
（更多实例见页面底部）
浏览器支持
标签
<ul>
Yes
Yes
Yes
Yes
Ye……继续阅读 »
2年前 (2022-09-04) 156浏览 0评论
0个赞
HTML <u> 标签
实例
使用 <u> 标签为文本添加下划线：
<p>This is a <u>parragraph</u>.</p>
浏览器支持
所有主流浏览器都支持 <u> 标签。
标签定义及使用说明
<u> 标签定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。
提示和注释
……继续阅读 »
2年前 (2022-09-04) 106浏览 0评论
0个赞
HTML <track> 标签
实例
带有字幕轨道（friday.vtt）的视频：
<video width="320" height="240" controls>
<video controls
src="/video/php/friday.mp4">
<track default
……继续阅读 »
2年前 (2022-09-04) 129浏览 0评论
0个赞
HTML <tr> 标签
实例
一个简单的 HTML 表格，包含两列两行：
<table border=”1″>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
……继续阅读 »
2年前 (2022-09-04) 105浏览 0评论
0个赞
HTML <title> 标签
实例
为您的 HTML 文档定义标题：
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容……
</body>
</html&……继续阅读 »
2年前 (2022-09-04) 109浏览 0评论
0个赞
HTML <time> 标签
实例
如何定义时间和日期：
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2016-02-14">情人节</time> 有个约会。</p>
浏览器支持
表格中的数字表示支持该属性的……继续阅读 »
2年前 (2022-09-04) 117浏览 0评论
0个赞
HTML <template> 标签
实例
使用 <template> 标签在页面加载时该标签中的内容不会显示，加载后可以使用 JavaScript 来显示它：
<button onclick="showContent()">显示隐藏内容</button>
<template>
<h2>logo</h2>
……继续阅读 »
2年前 (2022-09-04) 115浏览 0评论
0个赞
HTML <thead> 标签
实例
带有 <thead>、<tfoot> 和 <tbody> 元素的 HTML 表格：
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings&l……继续阅读 »
2年前 (2022-09-04) 72浏览 0评论
0个赞
HTML <th> 标签
实例
一个简单的 HTML 表格，带有两个表头单元格和两个数据单元格：
<table border=”1″>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<……继续阅读 »
2年前 (2022-09-04) 27浏览 0评论
0个赞
HTML <textarea> 标签
实例
一个 HTML 文本区域：
<textarea rows=”10″ cols=”30″>
我是一个文本框。
</textarea>
浏览器支持
所有主流浏览器都支持 <textarea> 标签。
标签定义及使用说明
<textar……继续阅读 »
2年前 (2022-09-04) 78浏览 0评论
0个赞
HTML <tfoot> 标签
实例
带有 <thead>、<tfoot> 和 <tbody> 元素的 HTML 表格：
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings&l……继续阅读 »
2年前 (2022-09-04) 131浏览 0评论
0个赞
HTML <td> 标签
实例
一个简单的 HTML 表格，带有两个单元格：
<table border=”1″>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
（更多实例见页面底部）
浏览器支持
所有主流……继续阅读 »
2年前 (2022-09-04) 102浏览 0评论
0个赞
HTML <tbody> 标签
实例
带有 <thead>、<tfoot> 和 <tbody> 元素的 HTML 表格：
<table border=”1″>
<thead>
<tr>
<th>Month</th>
&……继续阅读 »
2年前 (2022-09-04) 139浏览 0评论
0个赞
HTML <table> 标签
实例
一个简单的 HTML 表格，包含两列两行：
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January&l……继续阅读 »
2年前 (2022-09-04) 98浏览 0评论
0个赞
HTML <sup> 标签
实例
上标文本：
<p>这个文本包含 <sup>上标</sup> 文本。</p>
浏览器支持
所有主流浏览器都支持 <sup> 标签。
标签定义及使用说明
<sup> 标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的。上标文……继续阅读 »
2年前 (2022-09-04) 100浏览 0评论
0个赞
HTML <summary> 标签
实例
使用 <summary> 元素：
<details>
<summary>Epcot Center</summary>
<p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, inte……继续阅读 »
2年前 (2022-09-04) 51浏览 0评论
0个赞
HTML <style> 标签
实例
在 HTML 文档中使用 <style> 元素：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style type="t……继续阅读 »
2年前 (2022-09-04) 48浏览 0评论
0个赞
HTML <sub> 标签
实例
下标文本：
<p>这个文本包含 <sub>下标</sub>文本。</p>
浏览器支持
所有主流浏览器都支持 <sub> 标签。
标签定义及使用说明
<sub> 标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。下标文本……继续阅读 »
2年前 (2022-09-04) 120浏览 0评论
0个赞
HTML <strong> 标签
实例
对文档中的文本进行格式化：
<strong>加粗文本</strong>
浏览器支持
所有主流浏览器都支持 <strong> 标签。
标签定义及使用说明
<strong> 标签是一个短语标签，用来定义计算机程序的样本重要的文本。
提示：我们并不反对使用这个标签，但是如果您只是为了达到某种视觉效果而使用这个标签的……继续阅读 »
2年前 (2022-09-04) 48浏览 0评论
0个赞
HTML <source> 标签
实例
带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件（如果都支持则任选一个）：
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type……继续阅读 »
2年前 (2022-09-04) 248浏览 0评论
0个赞
HTML <span> 标签
实例
使用 <span> 元素对文本中的一部分进行着色：
<p>我的母亲有 <span style=”color:blue”>蓝色</span>
的眼睛。</p>
浏览器支持
所有主流浏览器都支持 <span> 标签。
标签定义及使用说明
<sp……继续阅读 »
2年前 (2022-09-04) 87浏览 0评论
0个赞
HTML <small> 标签
实例
定义小型文本：
<p> runoob.com – the world’s largest web development site.</p>
<p><small> Copyright 1999-2050 by Refsnes Data.</small></p>
浏览器……继续阅读 »
2年前 (2022-09-04) 66浏览 0评论
0个赞
HTML <section> 标签
实例
文档的某个区域，解释了什么是 WWF ：
<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is….</p>
</section>
浏览器支持
IE 9+、Firefox、Oper……继续阅读 »
2年前 (2022-09-04) 128浏览 0评论
0个赞
HTML <select> 标签
实例
创建带有 4 个选项的选择列表：
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="……继续阅读 »
2年前 (2022-09-04) 61浏览 0评论
0个赞
HTML <script> 标签
实例
通过 JavaScript 输出 “Hello world”：
<script>
document.write("Hello World!")
</script>
浏览器支持
所有主流浏览器都支持 <script> 标签。
标签定义及使用说明
<script> 标签……继续阅读 »
2年前 (2022-09-04) 93浏览 0评论
0个赞
