HTML 标签速查

最新推荐文章于 2021-06-17 08:41:41 发布

Conway_7

最新推荐文章于 2021-06-17 08:41:41 发布

阅读量269

点赞数

分类专栏： HTML 文章标签： html 标签 tags

本文链接：https://blog.csdn.net/Conway007/article/details/53139330

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

基本文档

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>文档标题</title>
    </head>
    <body>
        可见文本
    </body>
</html>

基本标签（Tags）

<h1>大标题</h1>
<h2>------</h2>
<h3>------</h3>
<h4>------</h4>
<h5>------</h5>
<h6>小标题</h6>

<p>段落内容</p>     
<br /> 换行       
<hr /> 水平线      
<!-- 注释 -->

文本格式（Format）

<b>粗体</b>
<code>代码</code>
<em>强调</em>
<i>斜体</i>
<kbd>键盘输入</kbd>
<pre>预格式化</pre>
<small>更小</small>
<strong>强调</strong>

<abbr>缩写</abbr>
<address>联系方式</address>
<bdo>文字方向</bdo>
<blockquote>引用</blockquote>
<cite>工作名称</cite>
<del>删除</del>
<ins>插入</ins>
<sub>下角标</sub>
<sup>上角标</sup>

链接（Link）

<a href="index.html">文本链接</a>
<a href="index.html"><img src="URL" alt="替换文本">图像链接</a>
<a href="mailto:xxx@xxx.xx">发送e-mail</a>

<a id="tips">提示部分</a>
<a href="#tips">跳转到提示部分</a>

图片（Images）

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

样式/区块（Style/Section）

<style type="text/css">
    h1 {color: red;}
    p {color: blue;}
</style>

<div>块级元素</div>
<span>内联元素</span>

无序列表

<ul>
    <li>无序</li>
    <li>无序</li>
</ul>

有序列表

<ol>
    <li>有序1</li>
    <li>有序2</li>
</ol>

定义列表

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

表格（Table）

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

框架（Iframe）

<iframe src="index.html"></iframe>

表单（Form）

<form action="index.html" 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>
        <option selected="selected">selected</option>
    </select>

    <textarea name="comment" rows="60" cols="20"></textarea>
</form>

实体（Entity）

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

Conway_7

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 标签速查

基本文档<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>文档标题</title> </head> <body> 可见文本 </body></html>基本标签（Tags）<h1>大标题</h1><h2>------</h2><h3>----
复制链接

扫一扫