HTML cheat list-HTML Tutorial-php.cn

HTML cheat list

不言

Release： 2018-05-03 15:12:07

Original

983 people have browsed it

这篇文章主要介绍了关于HTML 速查列表，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

HTML 基本文档

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

Copy after login

基本标签（Basic Tags）

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

Copy after login

文本格式化（Formatting）

<b>粗体文本</b>
<code>计算机代码</code>
<em>强调文本</em>
<i>斜体文本</i>
<kbd>键盘输入</kbd> 
<pre class="brush:php;toolbar:false">预格式化文本

更小的文本 重要的文本 （缩写）

（联系信息）（文字方向）

（从另一个源引用的部分）（工作的名称）（删除的文本）（插入的文本） _{（下标文本）
^{（上标文本）Copy after login}}

链接（Links）

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

Copy after login

图片（Images）

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

Copy after login

样式/区块（Styles/Sections）

<style type="text/css">
    h1 {color:red;}
    p {color:blue;}
</style>
<p>文档中的块级元素</p>
<span>文档中的内联元素</span>

Copy after login

无序列表

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

Copy after login

有序列表

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

Copy after login

定义列表

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

Copy after login

表格（Tables）

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

Copy after login

框架（Iframe）

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

Copy after login

表单（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>

Copy after login

实体（Entities）

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

Copy after login

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

HTML cheat list

HTML 基本文档

基本标签（Basic Tags）

文本格式化（Formatting）

链接（Links）

图片（Images）

样式/区块（Styles/Sections）

无序列表

有序列表

定义列表

表格（Tables）

框架（Iframe）

表单（Forms）

实体（Entities）