HTML5表单属性(四)
2016-03-29 16:10
519 查看
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一个文档中不能有一个以上的title元素</title>
<style type="text/css">
h1 {
color: red;
}
p.fontblue {
color: blue;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p class="fontblue">
progress 标签定义运行中的进度(进程).可以使用progress标签来显示JavaScript中耗费时间的函数的进度.
</p>
<progress max="100" value="70" id="progress1">
</progress><br />
<progress id="progress2">
</progress>
<p>
rt标签定义字符(中文注音或字符)的解释或发音.ruby 注释是中文注音或字符
</p>
<ruby>
漢<rp>(</rp><rt>Han</rt><rp>)</rp>字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
<p>span标签用于对文档中的行内元素进行组合.提示:请使用 span 元素对行内元素进行分组,以便通过样式对它们进行格式化.</p>
<p>
This is a paragraph <span style="color:#00ff00;">This is a paragraph</span>This is a paragraph
</p>
<p>
sub标签用于定义下标文本<sub>下标</sub>
</p>
<p>
sup标签用于定义上标文本<sup>上标</sup>
</p>
<p>summary标签包含details元素的标题,details元素用于描述有关文档或文档片段的详细信息.</p>
<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details><br />
<table border="1">
<thead>
<tr>
<td>THEAD 中的文本</td>
</tr>
</thead>
<tfoot>
<tr>
<td>TFOOT 中的文本</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>TBODY 中的文本</td>
</tr>
</tbody>
</table>
<br />
<textarea rows="3" cols="30">
这里是文本域中的文本
</textarea>
<p>th 标签定义表格内的表头单元格.此 th 元素内部的文本通常会呈现为粗体.</p>
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一个文档中不能有一个以上的title元素</title>
<style type="text/css">
h1 {
color: red;
}
p.fontblue {
color: blue;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p class="fontblue">
progress 标签定义运行中的进度(进程).可以使用progress标签来显示JavaScript中耗费时间的函数的进度.
</p>
<progress max="100" value="70" id="progress1">
</progress><br />
<progress id="progress2">
</progress>
<p>
rt标签定义字符(中文注音或字符)的解释或发音.ruby 注释是中文注音或字符
</p>
<ruby>
漢<rp>(</rp><rt>Han</rt><rp>)</rp>字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
<p>span标签用于对文档中的行内元素进行组合.提示:请使用 span 元素对行内元素进行分组,以便通过样式对它们进行格式化.</p>
<p>
This is a paragraph <span style="color:#00ff00;">This is a paragraph</span>This is a paragraph
</p>
<p>
sub标签用于定义下标文本<sub>下标</sub>
</p>
<p>
sup标签用于定义上标文本<sup>上标</sup>
</p>
<p>summary标签包含details元素的标题,details元素用于描述有关文档或文档片段的详细信息.</p>
<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details><br />
<table border="1">
<thead>
<tr>
<td>THEAD 中的文本</td>
</tr>
</thead>
<tfoot>
<tr>
<td>TFOOT 中的文本</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>TBODY 中的文本</td>
</tr>
</tbody>
</table>
<br />
<textarea rows="3" cols="30">
这里是文本域中的文本
</textarea>
<p>th 标签定义表格内的表头单元格.此 th 元素内部的文本通常会呈现为粗体.</p>
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
</body>
</html>
相关文章推荐
- Html5之高级-5 HTML5音频处理(在H5中播放音频、编程实现音频播放器)
- html5 svg
- Html5之高级-4 HTML5视频处理(H5中播放视频、编程实现视频播放器)
- Html5之高级-3 HTML5表单验证(验证属性、验证状态)
- html5重要元素
- html5重要元素
- Html5之高级-2 HTML5表单属性(属性介绍、属性详解)
- html5移动web开发实战必读书记
- Html5之高级-1 HTML5表单元素(表单简介、input类型、新表单元素)
- HTML5表单属性(三)
- HTML5实现图片压缩上传功能
- 节日来了发个HTML5红包
- 使用 HTML5 WebSocket 构建实时 Web 应用
- 第六次HTML5
- HTML5与CSS3基础(五)
- HTML5 WebSockets 总结
- 关于h5游戏随笔
- html5视频问题
- h5 canvas(toDataURL)实现将图片与文字结合
- 我的h5最佳实践