简单实用的HTML速查表-html教程-PHP中文网

首页

web前端

html教程

简单实用的HTML速查表

May 17, 2017 pm 04:42 PM

HTML 速查列表. 你可以可以打印它，以备日常使用。

HTML 基本文档

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;文档标题&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;可见文本...&lt;/body&gt;
&lt;/html&gt;

登录后复制

基本标签（Basic Tags）

&lt;h1&gt;最大的标题&lt;/h1&gt;
&lt;h2&gt; . . . &lt;/h2&gt;
&lt;h3&gt; . . . &lt;/h3&gt;
&lt;h4&gt; . . . &lt;/h4&gt;
&lt;h5&gt; . . . &lt;/h5&gt;
&lt;h6&gt;最小的标题&lt;/h6&gt;
&lt;p&gt;这是一个段落。&lt;/p&gt;
&lt;br&gt; （换行）
&lt;hr&gt; （水平线）
&lt;!-- 这是注释 --&gt;

登录后复制

文本格式化（Formatting）

&lt;b&gt;粗体文本&lt;/b&gt;
&lt;code&gt;计算机代码&lt;/code&gt;
&lt;em&gt;强调文本&lt;/em&gt;
&lt;i&gt;斜体文本&lt;/i&gt;
&lt;kbd&gt;键盘输入&lt;/kbd&gt; 
&lt;pre&gt;预格式化文本&lt;/pre&gt;
&lt;small&gt;更小的文本&lt;/small&gt;
&lt;strong&gt;重要的文本&lt;/strong&gt;
&lt;abbr&gt; （缩写）
&lt;address&gt; （联系信息）
&lt;bdo&gt; （文字方向）
&lt;blockquote&gt; （从另一个源引用的部分）
&lt;cite&gt; （工作的名称）
&lt;del&gt; （删除的文本）
&lt;ins&gt; （插入的文本）
&lt;sub&gt; （下标文本）
&lt;sup&gt; （上标文本）

登录后复制

链接（Links）

普通的链接： &lt;a href=&quot;www.example.com/&quot;&gt;链接文本&lt;/a&gt;图像链接： &lt;a href=&quot;www.example.com/&quot;&gt;&lt;img src=&quot;URL&quot; alt=&quot;替换文本&quot;&gt;&lt;/a&gt;邮件链接： &lt;a href=&quot;mailto:webmaster@example.com&quot;&gt;发送e-mail&lt;/a&gt;
书签：&lt;a id=&quot;tips&quot;&gt;提示部分&lt;/a&gt;&lt;a href=&quot;#tips&quot;&gt;跳到提示部分&lt;/a&gt;

登录后复制

图片（Images）

&lt;img src=&quot;URL&quot; alt=&quot;替换文本&quot; height=&quot;42&quot; width=&quot;42&quot;&gt;

登录后复制

样式/区块（Styles/Sections）

&lt;style type=&quot;text/css&quot;&gt;
  h1 {color:red;}
  p {color:blue;}
&lt;/style&gt;
&lt;div&gt;文档中的块级元素&lt;/div&gt;
&lt;span&gt;文档中的内联元素&lt;/span&gt;

登录后复制

无序列表

&lt;ul&gt;
  &lt;li&gt;项目&lt;/li&gt;
  &lt;li&gt;项目&lt;/li&gt;
&lt;/ul&gt;

登录后复制

有序列表

&lt;ol&gt;
  &lt;li&gt;第一项&lt;/li&gt;
  &lt;li&gt;第二项&lt;/li&gt;
&lt;/ol&gt;

登录后复制

定义列表

&lt;dl&gt;
  &lt;dt&gt;项目 1&lt;/dt&gt;
    &lt;dd&gt;描述项目 1&lt;/dd&gt;
  &lt;dt&gt;项目 2&lt;/dt&gt;
    &lt;dd&gt;描述项目 2&lt;/dd&gt;
&lt;/dl&gt;

登录后复制

表格（Tables）

&lt;table border=&quot;1&quot;&gt;
  &lt;tr&gt;
    &lt;th&gt;表格标题&lt;/th&gt;
    &lt;th&gt;表格标题&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;表格数据&lt;/td&gt;
    &lt;td&gt;表格数据&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;

登录后复制

框架（Iframe）

&lt;iframe src=&quot;demo_iframe.htm&quot;&gt;&lt;/iframe&gt;

登录后复制

表单（Forms）

&lt;form action=&quot;demo_form.php&quot; method=&quot;post/get&quot;&gt;
&lt;input type=&quot;text&quot; name=&quot;email&quot; size=&quot;40&quot; maxlength=&quot;50&quot;&gt;&lt;input type=&quot;password&quot;&gt;&lt;input type=&quot;checkbox&quot; checked=&quot;checked&quot;&gt;&lt;input type=&quot;radio&quot; checked=&quot;checked&quot;&gt;&lt;input type=&quot;submit&quot; value=&quot;Send&quot;&gt;&lt;input type=&quot;reset&quot;&gt;&lt;input type=&quot;hidden&quot;&gt;&lt;select&gt;&lt;option&gt;苹果&lt;/option&gt;&lt;option selected=&quot;selected&quot;&gt;香蕉&lt;/option&gt;&lt;option&gt;樱桃&lt;/option&gt;&lt;/select&gt;
&lt;textarea name=&quot;comment&quot; rows=&quot;60&quot; cols=&quot;20&quot;&gt;&lt;/textarea&gt;&lt;/form&gt;

登录后复制

实体（Entities）

&amp;lt; 等同于 &lt;
&amp;gt; 等同于 &gt;
© 等同于 ©

登录后复制

【相关推荐】

1. 特别推荐：“php程序员工具箱”V0.1版本下载

2. 免费html在线视频教程

3. php.cn原创html5视频教程

以上是简单实用的HTML速查表的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

简单实用的HTML速查表

热门文章

热门工具标签

热门文章

热门文章标签

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题