HTML速查列表

时间：2023-03-09 06:00:48
HTML速查列表 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

 "http://www.w3.org/TR/xhtml1/TDT/xhtml1-strit.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

 <title>HTML速查列表</title>

 <style type="text/css">

 </style>

 <script type="text/javascript">

 </script>

 </head>

 <body>

 <!--基本标签-->

 <h1>最大的标题</h1>

 <h6>最小的标题</h6>

 <p>这是一个段落</p>

 <br>

 <hr>

 <!--这是注释-->

 <!--文本格式化-->

 <b>粗体文本</b><br><br>

 <code>计算机代码</code><br><br>

 <em>强调文本</em><br><br>

 <i>斜体文本</i><br><br>

 <kbd>键盘输入</kbd><br><br>

 <pre>预格式化文本</pre><br><br>

 <small>更小的文本</small><br><br>

 <strong>重要的(加粗)文本</strong><br><br>

 <hr>

 <!--缩写-->

 <abbr>

 <!--联系信息-->

 <address>

 <!--文字方向-->

 <bdo>

 <!--从另一个源引用的部分-->

 <blockquoke>

 <!--工作的名称-->

 <cite>曹贤亮</cite><br><br>

 <!--删除的文本-->

 <del>删除</del><br><br>

 <!--插入的文本-->

 <ins>哟西哟西</ins><br><br>

 <!--上标-->

 这个是<sup>上标</sup><br><br>

 <!--下标-->

 这个是<sub>下标</sub><br><br>

 <hr>

 <!--普通链接-->

 <a href="#"></a>

 <!--链接文本-->

 </a>

 <!--图像链接-->

 <a href="#"><img src="data:images/Number_002.png" alt="替换文本"/></a>

 <a href="#"><img src="C:/Users/CAOXIANLIANG/Desktop/PHP实例/images/Number_002.png" alt="替换文本" title="鼠标移到这会显示"/></a><br><br>

 <!--邮件链接-->

 <a href ="mailto:973211480@qq.com">发送E-mail</a><br><br>

 <!--书签-->

 <a id="tips">书签</a><br><br>

 <!--提示部分-->

 </a><a href="#tip">跳到显示部分</a><br><br>

 <hr>

 <!--图片-->

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

 <hr>

 <!--样式区块-->

 <style type="text/css">

     h1{color:red;}

     p{color:blue;}

 </style>

 <div>块元素</div>

 <span>行内元素</span>

 <hr>

 <!--无序列表-->

 <ul>

     <li>项目</li>

     <li>项目</li>

     <li>项目</li>

 </ul>

 <!--有序列表-->

 <ol>

     <li>项目</li>

     <li>项目</li>

     <li>项目</li>

 </ol>

 <!--定义列表-->

 <dl>

     <dt>项目1</dt>

         <dd>描述 项目1</dd>

     <dt>项目2</dt>

         <dd>描述 项目2</dd>

 </dl>

 <!--表格-->

 <table border="2" width="400" height="300">

 <caption align="center"><b>表格标题表格标题</b></caption>

     <tr>

         <th>表格标题</th>

         <th>表格标题</th>

     </tr>

     <tr>

         <th>表格标题</th>

         <th>表格标题</th>

     </tr>

 </table>

 <hr>

 <!--框架Iframe-->

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

 <!--表单-->

 <form action="demo_form.php" method="post/get">

     <input type="text" name="email" size="40" maxlength="50"><br><br>

     <input type="password"><br><br>

     <input type="checkbox" checked="checked"><br><br>

     <input type="radio" checked="checked"><br><br>

     <input type="submit" value="Send"><br><br>

     <input type="reset">

     <input type="hidden">

     <hr>

     <!--下拉框 -->

     <select>

         <option>下拉</option>

         <option selected="selected">下拉选项1</option>

         <option>下拉选项2</option>

     </select><br><br>

     <hr>

     <textarea name="comment" rows="10" cols="10">

     </textarea>

 </form>

 <!--实体-->

 <!--等同于<-->

 &lt;<br><br>

 <!--等同于>-->

 &gt;<br><br>

 <hr>

 </body>

 </html>

相关文章