2019.4.2 HTML相关

HTML页面的基本结构

html标签

页面的设置和文件的导入(页面标题) 要显示在页面上的标签

标签

• h1---h6:一到六级标题

• hr:分割线

• br:换行

• p:段落

• em:斜体

• strong:加粗

• a 超链接

  • href 加链接
  • target="_blank"新开页面打开前面链接

• img 图片

  • title 鼠标悬停时提示的文字
  • src 图片地址
  • alt 图片加载失败时显示的文字

• div 块标签 在实际开发中 一个页面99%都可以是div

• table 表格 border 边框

  • tr 表格的行
  • td 表格的列
  • th 加表头
    • bgcolor 背景颜色

• Emmet语法

  • 可以提升html的书写速度
    • 1.标签名+tab—— 自动补全
    • 2.table>(tr>th4)+tr5>td*4 —— 表格自动生成

• input type = "text" 文本输入框

  • type
  • name
  • id
  • value(记住密码时直接填写那种)
  • placeholder

• input type = "password" 密码输入框

• input type = "submit" 提交按钮

• input type = 'reset" 重置

• input type = "radio" 单选框

  • name="gender"只能选一
  • value = "xx" 返回值
  • checked 默认选择

• input type = "date"选择时间

• input type = "file" 选择文件

• textarea 大段文本

• label 扩大响应范围 与input绑定 两种方式

  • 给一个id然后绑定前面汉字
  • 全部包起来

• select 下拉框

  • option 选项

• form表单

  • action 请求地址

• ul li 无序列表

  • style="list-style:none" 消除前面的点

• ol 有序列表

  • type 选择数字类型(罗马字/阿拉伯数字等)
  • start 序号从几开始