HTML笔记

2017-07-23 本文已影响0人前端森林

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>

小应用---锚点：返回页面中某一位置，顶部或中部

7.图片（内容图片，修饰图片）

1.gif：色彩表现少，支持透明，修饰类图片首选。

2.jpg：色彩表现多，不支持动图，也不支持透明，网页内容图片首选。

3.png：支持透明效果最好。

为图片的特定区域建立超级链接：（一般使用id属性，但是最好是id和name都使用；<area>定义映射的具体区域，通过使用shape属性来指定区域的形状（rect矩形、poly多边形、circle圆形），coords指定区域的位置和大小，href指定链接地址。）

<body>

</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（需设置定宽，中间宽度为定值，变的是两边宽度）