前端与HTML

99 阅读1分钟

HTML语法

  • 标签和属性不区分大小写,推荐小写
  • 空标签可以不闭合,比如input,meta
  • 属性值推荐用双引号包裹
  • 某些属性值可以省略,比如required,readonly

标题

  •  <h1>:一级标题    
    
  •  <ol>:有序列表-order list
    
  •     前面会加序号
    
  •  <ul>:无序列表-unoder list
    
  •      展示出来前面会有一个小黑点
    
  •  <dl>:定义列表-definition list
          key-value的形式
    
  •      <dt>:定义-definition title
    
  •      <dd>:值-definition description
    
  •      dddt是多对多的关系
    

连接

<a>
超链接
<a href="网络地址">//替换原有页面
    字节跳动
</a>
<a href="网络地址" target="_blank"> //打开一个新的窗口
    字节跳动
</a>

输入

  • <input placeholder="请输入用户名">//占位符
    
  • <input type="range">//滑动条
    
  • <input type="number" min="1" max="10">
    
  • <input type="data" min="2018-02-10">
    
  • <textarea>hey</textarea> //输入多行信息
      
    

    选择

    多选
      <p>
          <label><input type="checkbox" /> 苹果 </label>
           <label><input type="checkbox" /> 香蕉 </label>
      </p>
      单选
      <p>
          <label><input type="radio" /> 苹果 </label>
           <label><input type="radio" /> 香蕉 </label>
      </p>