<tbody>标签

<tbody>如果表格内容非常多的时候,如果加上这个标签它会让这个表格全部下载好才会显示。用在表格标签上面。

如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

用CSS样式添加表格边框:

<style type="text/css">table tr td,th{border:1px solid #000;}</style>

这里用到CSS的业内引用方式在页面头部里面书写群组选择符,还有CSS选择器方面知识。

1.A,B{...}表示{...}对A和B都执行,在这里只有一个逗号,所以是对table tr td和th这两 样 东 西 执 行 {border:1px solid #000;}。
2.table tr td表示table路径下tr路径下的td,也就是电脑路径table/tr/td,所以这里就是指所有table的子标签里面tr的子标签里面的td,由于代码里面只有一个table,而所有td都在tr里面,所以删除table和tr也没关系。

还是理解不了的话请看以下链接:查看

Summary属性它跟注释标签一样是在网页里不会显示任何内容,它的作用就是增加表格的可读性,使所搜引擎更好的读懂表格内容。还方便某些阅读器更好地让用户阅读表格里面的内容。

<table summary=”表格简介文本”>

表格标题标签:<caption>

<table>
<caption>表格标题</caption>
<tr>
<td>aaa</td>
<td>ddd</td>
</tr>
</table>

作用就是描述表格内容标题显示位置在表格上方,<caption> 标签必须直接放置到 <table> 标签之后。<caption>里不能加入align属性已经被废除很久了。

超链接的文字颜色:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>超链接</title>
<style type="text/css">
a{color: red}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
</body>
</html>

上例中的

<style type="text/css">
a{color: red}
</style>

是CSS的页内引用来改变了超链接下的命名那里的颜色,默认是蓝色点击之后是淡紫色,设置之后就一直是那个颜色。

Href属性的其他属性值

<a href=”mailto:要发送的邮箱地址”>发送</a>

Mailto:它的作用就是发送邮箱地址。如果要测试这个工能需要安客户端的电子邮件程序。

<a href=”mailto:要发送的邮箱地址?cc=另外一个邮箱地址”>发送</a>

CC=:它是一个抄送地址用户填写完的时候发送是本来是只有mailto的发送地址如果加上CC的话就等于添加多一个在发送地址,比如你的作业做完要发给老师,也要发一份给同学的话可以用这个属性值。不用再重新打一次再发给另外一个人;但它有一个不好的地方就是多个发送的接收人可以看到邮件还发给谁了。(当你发送的时候会有一个抄送栏给你抄送发给抄送地址上的接收人)注意书写的格式!

<a href=”mailto:要发送的邮箱地址?bcc=另外一个邮箱地址”>发送</a>

BCC=:它是一个加密抄送地址,作用跟上面抄送地址的作用是一样的,但是它们两个的安全性比较是加密好因为多个发送的时候收件人是看不到邮件还同时发给谁了。注意书写的格式!

<a href=”mailto:第一个要发的邮箱地址;第二个要发的邮箱地址;第三个要发的邮箱地址>发送</a>

这里主要介绍如果要发送多个地址是如何分开我们会用到 ; 号把地址隔开,在mailto、cc、bcc中都可以。

<a href=”mailto:要发送的邮箱地址?subject=作业&body=作业内容”>发送</a>

Subject是你要发送的邮件的标题;body是你要发送的内容。请看清楚书写规范。

HTML基础篇之知识点补充和拓展的更多相关文章

  1. python基础篇---列表---知识点回顾

    列表:数据的集合,里面可以放任何的数据类型,可进行增删改查等操作 有序列表功能(index是列表的索引值): ①创建:用  []  表示,里面添加元素,如n2 = [1,2,4,5,5]:    或者 ...

  2. disruptor笔记之八:知识点补充(终篇)

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

  3. 前端总结·基础篇·CSS(三)补充

    前端总结系列 前端总结·基础篇·CSS(一)布局 前端总结·基础篇·CSS(二)视觉 前端总结·基础篇·CSS(三)补充 目录 一.移动端 1.1 视口(viewport) 1.2 媒体查询(medi ...

  4. 从零开始的全栈工程师——html篇1.8(知识点补充与浏览器兼容性)

    知识点补充 一.浏览器的兼容问题(关于浏览器的兼容问题 有很多大佬已经解释的很清楚了 这个得自己百度去多花点时间去了解 这里咱们只说一下前面的漏点) 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题 ...

  5. java基础知识点补充---二维数组

    #java基础知识点补充---二维数组 首先定义一个二维数组 int[][] ns={ {1,2,3,4}, {5,6,7,8}, {9,10,11,12}, {13,14,15,16} }; 实现遍 ...

  6. [转]C++学习–基础篇(书籍推荐及分享)

    C++入门 语言技巧,性能优化 底层硬货 STL Boost 设计模式 算法篇 算起来,用C++已经有七八年时间,也有点可以分享的东西: 以下推荐的书籍大多有电子版.对于技术类书籍,电子版并不会带来一 ...

  7. Spring+SpringMVC+MyBatis+easyUI整合基础篇(一)项目简介

    很久之前就打算开始写一下自己的技术博客了,实在抽不出时间所以计划一直搁置了,最近项目进度渐渐缓了下来,不那么忙了,也因此开始筹备自己的博客.说到这次博客的主角,也是无心插柳找到的,来源于两年前自己写的 ...

  8. 金三银四跳槽季,BAT美团滴滴java面试大纲(带答案版)之一:Java基础篇

    Java基础篇: 题记:本系列文章,会尽量模拟面试现场对话情景, 用口语而非书面语 ,采用问答形式来展现.另外每一个问题都附上“延伸”,这部分内容是帮助小伙伴们更深的理解一些底层细节的补充,在面试中可 ...

  9. Python 经典面试题汇总之基础篇

    基础篇 1:为什么学习Python 公司建议使用Python,然后自己通过百度和向有学过Python的同学了解了Python.Python这门语言,入门比较简单,它简单易学,生态圈比较强大,涉及的地方 ...

随机推荐

  1. BOOST_AUTO宏

    在boost中,有个非常不错的宏BOOST_AUTO(),它的作用是自动给var定义类型,适合function()函数返回的值的类型. int function() { ; } main() { BO ...

  2. Mittag-Leffler定理,Weierstrass因子分解定理和插值定理

    Mittag-Leffler定理    设$D\subset\mathbb C$为区域,而$\{a_{n}\}$为$D$中互不相同且无极限点的点列,那么对于任意给定的一列自然数$\{k_{n}\}$, ...

  3. PROC 文件系统调节参数介绍(netstat -us)

    转自:http://www.cnblogs.com/super-king/p/3296333.html /proc/net/* snmp文件 Ip: ip项 Forwarding        : 是 ...

  4. 15.linux按键驱动程序(二)

    linux按键驱动程序 包含内容定时器延时去抖动,阻塞型设备驱动设计 一.定时器延时去抖 按键所用开关为机械弹性开关,当机械触点断开.闭合时,由于机械触点的弹性作用,开关不会马上稳定地接通或断开.因而 ...

  5. 对Raphael画图标的一个jquery简单封装

    公司要做一个项目的demo,要求地图上可以插红旗,所以就用到了Raphael. 因为是个demo,所以地图就用了一张图片,效果如下: 所以为了更好的封装一下这个功能,就写了一个简单的插件:jquery ...

  6. 忘记XP密码的解决方案

    仅供教学与研究用,后果自负! !! USE AT YOUR OWN RISK !! !! ONLY FOR EDUCATIONAL PURPOSE !! 介绍 获取SYSTEM权限.测试通过. 进入G ...

  7. maven权威指南学习笔记(一)——简介

    maven是什么?有什么用? Maven是一个项目管理工具,它包含了     一个项目对象模型 (Project Object Model),     一组标准集合,     一个项目生命周期(Pro ...

  8. Unity IOS Build的Graphics API最好是固定Opengl ES 2.0

    不要选择Automatic也不要选择Metal,因为这个选项可能会导致app在Iphone6上出现crash. 一个类似的crash堆栈: http://stackoverflow.com/quest ...

  9. Win7下VS2008破解方法

    在Win7系统下,无法像xp下通过“控制面板”卸载的方法重新输入序列号来破解VS2008. 但可以通过以下几个步骤来破解: 1.首先需要安装VS2008,可以安装VS2008专业版90天试用版或VS2 ...

  10. AJAX 缓存

     cache   默认为true,   从浏览器里读取缓存.   提高性能   设置为false,则每次从方法获取,不进缓存