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这门语言,入门比较简单,它简单易学,生态圈比较强大,涉及的地方 ...
随机推荐
- window.print() 打印页面部分内容的方法
用 JavaScript 实现页面数据的打印 : 主要是用到了一个 print() 函数 , 该函数将会打印整个 web 页面 body 内的所有 html 数据 ! 使用方法为 window.pri ...
- Vue.js与MVVM
MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自 ...
- WPF 画心2.0版之元旦快乐
2017年元旦已经到了,想做一个祝福语的窗口,就把上一篇画心的程序改了改,变成了如下界面. 说下改动的地方,首先窗口没有标题栏了. MainWindow.xaml AllowsTransparency ...
- PHP 版本判断 version_compare() 函数
在度娘中简单的找了下,判断当前PHP的版本是否高于某个版本,或者低于某个版本的方法 显示的结果基本上都是一样的,好吧,要不是我忘记了version_compare()这个函数我才不会去找度娘,果断找以 ...
- Dapper入门学习
今天了解并学习了下Dapper的用法,这里简单介绍下 1.安装Nuget Dapper Package包 2.代码 using (IDbConnection connection = new SqlC ...
- 大数据平台架构(flume+kafka+hbase+ELK+storm+redis+mysql)
上次实现了flume+kafka+hbase+ELK:http://www.cnblogs.com/super-d2/p/5486739.html 这次我们可以加上storm: storm-0.9.5 ...
- 移动端webapp自适应实践(css雪碧图制作小工具实践)图文并茂
为什么要写这个 以前写过关于webapp自适应屏幕的文章(链接),不过写的大多数群众看不懂,所以来个图文并茂的版本.虽然只是一个简单的页面,不过在做的过程中也遇到了一些问题,也算是好事吧! 该示例gi ...
- oracle is not in the sudoers file. This incident will be reported.
准备把OS的root禁用了,所以其他用户要执行使用root执行的操作时,需要使用sudo. 在没有配置sudo的时候,执行sudo会出现类似以下的报错: [oracle@test ~]$ sudo / ...
- UWP Composition API - 锁定列的FlexGrid
需求是第一列锁定,那么怎么让锁定列不跟着滚动条向做移动呢? 其实很简单,让锁定列跟scrollviewer的滚动做反方向移动. 先看一下这个控件的模板,嗯,其实很简单,就是ListView的模板,不同 ...
- dos学习
>>>>>>>>>> arp-a:查看路由缓存表,所有的IP都在这里. ping <ip地址(例:192.168.x.x)>:查 ...