• 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属性的表单元素才会被提交。

  • 相关阅读:
    C++ | 变量缩写
    C++_数据类型和操作
    Python_pandas处理数据格式和统计频次
    C++_分离编译与Cmake
    C++_输入和输出示例
    C++字符串分割
    Pytorch_yoloV5预测数据非结构数据结构化
    Pytorch_模型部署和推断
    mysql触发器
    【分布式ID】雪花、TDDLSEQUENCE、UUID
  • 原文地址:https://www.cnblogs.com/captainYi/p/7735271.html
Copyright © 2020-2023  润新知