创新互联HTML教程：开始

此 HTML 快速参考备忘单以易于阅读的格式列出了常见的 HTML 标记及其属性。

成都创新互联于2013年开始，先为白山等服务建站，白山等地企业，进行企业商务咨询服务。为白山企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

开始

hello.html




    
    
    
    HTML5 Boilerplate


Hello world, hello QuickRef.ME!

注释

这段代码将会被注释掉。

段落

I'm from QuickRef.ME
Share quick reference cheat sheet.

请参阅：

标签

链接

QuickRef
Email
Call
Msg

`href`	超链接指向的 URL
`rel`	链接网址的关系
`target`	链接目标位置： `_self`, `_blank`, `_top`,`_parent`

请参阅：标签

图片

`src`	必需，图像位置（URL \| 路径）
`alt`	图像描述
`width`	图像的宽度
`height`	图像的高度
`loading`	浏览器应该如何加载

请参阅：标签

文本格式

Bold Text
This text is important
Italic Text
Emphasis - This text is emphasized
Underline Text
Preformatted text
Source code
Deleted text
Marked/highlighted text
Inserted text
^{Makes text superscripted}
_{Makes text subscripted}
Makes text smaller
Pre-formatted Text
Ctrl
Text Block Quote

标题

 This is Heading 1 
 This is Heading 2 
 This is Heading 3 
 This is Heading 4 
 This is Heading 5 
 This is Heading 6

您的页面上应该只有一个 h1

分区

	页面内容的部分或部分
	其他内容中的文本部分
	文字段落
	换行
	基本水平线

这些是用于将您的页面划分为多个部分的标签

JavaScript在HTML中

外部JavaScript

...

CSS在HTML中

外部CSS

...

内联框架

HTML 表格

表格示例

name	age
Roberta	39
Oliver	25

表格标签


定义一个表
		定义表格中的标题单元格

定义表格中的一行
		定义表格中的单元格

定义表格标题

定义一组列

定义表中的列

分组标题内容

将正文内容分组

将页脚内容分组

属性

`colspan`	单元格应跨越的列数
`headers`	一个或多个与单元格相关的标题单元格
`rowspan`	单元格应跨越的行数

请参阅：

属性

`colspan`	单元格应跨越的列数
`headers`	一个或多个与单元格相关的标题单元格
`rowspan`	单元格应跨越的行数
`abbr`	单元格内容的描述
scope	标题元素涉及

请参阅：tth>属性

HTML 列表

无序列表


    I'm an item
    I'm another item
    I'm another item

请参阅：无序列表元素

有序列表


    I'm the first item
    I'm the second item
    I'm the third item

请参阅：有序列表元素

定义列表


    A Term
    Definition of a term
    Another Term
    Definition of another term

请参阅：描述列表元素

HTML 表单

表单标签


  Email: 
  
  

  Password: 
  
  

  
  

  
  Remember me

Email:

Password:

Remember me

HTML

元素用于收集信息并将其发送到外部源。

表单属性

`name`	脚本形式的名称
`action`	表单脚本的 URL
`method`	HTTP 方法，`POST`/ `GET` （默认）
`enctype`	媒体类型，请参见enctype
`onsubmit`	在提交表单时运行
`onreset`	当表单被重置时运行

标签标签


Click me


Click me

for在标签中引用输入的id属性

输入标签

Name:

Name:

请参阅：HTML 输入标签

文本区域标签

textarea 是一个多行文本输入控件

单选按钮


Male

Female

Male Female

单选按钮用于让用户选择一个

复选框


Soccer

Baseball

Soccer Baseball

复选框允许用户选择一个或多个

选择标签

City:

city： Sydney Melbourne Cromwell

选择框是选项的下拉列表

字段集标签


    Choose your favorite monster
    
    Kraken

    
    Sasquatch

Choose your favorite monster

kraken

sasquatch

数据列表标签

Choose a browser:

Choose a browser:

提交和重置按钮


  Name:

Name:

Submit到服务器的数据；Reset默认值

HTML 输入标签

输入属性

输入标签是一个空元素，标识要从用户那里获取的特定类型的字段信息。

`type="…"`

输入的数据类型

`value="…"`

默认值

`name="…"`

用于在 HTTP 请求中描述此数据

`id="…"`

其他 HTML 元素的唯一标识符

`readonly`

阻止用户修改

`disabled`

停止任何交互

`checked`

单选或复选框选择与否

`required`

强制性

`placeholder="…"`

添加临时

`autocomplete="off"`

禁用自动完成

`autocapitalize="none"`

禁用自动大写

`inputmode="…"`

显示特定的键盘。见输入模式

`list="…"`

关联数据列表的 id

`maxlength="…"`

最大字符数

`minlength="…"`

最少字符数

`min="…"`

范围和数字上的最小数值

`max="…"`

范围和数字上的最大数值

`step="…"`

数字如何在范围和数字中递增

`pattern="…"`

指定正则表达式。查看模式

`multiple`

多个条目

`autofocus`

专注

`spellcheck`

执行拼写检查

输入类型

`type="date"`
`type="time"`
`type="month"`
`type="datetime-local"`
`type="week"`
`type="checkbox"`
`type="radio"`
`type="color"`
`type="file"`
`type="hidden"`
`type="number"`
`type="range"`
`type="text"`
`type="search"`
`type="password"`
`type="email"`
`type="tel"`
`type="url"`
`type="image"`
`type="reset"`
`type="button"`	Button
`type="submit"`

输入 CSS 选择器

:focus 当它的键盘聚焦时

另请参阅：CSS 备忘单的选择器

HTML 元标签

元标签

元标记描述 HTML 文档中的元数据。它解释了有关 HTML 的附加材料。


···

OpenGraph

被 Facebook、Instagram、Pinterest、LinkedIn 等使用。

Twutter Cards 推特卡片

请参阅：推特卡片文档

Geotagging 地理标记

请参阅：地理标记

另见

HTML 4.01 规范 (w3.org)

新闻标题：创新互联HTML教程：开始
分享路径：http://www.ptruijie.cn/article/cosghsi.html