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>

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

    标签。 

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

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

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

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

  • 列表

    • 无序(号)列表

      <ul>
      <li>Appleli>
      <li>Boyli>
      ul>
    • 有序(号)列表

      <ol>
      <li>Appleli>
      <li>Boyli>
      ol>
    • "tip">提示:...

    • "tip">提示:...

  • 表单

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

你可能感兴趣的:(html5)