1.相对路径的三种表示方法:
1.Html文档和图片在同一个目录下,直接写图片名称。
2.Html文档和图片所在的文件夹在同一个目录下,先写文件夹名称,再写图片名称。
3.Html文档所在的文件夹和图片所在文件夹在同一个目录下,则需要先用"../"找到根目录,再写图片所在文件夹,最后写图片名称。
2.行内元素、块级元素和行内块级元素分别有哪些?
行内元素:a,b,strong,i,em,label,span
块级元素:p,br,ul,ol,dl,dt,dd,div,hr,form,p,h1-h6,
行内块级元素:img,input,button,select,
块级元素可以嵌套任何元素,行内元素不可以嵌套块级元素。
3.DIV元素特点
1.总是在新行上开始,占据一整行。
2.高度、行高以及外边距和内边距都可控制。
3.宽度始终是与浏览器宽度一样,与内容无关。
4.它可以容纳行内元素和其他块元素。
4.span元素特点
1.和其他元素都在一行。
2.高、行高及外边距和内边距部分可改变。
3.宽度只与内容有关。
4.行内元素只能容纳文本或者其他行内元素。
5.特殊符号
" "空格 "<"小于号 ">"大于号 "©"版权 "•"·。
6.a 超链接
href属性值是url路径
target(目标) 在新窗口中打开用属性值"_blank"
<a href=" ">-----刷新页面
a:link 未访问链接 a:visited 已访问链接 a:active 激活时 a:hover 鼠标移到链接上时(LoVe HAte 爱恨原则)
使用电子邮件链接 <a href="mailto:abc@abc.com"></a>
小应用---锚点:返回页面中某一位置,顶部或中部
<h2 id="top"></h2> <a href="#top" title=" ">回到顶部</a>
7.图片(内容图片,修饰图片)
1.gif:色彩表现少,支持透明,修饰类图片首选。
2.jpg:色彩表现多,不支持动图,也不支持透明,网页内容图片首选。
3.png:支持透明效果最好。
为图片的特定区域建立超级链接:(一般使用id属性,但是最好是id和name都使用;<area>定义映射的具体区域,通过使用shape属性来指定区域的形状(rect矩形、poly多边形、circle圆形),coords指定区域的位置和大小,href指定链接地址。)
<body>
<img src="" usemap="# " />
<map id="mymap" name="mymap">
<area shape="" coords="" href="" />
</map>
</body>
8.表格
<table></table> <tr></tr>(表格的行) <td></td>(表格中行内的单元格) <th></th>(表格中行内的单元格--标题)
cellspacing(单元格之间的间距) cellpadding(内容距离单元格四周的距离)
th默认样式:加粗、水平居中、竖直居中 td默认样式:左对齐、竖直方向居中
9.对齐
水平对齐:align="left/center/right" 垂直对齐:valign="top/middle/bottom"
内部内容居中用:text-align:center; 块级元素居中用:设置margin-left:auto/margin-right : auto(需设置定宽,中间宽度为定值,变的是两边宽度)