您的位置：首页 > Web前端 > HTML

常用代码html速查列表

2017-09-22 16:44 417 查看


HTML 基本文档

<!DOCTYPE
html><html><head><title>文档标题</title></head><body>可见文本...</body></html>


基本标签（Basic Tags）

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


文本格式化（Formatting）

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


链接（Links）

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


图片（Images）

<img
src="URL"
alt="替换文本"
height="42"
width="42">


样式/区块（Styles/Sections）

<style
type="text/css">

h1
{color:red;}p
{color:blue;}

</style><div>文档中的块级元素</div><span>文档中的内联元素</span>


无序列表

<ul>
<li>项目</li>
<li>项目</li></ul>


有序列表

<ol>
<li>第一项</li>
<li>第二项</li></ol>


定义列表

<dl>
<dt>项目
1</dt>
<dd>描述项目
1</dd>
<dt>项目
2</dt>
<dd>描述项目
2</dd></dl>


表格（Tables）

<table
border="1">
<tr>
<th>表格标题</th>
<th>表格标题</th>
</tr>
<tr>
<td>表格数据</td>
<td>表格数据</td>
</tr></table>


框架（Iframe）

<iframe
src="demo_iframe.htm"></iframe>


表单（Forms）

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


实体（Entities）

< 等同于
<>
等同于 >© 等同于 ©
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航