Heim >Web-Frontend >HTML-Tutorial >Einfacher und praktischer HTML-Spickzettel

Einfacher und praktischer HTML-Spickzettel

零下一度
零下一度Original
2017-05-17 16:42:031821Durchsuche

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

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 class="brush:php;toolbar:false">预格式化文本
更小的文本 重要的文本 (缩写)
(联系信息) (文字方向)
(从另一个源引用的部分) (工作的名称) (删除的文本) (插入的文本) (下标文本) (上标文本)

链接(Links)

普通的链接: <a href="www.example.com/">链接文本</a>图像链接: <a href="www.example.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)

&lt; 等同于 <
&gt; 等同于 >
© 等同于 ©

【相关推荐】

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

2. 免费html在线视频教程

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

Das obige ist der detaillierte Inhalt vonEinfacher und praktischer HTML-Spickzettel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn