我们都知道,HTML是一种超文本标记语言,它负责网页的结构。而今天,我们来说一下html的图像属性,超链接丶锚点 和表格属性。
图像的标签名为<img/>,他的常用属性有:
Alt -- 代表图像的替代文字
作用: 当图片不显示的时候出现内容 用于提醒用户本图片的内容
Src -- 代表一个图像的源路径(就是图像的位置)
Border -- 代表图片边框宽度
Height -- 代表图像的高度
Width -- 代表图像的宽度
Title -- 提示字
常用格式:
JPEG -- 支持多种颜色可以有很高的压缩比 使用有损压缩 不支持透明
GIF -- 最多支持256色 支持透明 支持多帧动画显示效果
PNG -- 是一种新的图片技术 可以表现品质比较高的图片 使用无损压缩 支持透明 不支持动画
超链接的标签名为<a></a>它的常用属性有
Href -- 代表的是一个url链接源(就是你要链接到什么位置)
Url除了是网页外 还可以是其他的文件(如:文本文件,图片等..)
如果你要跳转到网站上的时候 必须要在href的里面写上我们的协议(http,https)
Url还可以是指定一个html文件的一个位置
target 用来指出哪个窗口或框架应该被此链接打开
_blank 将连接内容在新窗口打开
_parent 将连接内容 当前文件的上一个画面
_self 将连接内容显示在目录的窗口中(默认值)
Title -- 代表链接附加提示信息
锚点的用法:
声明锚点
<a name="锚点名"></a>
使用锚点
内部使用方式
<a href="#锚点名"></a>
外部使用方式
<a href="./demo.html#锚点名"></a>
<h1 id=”one”></h1>
表格标签的使用:
<table></table>
常用属性:
Border 边框 单位是像素 设置为0则不显示边框
Width 表格宽度 可使用像素或者百分比
Height 表格高度 可以使用像素或者百分
Cellspacing 单元格间距 单位为像素 默认为2
Cellpadding 单元格内边距 单位为像素 默认为1
align 表格相对于周围元素的位置
left(左边)|center(中间)|right(右边)
Bgcolor 背景颜色
Background 背景图片
2. 行标签
<tr></tr> 代表 html中表格的一行内容
常用属性:
Align 内容的水平位置
Left(默认值)|center|right
Valign 内容的垂直位置
Top(上面)|middle(中间)(默认值)|bottom(下面)
Bgcolor 背景颜色
3. 单元格标签
<td></td> 代表html中表格的一个单元格
Width/height 宽度和高度
Align/valign 对齐
Left|center|right
Top|middle|bottom
Colspan 合并列
Rowspan 合并行
<th></th> 在html中的表格中代表单元格 但是他有特殊的样式是 加粗居中显示
<caption></caption> 表格表头
关于html后面的标签,我们明天再讲!