@TOC
图片标签
1,图片标签
作用:<img src="路径">定义图像。————行内元素
语法:<img 属性1="属性值".../>
属性:src(用于指定图片源文件的路径)
width(宽度) height(高度)只设置一个属性,另外一个自动缩放版按比例
alt(图片无法正常显示时的替代文字)文字替代属性在浏览器无法载入图像时,替换文字属性告诉读者她们
失去的信息。此时浏览器将显示这个替代性的文本而不图像。为页面上的图像都加上替换文本属性是个好习
惯.
title(:鼠标滑过时显示的文字提示,用户体验上很重要,当然不必要所有的img都加次属性,比方说logo这
样的比较重要或者说用户会体验到土拍你内容建议一定要加上次属性
注:(可插入的图片类型——jpg,gif,png,bmp)
(不可插入类型:psd,ai)
列表标签
1,无序列表<ul>:无序列表就是列表项没有先后的顺序形式。
属性:type(类型) 属性值:circle(空心圆),square(黑色方块),disc(实心圆)
<li>为列表项:但是<li>不能单独存在,必须包裹在<ul>里面;反过来说,<ul>的里包的只能是<li>,但
<li>里面可以包的是不限的
2,有序列表 <ol>:有序列表就是列表项有先后顺序的列表形式
属性:type(类型)属性值:"a","A","i","I",默认为"1"
reversed="reversed"有序列表反序
start=""从第几个序号开始排序
3,自定义列表 <dl>:自定义列表不仅仅是一项选项,而是现目及其注释的组合。
<dl>——<dt>定义项——<dd>描述项
超链接a
超链接<a>标签(一对一的关系):HTML使用超链接与网络上的另一个文档相连。超链接可以是一个字,一个词,或
者一组词,也可以是一幅图像,你可以点击这些内容来跳转到新的文档或者当前文档中的某个部分
(当你把鼠标指针移动到网页中某个链接的时候,鼠标的指针会变成一个小手)
属性:href(设置链接的目标地址) title(悬停链接上时,提示文字属性)
target(设置页面打开方式) 属性值:_blank(在新窗口打开)
_self(默认,在自身窗口打开)
_top()
_parent()
超链接的种类:
1.内部链接:简单的来说,就是网站内部页面之间的链接。此时href的属性值只需写相对路径就可以了
<a href="1.html">...</a>
2.外部链接:在网站与网站间的链接。此时href的属性写法为:
<a href="http://www.baidu.com">...</a>
3.空连接:没有链接指向的链接。此时的href的写法为:
<a href="#">...</a>
4.下载链接: <a href=".rar/exe">...</a> 可执行文件exe压缩文件.zip .rar
5.锚点链接:很多网页文章的内容比较多,导致页面很长,浏览者需要不断拖动浏览器的滚动条才能找到需要的
内容,锚点链接功能可以解决这个问题。
锚点链接命名: <a name="top">...</a>
链接锚点: <a href="#top">...</a>链接到页面中#后相同的name的地方
认识表格
表格的基本结构
<table>:表格标签 <caption>:定义表格标题
<tr>:表格的行 <td>:单元格
<th>:表头单元格(大多数浏览器会把表头显示为粗体居中文本)
<thead></thead>:定义表格的表头。
<tbody></tbody>:标签定义表格的主体
<tfoot></tfoot>:标签定义表格的页脚
<thead>元素因该与<tbody>和<tfoot>元素结合起来使用。并且表格中,<tbody>可以有个多个,<thead>和
<tfoot>只能有一个。
<table>的基本属性
width宽度 height高度 align 对齐——left/center/right
border 外边框 bordercolor 外边框颜色
bgcolor 背景色 background 背景图片
cellspacing 单元格间距(默认为2) cellpadding 表格边框与内容的间距(默认为0)
<tr>行标签的属性
height 高 align 水平对齐
bgcolor 背景色 valign 垂直对齐——top/middle/bottom
<td>单元格的属性
width宽 height高 align 水平对齐 valign 垂直对齐
bgcolor 背景色 background 背景图片
colspan 跨列合并 rowspan 跨行合并
<th>表单表头中的单元格
用<th>替代<td>位置即可,默认加粗,居中
细线表格的制作
设置表格的背景色为边框颜色,设置行的背景色为边框色
设置边框为0,设置cellspacing=1
(很早的时候,用表格布局网页,但是后期修改起来太麻烦)