一、链接
<a href="地址"></a>
a标签的属性有target
对应的属性值有 "_blank" "_self" 分别表示链接从新页面打开还是从当前页面打开
锚点: 可分为跳转到本面或者其他页面 注意跳转到本地页面位置时,href填写的地址一定要带上#,如果跳转的是其他页面的锚点,则还需在#前面加上那个页面的名字。不需要页面后面带.再带#号后面的
<p>
<a name="maodian"></a>
img 的属性有title :当把鼠标放在该处时就会显示
alt :当图片无法显示时就出出现
地址有相对地址
. 当前目录(也可省略不写)
.. 上级目录
/ 目录分隔符
../.. 上级目录的上级目录
绝对地址
磁盘绝对地址 就本机电脑
网络绝对路径 网络文件的地址,通过该地址一定可以访问到
http://www.sina.com:80/index.html/?参数
http:表示协议 www.sina.com:表示地址 80:表示端口
index.html:表示请求文件 ?参数:请求文件后带?带参数
服务器绝对路径 / 表示根目录
三、地图map (地图跟锚点的区别? map是图片上的一种锚点 用来在图片上做锚点)
map与img形成联系 当点击图片中的指定位置时,将会跳转到另一个指定的位置
点击的区域可以为矩形 圆形 表示方式如下:【要跳转的地址是写在area里面】
<img src="地址" usemap="map" title="标题" alt="描述" />
<map name="map">
<area shape="circle" coords="x,y,r" href="要跳转的地址"></area>
<area shape="rect" coords="x1,y1,x2,y2" href="要跳转的地址" ></area> 对角线上两点的坐标
</map>
shape表示形状 coords表示坐标 name表示名字
四、音频和视频(src:路径 controls:控制条 autoplay: 自动播放 loop:循环播放)
audio <audio src="填写音频的绝对或者相对路径" controls autoplay loop></audio>(音频不用设置宽高)
vedio <vedio src="填写视频的绝对路径或者相对路径" width="宽" height="高" controls autoplay loop></vedio>
五、表格table【合并行是删别人里面的td 合并列是删自己里面的td】
<table width="大小" height="大小" bgcolor="背景色" border="边框" bordercolor="边框颜色" cellspacing="表示的是单元格之间的距离" cellpadding="表示的是单元格中内容与单元格边界的距离">
<caption>表名</caption>
<tr>表示行
<th>表示单元格,它里面的内容相比td是加粗居中的</th>
<td rowspan="行数">普通单元格,可设置里面内容对齐方式,还可以合并行</td>
<td colspan="列数">align 水平对齐 属性值有 left center right ,还可以合并列</td>
<td>valign 垂直对齐 属性值有 top center/middle bottom</td>
<td>td还可以设置bgcolor</td>
</tr>
</table>
六、分帧 frameset框架([不能与body同时存在,因为frameset是引用页面,引用的可能不止一个页面,每个页面都是有body的])
(不管是把norsize放在哪个frameset frame里面 都可以达到不能在页面调动的效果 )
这是按上下分开
<frameset rows="各自占的比例,中间用逗号隔开” border="边框的大小" bordercolor="边框的颜色" frameborder="是否显示边界 0代表不显示 1代表显示">
<frame src="填写地址" scrolling="代表是否需要滚动条 有yes no auto三种取值" noresize(表示不可以调节大小,默认是可以拉动边界的)></frame>
<frame bordercolor="颜色(但是得要求该边界可以被卡看见)" src="" scrolling="" resize></frame>
</framest>
这是按左右分开 上下分层,下层又左右分开
<frameset cols="左中右等各自占的比例" >
<frame></frame>
<frameset>
<frame></frame>
<frame></frame>
</frameset>
</frameset>
<a href="地址"></a>
a标签的属性有target
对应的属性值有 "_blank" "_self" 分别表示链接从新页面打开还是从当前页面打开
锚点: 可分为跳转到本面或者其他页面 注意跳转到本地页面位置时,href填写的地址一定要带上#,如果跳转的是其他页面的锚点,则还需在#前面加上那个页面的名字。不需要页面后面带.再带#号后面的
如:<a href="index.html#maodian">阐述的内容</a> 当点击此处内容时,将会跳转到指定的位置,这样就称为锚点
target="_blank" target="_self" target还可以跟框架的部分产生联动,只要把要显示的那个页面的id 添加到要跳转页面的那个链接的href里面的targe就可以了<p>
<a name="maodian"></a>
</p> 地图map是一种特殊的锚点,也就是点击图片的某些位置可以实习一些跳转
二、绝对路径和相对路径(主要用在img标签中 )img 的属性有title :当把鼠标放在该处时就会显示
alt :当图片无法显示时就出出现
地址有相对地址
. 当前目录(也可省略不写)
.. 上级目录
/ 目录分隔符
../.. 上级目录的上级目录
绝对地址
磁盘绝对地址 就本机电脑
网络绝对路径 网络文件的地址,通过该地址一定可以访问到
http://www.sina.com:80/index.html/?参数
http:表示协议 www.sina.com:表示地址 80:表示端口
index.html:表示请求文件 ?参数:请求文件后带?带参数
服务器绝对路径 / 表示根目录
三、地图map (地图跟锚点的区别? map是图片上的一种锚点 用来在图片上做锚点)
map与img形成联系 当点击图片中的指定位置时,将会跳转到另一个指定的位置
点击的区域可以为矩形 圆形 表示方式如下:【要跳转的地址是写在area里面】
<img src="地址" usemap="map" title="标题" alt="描述" />
<map name="map">
<area shape="circle" coords="x,y,r" href="要跳转的地址"></area>
<area shape="rect" coords="x1,y1,x2,y2" href="要跳转的地址" ></area> 对角线上两点的坐标
</map>
shape表示形状 coords表示坐标 name表示名字
四、音频和视频(src:路径 controls:控制条 autoplay: 自动播放 loop:循环播放)
audio <audio src="填写音频的绝对或者相对路径" controls autoplay loop></audio>(音频不用设置宽高)
vedio <vedio src="填写视频的绝对路径或者相对路径" width="宽" height="高" controls autoplay loop></vedio>
五、表格table【合并行是删别人里面的td 合并列是删自己里面的td】
<table width="大小" height="大小" bgcolor="背景色" border="边框" bordercolor="边框颜色" cellspacing="表示的是单元格之间的距离" cellpadding="表示的是单元格中内容与单元格边界的距离">
<caption>表名</caption>
<tr>表示行
<th>表示单元格,它里面的内容相比td是加粗居中的</th>
<td rowspan="行数">普通单元格,可设置里面内容对齐方式,还可以合并行</td>
<td colspan="列数">align 水平对齐 属性值有 left center right ,还可以合并列</td>
<td>valign 垂直对齐 属性值有 top center/middle bottom</td>
<td>td还可以设置bgcolor</td>
</tr>
</table>
六、分帧 frameset框架([不能与body同时存在,因为frameset是引用页面,引用的可能不止一个页面,每个页面都是有body的])
(不管是把norsize放在哪个frameset frame里面 都可以达到不能在页面调动的效果 )
这是按上下分开
<frameset rows="各自占的比例,中间用逗号隔开” border="边框的大小" bordercolor="边框的颜色" frameborder="是否显示边界 0代表不显示 1代表显示">
<frame src="填写地址" scrolling="代表是否需要滚动条 有yes no auto三种取值" noresize(表示不可以调节大小,默认是可以拉动边界的)></frame>
<frame bordercolor="颜色(但是得要求该边界可以被卡看见)" src="" scrolling="" resize></frame>
</framest>
这是按左右分开 上下分层,下层又左右分开
<frameset cols="左中右等各自占的比例" >
<frame></frame>
<frameset>
<frame></frame>
<frame></frame>
</frameset>
</frameset>