HTML基础篇之知识点补充和拓展
<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基础篇之知识点补充和拓展的更多相关文章
- python基础篇---列表---知识点回顾
列表:数据的集合,里面可以放任何的数据类型,可进行增删改查等操作 有序列表功能(index是列表的索引值): ①创建:用 [] 表示,里面添加元素,如n2 = [1,2,4,5,5]: 或者 ...
- disruptor笔记之八:知识点补充(终篇)
欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...
- 前端总结·基础篇·CSS(三)补充
前端总结系列 前端总结·基础篇·CSS(一)布局 前端总结·基础篇·CSS(二)视觉 前端总结·基础篇·CSS(三)补充 目录 一.移动端 1.1 视口(viewport) 1.2 媒体查询(medi ...
- 从零开始的全栈工程师——html篇1.8(知识点补充与浏览器兼容性)
知识点补充 一.浏览器的兼容问题(关于浏览器的兼容问题 有很多大佬已经解释的很清楚了 这个得自己百度去多花点时间去了解 这里咱们只说一下前面的漏点) 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题 ...
- java基础知识点补充---二维数组
#java基础知识点补充---二维数组 首先定义一个二维数组 int[][] ns={ {1,2,3,4}, {5,6,7,8}, {9,10,11,12}, {13,14,15,16} }; 实现遍 ...
- [转]C++学习–基础篇(书籍推荐及分享)
C++入门 语言技巧,性能优化 底层硬货 STL Boost 设计模式 算法篇 算起来,用C++已经有七八年时间,也有点可以分享的东西: 以下推荐的书籍大多有电子版.对于技术类书籍,电子版并不会带来一 ...
- Spring+SpringMVC+MyBatis+easyUI整合基础篇(一)项目简介
很久之前就打算开始写一下自己的技术博客了,实在抽不出时间所以计划一直搁置了,最近项目进度渐渐缓了下来,不那么忙了,也因此开始筹备自己的博客.说到这次博客的主角,也是无心插柳找到的,来源于两年前自己写的 ...
- 金三银四跳槽季,BAT美团滴滴java面试大纲(带答案版)之一:Java基础篇
Java基础篇: 题记:本系列文章,会尽量模拟面试现场对话情景, 用口语而非书面语 ,采用问答形式来展现.另外每一个问题都附上“延伸”,这部分内容是帮助小伙伴们更深的理解一些底层细节的补充,在面试中可 ...
- Python 经典面试题汇总之基础篇
基础篇 1:为什么学习Python 公司建议使用Python,然后自己通过百度和向有学过Python的同学了解了Python.Python这门语言,入门比较简单,它简单易学,生态圈比较强大,涉及的地方 ...
随机推荐
- CSS3简易表盘时钟
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- JAVA BigDecimal 小数点处理
1,保留两位小数 方法一:{ double c=3.154215; java.text.DecimalFormat myformat=new java.text.DecimalFormat(" ...
- 51nod1102(数塔)
题目链接:https://www.51nod.com/onlineJudge/questionCode.html#!problemId=1002 题意:中文题诶- 思路:简单dp 从底层往上递推,每个 ...
- 记一次proc_open没有开启心得感悟
引言: 今天在部署服务器的时候,使用composer来安装依赖.遇到了 The Process class relies on proc_open, which is not available on ...
- js new
如果一个函数前面带上new来调用该函数,那么将创建一个隐藏连接到该函数的prototype成员的新对象,同时this将被绑定到那个新对象上 即: function B(){} var a=new B( ...
- PhoneGap开发跨平台移动APP - 解决跨域资源共享
解决跨域资源共享 一.WebApi解决跨域资源共享. 开发中选择WebApi来作为服务端的数据接口,由于使用PhoneGap,就需要通过js来获取远程远程数据服务器的数据,由于同源策略的限制,这就涉及 ...
- Redis——学习之路二(初识redis服务器命令)
上一章我们已经知道了如果启动redis服务器,现在我们来学习一下,以及如何用客户端连接服务器.接下来我们来学习一下查看操作服务器的命令. 服务器命令: 1.info——当前redis服务器信息 s ...
- mysql优化
一.优化事项 1. 数据库(表)设计合理 (不合理设计导致内伤) 我们的表设计要符合3NF 3范式(规范的模式) , 有时我们需要适当的逆范式.2. sql语句的优化(索引,常用小技巧 ...
- C#启用管理员权限运行程序
方法一:关闭程序重新请求打开 static class Program { [STAThread] static void Main() { Application.EnableVisualStyle ...
- Cordova 3.x入门 - 目录
这个系列是基于Cordova 3.x的,很多Android的东西都是Eclipse ADT+Ant的,而目前Android的开发已经完全切换到了Android Studio+Gradle,需要大家特别 ...