HTML续

统一资源定位符(URL)(重点)

• URL：统一资源定位符，是URI的一种
• 组成：协议://地址:端口/文件?参数1=值1&参数2=值2
  • http：80端口
  • https：443端口
• 例子：http://www.baidu.com:80/index.html?page=3&wd=python

超链接(重点)

• 名称：a
• 说明：超链接，可以完成点击跳转功能
• 属性：
  • href：指定跳转地址
  • title：光标放上去时的提示信息
  • target：指定跳转打开的方式
    • _self：覆盖当前页面，默认的
    • _blank：在新页面中打开
    • _top：覆盖嵌套的最顶层打开页面
    • _parent：覆盖父级页面
  • name：设置锚点，用于跳转定位
    • 设置后就可以在其他a标签的href中指定该位置
    • 如：<a href="#p5"></a> <a name="p5">第5章</a>
    • 说明：不但可以在一个网页中跳转，还可以跨页面跳转。

多媒体标签

• img：图片(重点)
  • src：指定图片资源位置
    • 相对路径：只写文件名或者指定目录下的文件等
    • 绝对路径：使用/开头，或者指定完整URL
  • width：设置宽度
  • height：设置高度
  • title：设置提示信息，图片加载失败是也会显示
• audio：音频
  • controls：控制按钮
  • loop：是否循环播放
  • autoplay：是否自动播放
• video：视频
  • 属性与audio一致，但是多出来一些
  • 多出来：width、height
  • 同时设置宽高，不成比例的地方会显示空白

表格(table)

• 说明：类似于excel的格式
• table：表格标签，所有表格的东西都要放在其中
  • border：边框尺寸
  • width：宽度
  • height：高度
  • align：对齐方式(left、center、right)
  • bgcolor：背景色
  • bordercolor：边框颜色
• tr：表格中的一行
  • bgcolor：背景色
  • align：水平对齐方式(left、center、right)
  • valign：垂直对齐方式(top、middle、bottom)
• td：一行中的一列，也就是一个单元格
  • rowspan：行合并
  • colspan：列合并
• th：与td相似，但是会加粗，用于强调，设置表头
• caption：表的标题，用于描述整个表格的用途

分帧(iframe)

• 说明：就是一个页面中包含另一个页面
• 属性：
  • frameborder：有无边框(0、1)
  • scrolling：滚动条(no、yes、auto)
  • name：指定名字，可以用于a标签跳转的目标
  • width、height、src

分帧(frameset)

• 说明：替代body定义网页框架，而且可以指定尺寸或比例
• frameset：分帧结构
  • rows：上下分配尺寸，可以通过像素，也可以设置百分比，*表示其他剩余部分
  • cols：左右分配尺寸，用法同上
  • noresize：禁止重新设置大小
  • frameborder：是否显示每一帧的边框
  • border：帧的边框宽度
  • bordercolor：边框的颜色
• frame：每一帧，可以添加一个页面
• noframes：针对不支持framset的浏览器的设置

表单(form)(非常重要)

• 说明：收集用户信息，经常用于用户的注册、登录等场景
• form：表示表单标签，所有要提交的数据都必须放在其中
  • action：指定提交的地址
  • method：指定提交的方式，get、post、put、delete
    • get：提交时参数会出现在URL中
    • post：提交时参数不会出现在URL中
• input：输入框，表单中的最重要的组成部分
  • type:
    • text：普通文本，默认
    • password：密文文本
  • name：设置input的名字，否则无法提交数据