<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>html总结</title>
</head>
<body>
<h1>HTML总结</h1>
<br/>
<h2>文本格式化</h2>
<hr/>
<p>
<b>粗体文本</b>
<code>PHP代码</code>
<em>强调文本</em>
<i>斜体文本</i>
<kbd>键盘输入</kbd>
<pre>格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
<abbr title="缩写">大家好</abbr>
<address>联系信息</address>
<bdo dir="rtl">从右到左</bdo>
<blockquote>从另一个源引入</blockquote>
<cite>工作的名称</cite>
<del>删除的文本</del>
<ins>插入的文本</ins>
<sub>下标文本</sub>
<sup>上标文本</sup>
</p>
<hr/>
<h2>链接</h2>
<hr/>
<a href="http://www.facebook.com">非死不可</a>
<a href="http://www.facebook.com"><img src="url" alt="图片链接"></a>
<a href="mailto:help@ztkdemo.com">email联系我们</a> <br><hr>
<a id="tips">这是跳转后的提示部分</a>
<a href="#tips">跳转到tip</a>
<h2>样式</h2><hr>
<style type="text/css">
h1{color: blue;}
p{color: red;}
</style>
<div>文档中块级元素</div>
<span>文档中内联元素</span>
<h2>列表</h2><hr>
<ul>
<li>无序列表项目1</li>
<li>无序列表项目2</li>
</ul>
<ol>
<li>有序列表项目1</li>
<li>有序列表项目2</li>
</ol>
<dl>
<dt>项目1</dt>
<dd>项目描述1</dd>
</dl>
<h2>表格</h2><hr>
<table border="1">
<tr>
<th>表格标题1</th>
<th>表格标题2</th>
</tr>
<tr>
<td>表格数据1</td>
<td>表格数据2</td>
</tr>
</table>
<h2>框架</h2>
<iframe src="div.html" frameborder="0">框架</iframe>
<h2>表单</h2>
<form action="hello.php" method="get">
<input type="text" name="email" size="40" maxlength="50">文本框<br>
<input type="password">密码框<br>
<input type="checkbox" checked="checked">多选框<br>
<input type="radio" checked="checked">单选框<br>
<input type="submit" value="Send">提交<br>
<input type="reset">重置<br>
<input type="hidden">隐藏<br>
<select>
<option>PHP</option>
<option selected="selected">java</option>
<option>python</option>
</select><br>
<textarea name="comment" id="cmtarea" cols="20" rows="20">评论区</textarea>
</form>
<h2>字符实体</h2>
<
>
</body>
</html>运行结果：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
