版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/u010263423/article/details/97001075

文章目录

• 1. 琐碎知识点整理
• 2. 表格 Table
• 3. 输入 Input
• 4. UL无序列表

1. 琐碎知识点整理

• W3C 万维网联盟

• span 与 span 之间会有间隙

• br 换行

• a 标签：负责页面之间的跳转，也是个行级标签。
  也可以跳转外部：
  

  <a href="https://www.baidu.com">百度一下你就知道</a>

  
  这里的 herf 应带上 http 协议，不然不会跳转

• 锚点：

  <a name="top">你好</a>
  .........
  <a href="#top">回到顶部</a>

  点击 ‘回到顶部’ 就会回到网页中 ‘你好’ 的位置

• img 的属性有：
  alt 错误提示 ，height 高度 ，width 宽度，src 图片来源

• &nbsp 是空格

• 文本域

  <textarea></textarea>

• 不放在 style 里的东西都是本身标签自带的，放在里面的是css

• 网页结构化，方便开发者阅读，并没有什么功能

• 下拉菜单 Select

  <select name="" id=""><!--下拉框-->
  <option value="">1</option><!--下拉框中的每一个子项-->
  <option value="">2</option>
  <option value="">3</option>
  </select>

2. 表格 Table

表格加载 速度慢 ，效率低，尽量不用（可能在制作火车时间表上使用）
通常的格式为：

<table>
<tr>
<td width="300">
<input type="checkbox">网站建设与传播
</td>
<td>
<input type="checkbox">电子商务
</td>
</tr>

<tr>
<td>
<input type="checkbox">数字化展馆
</td>
<td>
<input type="checkbox">多媒体互动
</td>
</tr>

<tr>
<td>
<input type="checkbox">软件服务
</td>
<td>
<input type="checkbox">移动开发
</td>
</tr>
</table>

几组 tr 就是几行，几组 td 就是几列。

表格如如下几个属性：

• Cellspacing：单元格与单元格的间距
• Cellpadding：单元格与文字的间距
• Border：给表格加边框，通常值为1
  

  <table width="400" border="1" bordercolor="red">

• Bordercolor：边框颜色
• Colspan：跨列
• Rowspan：跨行
• Align=“center” 位置规定
• 表格有结构化：
  thead：表格头
  tbody ：表格体，自己不写的话谷歌浏览器会帮我们写
  tfoot ：表格尾注解
  caption ：标题，用来注释表格的用途

3. 输入 Input

一般输入 input 要写在 form 里，组成一个块儿，用来给后台传数据的功能。

• 最普通的

  <input type="text">

• 密码输入框

  <input type="password" placeholder="请输入密码">

  ，输入密码时会变成小星星
  placeholder是框里面浅灰色的提示语。

• 重置

  <input type="reset">

  ，只能在form里使用

• 提交

  <input type="submit">

  ，只能在form里使用

• 图片按钮

  <input type="image" src="../../Img/sekiro.png" width="100px">

• 单选框 Radio

  <input type="radio" name="sex">male
  <input type="radio" name="sex">female

• 多选框 Checkbox

  <input type="checkbox" name="habit"> 唱
  <input type="checkbox" name="habit"> 跳
  <input type="checkbox" name="habit"> rap

• 提交文件

  <input type="file">

• 按钮

  <input type="button" disabled value="注册">

  
  这里的disabled是 禁止点击 的意思

以下是H5最新的标签使用方法：

• 邮箱格式限制

  <input type="email" autofocus> <br>

  
  其中Aotofocus的意思是打开网页光标直接定位在这个输入框上
• 只能输入网页

  <input type="url" required>

  
  其中Required是== 必填项，提交form的时候这个框框必须有东西！==
• 只能填数字

  <input type="number">

• 颜色

  <input type="color">

• 月份

  <input type="month">

• 日期

  <input type="date">

• 滑竿

  <input type="range">

  
  这个不一样的浏览器 样式 不一样的

Form：它的结构如下所示

<form action="" method="post"></form>

其中action是说明提交的位置，method是提交的方法，一般有两种方法 Post 和 Get

4. UL无序列表

• 如何把无需列表前的小点点去掉呢？

  list-style:none;

  <ul style="list-style-type: none">
  <li>1231</li>
  </ul>