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>说明：不但可以在一个网页中跳转，还可以跨页面跳转。
- 01-chaolianjie.html
<html> ???<head></head> ???<body> ???????<a href="http://www.baidu.com" title="百度" target="_self">百度一下</a> ???????<a href="http://www.baidu.com" title="百度" target="_blank">百度一下</a> ???????<a href="#p5">第5章</a> ???????<p><a name="p1">第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p> ???????<p><a>第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p><p><a>第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p><p><a>第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p><p><a>第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p><p><a>第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p><p><a>第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p><p><a>第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p><p><a>第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p> ???????<p><a name="p5">第5章</a><a href="#p1">返回第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p><p><a>第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p> ???????<p><a>第8章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p> ???????<p><a>第1章</a>北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。北京时间3月27日，据NBA官网报道，NBA官方公布了上周的NBA东西部最佳球员，骑士队的勒布朗-詹姆斯和马刺队的拉马库斯-阿尔德里奇分别当选。</p> ???</body></html>
02-maodian.html
<a href="01-chaolianjie.html#p5">去第5章</a>
多媒体标签
img：图片(重点)
src：指定图片资源位置
相对路径：只写文件名或者指定目录下的文件等
绝对路径：使用/开头，或者指定完整URL
width：设置宽度
height：设置高度
title：设置提示信息，图片加载失败是也会显示
audio：音频
controls：控制按钮
loop：是否循环播放
autoplay：是否自动播放
video：视频
属性与audio一致，但是多出来一些
多出来：width、height
同时设置宽高，不成比例的地方会显示空白
- 03-duomeiti.html
<html> ???<head> ???????<meta charset="utf-8" /> ???????<title>多媒体测试</title> ???</head> ???<body> ???????<img src="http://img3.xiazaizhijia.com/walls/20160708/mid_2f172c09d079701.jpg" width="300px" height="200px" title="美女"/> ???????<br /> ???????????????<audio src="小苹果.mp3" controls loop></audio> ???????<br /> ???????????????<video src="搞笑视频.mp4" controls width="200px" height="300px"></video> ???</body></html>
表格(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：表的标题，用于描述整个表格的用途
- 04-table.html
<html> ???<head> ???????<title>表格</title> ???????<meta charset="utf-8" /> ???</head> ???<body> ???????<table border="1" bordercolor="red" width="500px" height="300px" align="center" cellspacing="0" cellpadding="10" bgcolor="blue"> ???????????<caption>学生信息统计表</caption> ???????????<tr> ???????????????<th>姓名</th> ???????????????<th>年龄</th> ???????????????<th>性别</th> ???????????</tr> ???????????<tr align="center"> ???????????????<td colspan="2">1</td> ???????????????<td align="right" rowspan="2">3</td> ???????????</tr> ???????????<tr valign="middle"> ???????????????<td>4</td> ???????????????<td>5</td> ???????????</tr> ???????</table> ???</body></html>
分帧(iframe)
说明：就是一个页面中包含另一个页面
属性：
frameborder：有无边框(0、1)
scrolling：滚动条(no、yes、auto)
name：指定名字，可以用于a标签跳转的目标
width、height、src
05-iframe.html
<html> ???<head> ???????<title>分帧iframe</title> ???????<meta charset="utf-8" /> ???</head> ???<body> ???????<a href="http://www.baidu.com" target="test">百度一下</a><br /> ???????<iframe name="test" src="06-test.html" width="800px" height="600px" frameborder="1" scrolling="yes"/> ???</body></html>
06-test.html
<p>这是一个新页面</p>
分帧(frameset)
说明：替代body定义网页框架，而且可以指定尺寸或比例
frameset：分帧结构
rows：上下分配尺寸，可以通过像素，也可以设置百分比，*表示其他剩余部分
cols：左右分配尺寸，用法同上
noresize：禁止重新设置大小
frameborder：是否显示每一帧的边框
border：帧的边框宽度
bordercolor：边框的颜色
frame：每一帧，可以添加一个页面
noframes：针对不支持framset的浏览器的设置
- 07-frameset.html
<html> ???<head> ???????<title>分帧frameset</title> ???????<meta charset="utf-8" /> ???</head> ???<frameset rows="100, *" noresize frameborder="1" border="20" bordercolor="red"> ???????<frame src="http://www.baidu.com" /> ???????<frameset cols="20%, *"> ???????????<frame src="http://www.163.com" /> ???????????<frame src="http://www.sohu.com" /> ???????</frameset> ???????<noframes> ???????????<body>大哥，你的浏览器有点low啊</body> ???????</noframes> ???</frameset></html>
08-frameset.html
<html> ???<head> ???????<title>分帧测试</title> ???????<meta charset="utf-8" /> ???</head> ???<frameset rows="50, *"> ???????<frame src="08-top.html" /> ???????<frameset cols="20%, *"> ???????????<frame src="08-left.html" /> ???????????????<frame src="08-right.html" name="right" /> ???????????</frameset> ???</frameset></html>
08-left.html
<html> ???<head> ???????<title>left</title> ???????<meta charset="utf-8" /> ???</head> ???<body bgcolor="green"> ???????<a href="http://www.baidu.com" target="right">百度一下</a><br /> ???????<a href="http://www.sohu.com" target="right">搜狐新闻</a> ???</body></html>
08-right.html
<html> ???<head> ???????<title>right</title> ???????<meta charset="utf-8" /> ???</head> ???<body bgcolor="blue"> ???????</body></html>
08-top.html
<html> ???<head> ???????<title>top</title> ???????<meta charset="utf-8" /> ???</head> ???<body bgcolor="red"> ???????</body></html>
表单(form)(非常重要)
说明：收集用户信息，经常用于用户的注册、登录等场景
form：表示表单标签，所有要提交的数据都必须放在其中
action：指定提交的地址
method：指定提交的方式，get、post、put、delete
get：提交时参数会出现在URL中
post：提交时参数不会出现在URL中
input：输入框，表单中的最重要的组成部分
type:
text：普通文本，默认
password：密文文本
name：设置input的名字，否则无法提交数据
09-form.html
<html> ???<head> ???????<title>表单</title> ???????<meta charset="utf-8" /> ???</head> ???<body> ???????<form action="09-test.html" method="post"> ???????????用户名:<input type="text" name="username" /><br /> ???????????密 码:<input type="password" name="password" /><br /> ???????????<input type="submit" /> ???????</form> ???</body></html>
09-test.html
<html> ???<head> ???????<meta charset="utf-8" /> ???</head> ???<body> ???????登录验证中... ???</body></html>
练习：
写一个3*3的表格，需要有标题、表头、内容显示，要求合并1和4，8和9
写一个分帧页面，点击有联动的效果，功能不限
写一个表单，能使用post方法进行提交
自学input的其他类型和新的标签
完成：用户名、密码、性别(单选)、爱好(复选)、省份(下拉)、简介(文本域)、提交按钮
若想对齐，可以将上面的内容放在表格中
html续
原文地址：https://www.cnblogs.com/kiki5881/p/8733890.html