认识标签(二)之div与table

块级元素<div></div> 可定义文档中的分区或节

在网页制作过程中,可以把一些独立的逻辑划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。

规定Html的唯一标识:id

表格{

创建表格的五个元素:

table、tbody、tr、th、td

1. 表格标签:<table></table>
2. <tbody></tbody>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)
3. 表格行:<tr></tr>
4. 表格列:<td><td>

5. 表格表头:<th></th>表格的头部的一个单元格

}

总结:
1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线

2、表头,也就是th标签中的文本默认为粗体并且居中显示


定义表格标头标签:<caption></caption>

表格摘要:summary 

语法:<table summary="表格需摘要文本">

解释:摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。


超链接标签:<a>

语法:<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

例如:<a  href="http://www.baidu.com"  title="百度网">百度网</a> 

注意:只要为文本加入a标签后,文字的颜色就会自动变为蓝色被点击过的文本颜色为紫色)css样子可以设置

规定在何处打开链接文档标签:target=""有五个值/打开方式{

1._blank:在新窗口打开
2._self:默认打开方式,在当前窗口打开
3._parent:在父框架集中打开
4._top:在整个窗口打开
5.framename:在指定的框架中打开被链接文档

}


使用mailto在网页中链接Email地址:



注意:如果mailto后面同时有多个参数的话,一个参数必须以“?”开头,后面的参数每一个都以“&”分隔


插入图片标签:<img>

语法:<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

举例:<img src = "myimage.gif" alt = "My Image" title = "My Image" />

讲解:{
1、src:标识图像的位置;
2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;
3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);
4、图像可以是GIF,PNG,JPEG格式的图像文件。

}

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值