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是你要发送的内容。请看清楚书写规范。

时间: 2024-08-01 11:21:09

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

python重点笔记-基础篇

本文是对基础的一个提炼:基础篇的知识点列表 1.print打印"..." print:print('Hello World!') 命令行模式: 运行Python,在命令行输入命令并执行. 程序模式: 写一段Python程序并运行. 注意:Linux中创建一个文件夹,touch test.py,在使用vim编辑,执行python test.py 可以将上述程序改成一个脚本,直接运行,需要为脚本语言指定解释器:#!/usr/bin/env python , 编辑后更改文件权限chmod 7

sql系列(基础篇)-前言 课前补充知识

前言 课前补充知识 Number(p,s) Number(p,s):数字类型,p 表示数字的有效长度(从数字的左边第 1 位不为 0 的开始算起,直到最右边的长度:取值范围 0~38 位),s 表示数字的精度(即小数点右边的位数,取值范围-84~127 位): Varchar2(s) Varchar2(s):可变长的字符类型,s 表示字符串的长度,取值范围 1~4000 位: Char(s) Char(s):定长的字符类型,s 表示字符串的长度,取值范围 1~2000 位: Date Date:

关于Java面试知识点解析——JVM基础篇

跳槽时时刻刻都在发生,但是我建议大家跳槽之前,先想清楚为什么要跳槽.切不可跟风,看到同事一个个都走了,自己也盲目的开始面试起来(期间也没有准备充分),到底是因为技术原因(影响自己的发展,偏移自己规划的轨迹),还是钱给少了,不受重视. 准备不充分的面试,完全是浪费时间,更是对自己的不负责(如果title很高,当我没说).今天给大家分享下 Java面试知识点解析--JVM基础篇 1)Java 是如何实现跨平台的? 注意:跨平台的是 Java 程序,而不是 JVM.JVM 是用 C/C++ 开发的,是

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

C++入门 语言技巧,性能优化 底层硬货 STL Boost 设计模式 算法篇 算起来,用C++已经有七八年时间,也有点可以分享的东西: 以下推荐的书籍大多有电子版.对于技术类书籍,电子版并不会带来一个好的阅读体验.如果喜欢,最好找纸版(图书馆是个好去处):电子版更适合作为一个参考书籍常备电脑. 我将分为基础篇.Windows篇.和Linux/Unix篇 三个部分来介绍这些经典书籍:   C++入门 <C++ Primer> 我的C++入门读物是<C++大学教程>,这本书800多页

图解Python 【第五篇】:面向对象-类-初级基础篇

由于类的内容比较多,分为类-初级基础篇和类-进阶篇 类的内容总览图: 本节内容一览图: 今天只讲类的基础的面向对象的特性 前言总结介绍: 面向对象是一种编程方式,此编程方式的实现是基于对 类 和 对象 的使用 类 是一个模板,模板中包装了多个"函数"供使用(可以讲多函数中公用的变量封装到对象中) 对象,根据模板创建的实例(即:对象),实例用于调用被包装在类中的函数,对象是一个类的实例 实例(instance):一个对象的实例化实现. 标识(identity):每个对象的实例都需要一个可

Java程序员面试题之JavaSE之基础篇

一.JavaSE之基础篇 1.JavaSE基础之语法 ######(1).简述你对JVM,JRE,JDK的理解? JVM:java虚拟机.是一个模拟的计算机,相当于真实存在的计算机(软件+硬件). JDK:是整个java的核心.程序员的产品.包括了java的运行环境.java的工具.java的基础类库. JRE:运行环境.拓展----JVM.JDK和JRE之间的关系:JDK包括JRE,JRE包括JVM######(2).一个".java"源文件中是否可以包括多个类(非内部类)?有什么限

PE文件解析 基础篇

PE文件解析 基础篇 来源 https://bbs.pediy.com/thread-247114.htm 前言 之前学习了PE格式,为了更好的理解,决定写一个类似LoadPE的小工具. 编译器是VS2015,采用MFC框架. 此系列文章采用边介绍知识点,边写代码的形式,以免变的无聊丧失兴趣. PE知识请参照<加密与解密>第10章 文章有错误或则不清楚的地方还请您指出. PE文件格式 1.PE文件基本概念 PE文件是windows系统中遵循PE结构的文件,比如以.exe   .dll为后缀名的

oracle(sql)基础篇系列(五)&mdash;&mdash;PLSQL、游标、存储过程、触发器

  PL/SQL PL/SQL 简介 每一种数据库都有这样的一种语言,PL/SQL 是在Oracle里面的一种编程语言,在Oracle内部使用的编程语言.我们知道SQL语言是没有分支和循环的,而PL语言是为了补充SQL语言的,是带有了分支和循环的语言. PL/SQL 语法 基本数据类型声明 declare v_name varchar2(20); v_temp number(1); v_count binary_integer := 0; v_sal number(7,2) := 4000.00

Hybrid APP基础篇(四)-&gt;JSBridge的原理

说明 JSBridge实现原理 目录 前言 参考来源 前置技术要求 楔子 原理概述 简介 url scheme介绍 实现流程 实现思路 第一步:设计出一个Native与JS交互的全局桥对象 第二步:JS如何调用Native 第三步:Native如何得知api被调用 第四步:分析url-参数和回调的格式 第五步:Native如何调用JS 第六步:H5中api方法的注册以及格式 进一步完善JSBridge方案 思路 实现 注意 完整的JSBridge 完整调用流程图 另外实现:不采用url sche