1、自定义列表
dl dt dd
2、超链接标签(重要)
url:统一资源定位符
格式:http://www.baidu.com:80/index.html?username=xiaopang&password=12345
1、协议名:http:// ftp:// news://
2、主机名或者地址:www.baidu.com 10.0.169.10
3、端口号:端口号取值范围是0-65535,常用的端口号1-1024(这些都被占用) http协议
默认的端口号是80
4、要请求的文件
5、携带的参数,?后面都是携带的参数,参数的形式以键值对的形式给出,多个参数中间使
用&符号隔开
href:写要链接的url地址或者本地的一个文件路径
也可以指定本页面或者其他页面的锚点
本页面: #锚点名
其他页面:文件路径#锚点名
title:当小手放到标签上面的时候,小手下面显示的文字就是title
target:
_blank:在新窗口打开链接
_self:在当前窗口打开连接(默认属性)
name(锚点):给锚点起名字
打开另一个文件的锚点:文件路径#锚点名
3、img标签(单边标记)
绝对路径(磁盘、站点(了解)、网络)
相对路径:就是相对自己去查找
磁盘绝对:C:\wamp64\www\1603\day02\baby.png
网络绝对:
http://a.hiphotos.baidu.com/image/pic/item/f9dcd100baa1cd11daf25f19bc12c8fcc3ce2d46.jpg
站点绝对:/123/baby.png /就是代表当前站点目录
相对:./baby.png ./意思就是在当前目录下(文件夹下面)去查找, ./可以省略不写
../../123/baby.png ../的意思就是上一级目录
src:图片来源
width\height:可以自己定制宽度和高度,如果想等比例缩放图片,则只定制一个即可
title:鼠标放上去显示在鼠标下面的文字
alt:当图片找不到的时候会显示这个alt设定的文字
图像热区(了解)
4、音频、视频标签(双边标记)
音频:audio(src\controls\loop\autoplay)
src:路径
controls:是否显示控制条
loop:是否循环播放
autoplay:是否自动播放
视频:video(src\controls\loop\autoplay\width\height)
width:宽度
height:高度
5、表格标签
基本用法
table(bgcolor\border\bordercolor\cellspacing\cellpadding\width\height\align)
bgcolor:背景颜色
border:表格边框
bordercolor:边框颜色
cellspacing:单元格间距离
cellpadding:单元格内容和单元格边框之间的距离
width:宽度
height:高度,高度可以不设置,内容会自动撑开高度
align:对齐方式 left center right
tr(align\valign\bgcolor)
align:left center right 水平方向对齐方式 (默认left)
valign: top middle bottom 垂直方向对齐方式 (默认middle)
【注】如果没有给该表格设置高度,那么设置valign无效,在以后布局页面的时候,一般不使
用valign,只有一种情况使用到,就是图片和文字并排排放的时候,需要设置图片的valign为middle
th(width\height\align\valign)
th就是表格的表头,默认为加粗居中显示,用法和td的用法一样,也要包含在tr中
width:宽度,设置后会影响这一列的宽度
height:高度,设置后会影响这一行的高度
align:水平对齐方式 left center right
valign:垂直对齐方式 top middle bottom
td(width\height\align\valign\colspan\rowspan)
width:宽度,设置后会影响这一列的宽度,如果设置了多个,以最大的为准
height:高度,设置后会影响这一行的高度
align:水平对齐方式 left center right
valign:垂直对齐方式 top middle bottom
colspan:合并列,需要将同一行的那个td给干掉
rowspan:合并行,需要将下一行的那个td给干掉
caption:表标题,会随着表格的移动而移动
6、分帧标签
iframe(width\height\src\name\frameborder\scrolling)
width:小窗口的宽度
height:小窗口的高度
src:小窗口要显示的链接或者文件路径
frameborder:值为1和0,1代表有边框,0代表没有边框,默认有边框
scrolling:
yes:可以滚动,是默认属性
no:不可以滚动,
auto:是自动滚动,如果内容大于iframe,可以滚动,如果内容小于iframe,不能
滚动
name:给这个小窗口起名字,在a链接的target属性设置为iframe的name,则链接会在iframe
小窗口中显示
frameset(cols\rows\border\bordercolor\frameborder\noresize)
【注】frameset不能写到body里面,写frameset需要将body干掉
cols:要分为几列帧
rows:要分为几行帧
border:边框
bordercolor:边框颜色
frameborder:是否显示边框,值为1和0 1代表有 0代表没有 默认为1
noresize:不可以重新调整帧大小 默认在浏览器是可以调整大小的
frame(src\name\scrolling)
用来显示每一帧的内容,该标签是单边标签
src:要显示的文件
name:就是给该小窗口起名字,用来显示左边导航区域得点击链接,详见9framename.html
scrolling:是否可以滚动, yes no auto
noframes
分帧应用1:显示其他页面
分帧应用2:oa系统模板演示
网友评论