zoukankan      html  css  js  c++  java
  • 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属性的表单元素才会被提交。

  • 相关阅读:
    “随手记”APP与已经发布的记账软件“鲨鱼记账”的差距
    团队绩效打分
    “随手记”改进方案
    “随手记”第一阶段成果展示
    “随手记”意见整理
    针对每个团队的项目意见或建议
    “随手记”开发记录day10
    团队十日冲刺8
    团队十日冲刺7
    团队十日冲刺6
  • 原文地址:https://www.cnblogs.com/captainYi/p/7735271.html
Copyright © 2011-2022 走看看