属性="值"
属性 | 描述 |
设置访问元素的键盘快捷键。 | |
规定元素的类名(classname) | |
规定是否可编辑元素的内容。 | |
指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单 | |
用于存储页面的自定义数据 | |
设置元素中内容的文本方向。 | |
指定某个元素是否可以拖动 | |
指定是否将数据复制,移动,或链接,或删除 | |
hidden 属性规定对元素进行隐藏。 | |
规定元素的唯一 id 实例: <a id="tips">提示</a> <a href="http://www.runoob.com/html/html-links.html#tips"> #提示</a>#从另一个页面创建一个链接到"提示(id="tips")"
| |
设置元素中内容的语言代码。 | |
检测元素是否拼写错误 | |
规定元素的行内样式(inline style) | |
设置元素的 Tab 键控制次序。 | |
规定元素的额外信息(可在工具提示中显示) | |
指定是否一个元素的值在页面载入时是否需要翻译 |
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个标题</h1> #元素
<!-- 这是一个注释 -->
<p>我的第一个段落。</p>
</body>
</html>
<标签> <标签/>
https://www.runoob.com/tags/html-reference.html
| 添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, <base>. |
<meta charset="utf-8">
| 定义网页编码格式为 utf-8 实例: 为搜索引擎定义关键词: <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> 为网页定义描述内容: <meta name="description" content="免费 Web & 编程 教程"> 定义网页作者: <meta name="author" content="Runoob"> 每30秒钟刷新当前页面: <meta http-equiv="refresh" content="30"> |
<base href="http://.../" target="_blank"> | 描述了基本的链接地址/链接目标,作为HTML文档中所有的链接标签的默认链接
|
<link rel="stylesheet" type="text/css" href="mystyle.css"> | 通常用于链接到样式表 |
<style type="text/css"> | 定义了HTML文档的样式文件 |
|
|
- <iframe src="URL"></iframe> #网页内联框架
- <br> 表示换行 无结束标签,但可以使用<br />
- <p> 元素定义一个段落
- <param>定义对象的参数。
- <a href="http://www.runoob.com" target="_blank">这是一个链接</a>
- <hr> 在 HTML 页面中创建水平线,分割内容
- <title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容
- 标题: <h1> - <h6> 标签
- <!DOCTYPE html> 声明为 HTML5 文档
- <html> 元素是 HTML 页面的根元素
- <h1> 定义最大的标题。 <h6> 定义最小的标题。
图像img 无结束标签 | img的属性:border="0" src="smiley.gif" width="32" height="32"
|
表格Table:
<tr>
<th>Month</th>
</tr>
<tr>
<td>January</td>
</tr>
定义表格 | |
定义表格的表头 | |
定义表格的行 | |
定义表格单元 | |
定义表格标题 | |
定义表格列的组 | |
定义用于表格列的属性 | |
定义表格的页眉 | |
定义表格的主体 | |
定义表格的页脚 |
HTML 表单标签
标签 | 描述 |
|
定义供用户输入的表单 | <form> First name: <input type="text or password" name="name"><br> </form> | |
定义输入域 | type="checkbox" #复选框 type="radio" #单选按钮 type="password" #密码 type="submit" #提交按钮 | |
定义文本域 (一个多行的输入控件) |
| |
定义了 <input> 元素的标签,一般为输入标题 |
| |
定义了一组相关的表单元素,并使用外框包含起来 |
| |
定义了 <fieldset> 元素的标题 |
| |
定义了下拉选项列表 | <select name="cars"> <option value="volvo">Volvo</option> | |
定义选项组 |
| |
定义下拉列表中的选项 |
| |
定义一个点击按钮 |
| |
指定一个预先定义的输入控件选项列表 |
| |
定义了表单的密钥对生成器字段 |
| |
定义一个计算结果 |
|
HTML 列表标签
定义有序列表 |
| |
定义无序列表 定义列表项 |
| |
定义列表 | <dl> <dt>项目 1</dt> <dd>描述项目 1</dd> <dt>项目 2</dt> <dd>描述项目 2</dd> </dl> | |
自定义列表项目 |
| |
定义自定列表项的描述 |
|
HTML 分组标签
标签 | 描述 |
定义了文档的区域,布局 <div id="container" style="width:500px"> | |
用来组合文档中的行内元素, 内联元素(inline) |
HTML 脚本标签
标签 | 描述 |
|
定义了客户端脚本 | JavaScript教程: | |
定义了不支持脚本浏览器输出的文本 |
|
HTML 字符实体
HTML 中的预留字符必须被替换为字符实体。
一些在键盘上找不到的字符也可以使用字符实体来替换。
https://www.runoob.com/tags/ref-entities.html
文本格式化
<b>粗体文本</b>
<code>计算机代码</code>
<em>强调文本</em>
<i>斜体文本</i>
<kbd>键盘输入</kbd>
<pre>预格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
<abbr> (缩写)
<address> (联系信息)
<bdo> (文字方向)
<blockquote> (从另一个源引用的部分)
<cite> (工作的名称)
<del> (删除的文本)
<ins> (插入的文本)
<sub> (下标文本)
<sup> (上标文本)