前端与HTML

2022-08-05 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
```
```
     dd与dt是多对多的关系
```

连接

<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>