HTML常用标签及约束

  • 注释

    <!--这是一段注释-->
    
  • 样式表

    • 外部样式(CSS)

      <head>
      <link rel="stylesheet" type="text/css" href="mystyle.css">
      </head>
      
    • 内部样式

      <head>
      <style type="text/css">
      body {background-color: red}
      p {margin-left: 20px}
      </style>
      </head>
      
  • 标题

    <h1>这是一个标题</h1>
    

    标题范围为可为h1~h6。

  • 段落

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

    段落内换行需使用<br />标签。
    若希望实现对空格与换行符的保留则可使用<pre></pre>标签。

    <pre>	
    hello, 
    how are you?
    </pre>
    
  • 图片

    <img src="url" />
    
  • 链接

    <a href="url" target="_blank"><img src="url"></a>
    

    以上链接会在新标签页中显示,由target = "blank"这一属性定义。
    此链接被置于来源为url地址的图片上。

  • 列表

    • 无序(号)列表

      <ul>
      <li>Apple</li>
      <li>Boy</li>
      </ul>
      
    • 有序(号)列表

      <ol>
      <li>Apple</li>
      <li>Boy</li>
      </ol>
      
    • <span>
    <p><span class="tip">提示:</span>...</p>
    
    • <div>
    <p><div class="tip">提示:...</div></p>
    
  • 表单

    <form method="POST" action="action_page.php">
    Username:<br />
    <input type="text" name="username">
    <br />
    Password:<br />
    <input type="password" name="password">
    <br />
    <input type="submit" value="submit">
    </form>
    

    关于method的选择:POST安全性好,GET适合少量数据提交。
    具有name属性的表单元素才会被提交。

posted @ 2017-10-26 09:38  captainYi  阅读(178)  评论(0编辑  收藏  举报