zoukankan      html  css  js  c++  java
  • html element

    html标题:<h1>到<h6>

    段落:<p>

    链接:<a href="http://www.w3schools.com/">Visit W3Schools</a>

    图片:<img>

    formatting output:<b>, <i>

    列表List:<ul>, <ol>   description list: <dl><dt> 

    forms: 用来向服务器端发送数据有text fields, password, checkbox, radio button, submit button

    html entity:< &lt; > &gt 等

    HTML Basic Document

    <!DOCTYPE html>
    <html>
    <head>
    <title>Title of document goes here</title>
    </head>
    
    <body>
    Visible text goes here...
    </body>
    
    </html>

    Basic Tags

    <h1>Largest Heading</h1>
    <h2> . . . </h2>
    <h3> . . . </h3>
    <h4> . . . </h4>
    <h5> . . . </h5>
    <h6>Smallest Heading</h6>
    
    <p>This is a paragraph.</p>
    <br> (line break)
    <hr> (horizontal rule)
    <!-- This is a comment -->

    Formatting

    <b>Bold text</b>
    <code>Computer code</code>
    <em>Emphasized text</em>
    <i>Italic text</i>
    <kbd>Keyboard input</kbd> 
    <pre>Preformatted text</pre>
    <small>Smaller text</small>
    <strong>Important text</strong>
    
    <abbr> (abbreviation)
    <address> (contact information)
    <bdo> (text direction)
    <blockquote> (a section quoted from another source)
    <cite> (title of a work)
    <del> (deleted text)
    <ins> (inserted text)
    <sub> (subscripted text)
    <sup> (superscripted text)

    Links

    Ordinary link: <a href="http://www.example.com/">Link-text goes here</a>
    Image-link: <a href="http://www.example.com/"><img src="URL" alt="Alternate Text"></a>
    Mailto link: <a href="mailto:webmaster@example.com">Send e-mail</a>
    
    <!-- Bookmark:-->
    <a id="tips">Tips Section</a>
    <a href="#tips">Jump to the Tips Section</a>

    Images

    <img src="URL" alt="Alternate Text" height="42" width="42">

    Styles/Sections

    <style type="text/css">
      h1 {color:red;}
      p {color:blue;}
    </style>
    
    <div>A block-level section in a document</div>
    <span>An inline section in a document</span>

    Unordered list

    <ul>
      <li>Item</li>
      <li>Item</li>
    </ul>

    Ordered list

    <ol>
      <li>First item</li>
      <li>Second item</li>
    </ol>

    Definition list

    <dl>
      <dt>Item 1</dt>
        <dd>Describe item 1</dd>
      <dt>Item 2</dt>
        <dd>Describe item 2</dd>
    </dl>

    Tables

    <table border="1">
      <tr>
        <th>table header</th>
        <th>table header</th>
      </tr>
      <tr>
        <td>table data</td>
        <td>table data</td>
      </tr>
    </table>

    Iframe

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

    Forms

    <form action="demo_form.asp" 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>Apples</option>
    <option selected="selected">Bananas</option>
    <option>Cherries</option>
    </select>
    
    <textarea name="comment" rows="60" cols="20"></textarea>
    
    </form>

    Entities

    &lt; is the same as <
    &gt; is the same as >
    &#169; is the same as ©

    Source : http://www.w3schools.com/html/html_quick.asp

     
  • 相关阅读:
    session在.ashx文件操作问题
    最全的CSS浏览器兼容问题
    详解div+css相对定位和绝对定位用法
    CSS前5课总结
    CSS元素定位6-10课
    宽度百分比单位的转换公式
    input点击链接另一个页面,各种操作
    Excel 导入 Sql Server出错——“文本被截断,或者一个或多个字符在目标代码页中没有匹配项”错误的解决
    jQuery:cookie插件的使用
    Jquery.Form和jquery.validate 的使用
  • 原文地址:https://www.cnblogs.com/lindsayzhao103011/p/3391989.html
Copyright © 2011-2022 走看看