HTML基础

HTML基础

列表标签

• 无序列表
  • 应用：新闻列表
  • ul里面包括li里面包括任何的内容
  • 属性：
• 有序列表
  • 应用：排行榜
  • ol里面包括li里面包括任何的内容
  • 当使用数字的时候，只能以1开头
  • 属性 type 根据你想要的类型来进行排序
• 自定义列表
  • 网页的底部
  • dl dt dd

表格标签

• 作用：在网页中整齐的展示数据和整理数据
• table：表示的就是表格的整体
• tr：表格的每一行，包裹多个td
• td：单元格，内容
• 属性：设置表格的基本展示效果
  • border：边框
  • 宽度
  • 高度
  • 表格的标题：caption 居中但是配合标题标签来使用
  • 表头的单元格标签 th 加粗居中
• 表格的结构标签
  • 头部标签 thead
  • 身体标签 tbody
  • 尾部标签 tfoot
• 合并单元格标签
  • 上下 合并 按照上面的内容，去掉下面的内容
  • rowspan
  • 左右 合并 按照左边的内容，去掉右边的内容
  • colspan

表单

• form表单 用来收集用户的信息
• input标签
• 属性：
  • type=text 文本格式 placeholder：水印输出
  • type=“password” 密码框
  • type=“radio” name=“gender” 单选框 当必须只有一个值被选中的时候我们就给他加属性name然后起一样的名字
  • type=“checkbox” 多选框
  • 默认选中 checked
  • input type=“file” 上传文件
  • input type=“submit” “reset” “button” 提交 重置 没作用
• 按钮标签 button
  • 双标签 需要标签之间加内容 还有用type声明他的属性
• 下拉菜单
  • select>option 表示就是下拉菜单
• 文本域标签
  • textarea 通过rows和cols设置宽和高
• form表单 提交到新的页面用来统计信息
  • 提交方式 method: get携带的数据量小，可能会导致信息的泄漏 post：携带的信息量大，不会造成信息的泄漏
  • action=“属性值” 提交到哪一个具体的页面中

语意化标签

• 无语意化标签
  • div 和 span
  • 独占一行
  • 一行中有多个，直到这一行显示不下，才去换行
• 有语意化标签
  • 有特殊含义的标签 比如 导航 头部…

字符实体

• 空格在页面中没有作用，只是表示一个空格
• 表示一个空格
• 因为有的特殊符号在页面当中显示不了，所以就有了字符实体的产生