html部分---a标签的用法、放置图片与表格;

时间:2023-11-19 13:26:02

a标签的用法:

1.加链接  herf

<a href="http://www.baidu.com">百度一下</a>

html部分---a标签的用法、放置图片与表格;

2.加载本地文件

<a href="file:///D|/实训资料/自我练习/10.17/函数/函数.sln">文件</a>

html部分---a标签的用法、放置图片与表格;

浏览器能够直接打开的文件即打开;浏览器能够打开的文件有文本文档、图片、网页文件。

浏览器打不开的文件,即在浏览器页面进行下载

3.做锚点;

<div>做层标签
<a href="#位置1">找到文字1</a>
<a href="#位置2">找到文字2</a>
<a href="#位置3">找到文字3</a>
</div>

<a name="位置1">文字1</a>

<a name="位置2">文字2</a>

<a name="位置3">文字3</a>

图片标签;

<img src=" alt="zheshiyizhangzhaopian" title="这是一张照片"/>

src用作引用图片;

alt表示图片无法找到时,显示的文字;

html部分---a标签的用法、放置图片与表格;

title表示鼠标放到图片上显示的文字;

html部分---a标签的用法、放置图片与表格;

表格<table></table>

基本属性:

width 宽度

border 边框。常用值是0;

cellpadding 边距,常用值0;

cellspacing 间距,常用值0;

align 对齐方式;

bgcolor 背景颜色;

background 背景图片;


<tr></tr> 

    align:一行的内容的水平对齐方式

    valign:一行的内容的垂直对齐方式

    height:行高

    bgcolor:背景色

background:背景图片


单元格<td></td> 

    align:单元格的内容的对齐方式

    valign:单元格的内容的垂直对齐方式

    width:单元格宽度

    height:单元格高度

    bgcolor:背景色

 background:背景图片

单元格的合并:

colspan="n" 合并同一行单元格

rowspan="n" 合并同一列单元格