zoukankan      html  css  js  c++  java
  • 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>预格式化文本</pre>
    <small>更小的文本</small>
    <strong>重要的文本</strong>
    <abbr> (缩写)
    <address> (联系信息)
    <bdo> (文字方向)
    <blockquote> (从另一个源引用的部分)
    <cite> (工作的名称)
    <del> (删除的文本)
    <ins> (插入的文本)
    <sub> (下标文本)
    <sup> (上标文本)
     
    链接(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>
     
    图片(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; 等同于 >
    &#169; 等同于 ©
     
     

      作者:Jeremy.Wu
      出处:https://www.cnblogs.com/jeremywucnblog/
      本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    noi 2011 noi嘉年华 动态规划
    最小乘积生成树
    noi 2009 二叉查找树 动态规划
    noi 2010 超级钢琴 划分树
    noi 2011 阿狸的打字机 AC自动机
    noi 2009 变换序列 贪心
    poj 3659 Cell Phone Network 动态规划
    noi 2010 航空管制 贪心
    IDEA14下配置SVN
    在SpringMVC框架下建立Web项目时web.xml到底该写些什么呢?
  • 原文地址:https://www.cnblogs.com/jeremywucnblog/p/12101908.html
Copyright © 2011-2022 走看看