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这门语言,入门比较简单,它简单易学,生态圈比较强大,涉及的地方 ...
随机推荐
- [Android Pro] Android开发实践:为什么要继承onMeasure()
reference to : http://www.linuxidc.com/Linux/2014-12/110164.htm Android开 发中偶尔会用到自定义View,一般情况下,自定义Vie ...
- 【转载】写一个js库需要怎样的知识储备和技术程度?
作者:小爝链接:https://www.zhihu.com/question/30274750/answer/118846177来源:知乎著作权归作者所有,转载请联系作者获得授权. 1,如何编写健壮的 ...
- [Javascript] 前端随笔
做一个小功能时使用到的一点技术点记录下来: 1.在js中使用定时器: 这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript.不过两者各有各的应用场景. 方 法 实际上,setTime ...
- I Could Have Danced All Night
百老汇著名音乐剧<窈窕淑女(My Fair Lady)>中脍炙人口的经典歌曲. Bed, bed ,I couldn't go to bed床,床,我不能上床去 My head's too ...
- ExtJS客户端代理
代理(proxy)分为两大类:客户端代理和服务器端代理.客户端代理主要完成与浏览器本地存取数据相关的工作,服务器端代理则是通过发送请求,从服务器端获取数据.根据各自获取数据的方式,客户端代理和服务器端 ...
- [leetcode] 390 Elimination Game
很开心,自己想出来的一道题 There is a list of sorted integers from 1 to n. Starting from left to right, remove th ...
- RumTime实践之--UITableView和UICollectionView缺省页的实现
有关RunTime的知识点已经看过很久了,但是一直苦于在项目中没有好的机会进行实际运用,俗话说"光说不练假把式",正好最近在项目中碰到一个UITableView和UICollect ...
- JAVA 引入 junit工具框架
我遇到的麻烦 : 开始直接按照视频上的来做,直接也是引入的他上面的jar ,但是我只引入了一个,就是上面的junit-4.4.jar,然后就会报错,会出现,空指针的错误, 后面我又按照网上的教程 这里 ...
- 获取元素计算后的css样式封装
获取元素计算后的css样式封装: function getCss(obj,attribute) { if(obj.currentStyle) { return obj.currentStyle[att ...
- Java面向对象之封装
面向对象的三个特征:封装.继承和多态. Java开发的过程就是找合适的库对象使用,没有对象创建新对象.找对象,建立对象,使用对象并维护对象之间的关系. 类就是对现实生活中事物的描述,而对象就是这类事 ...