首页 > 常识 > 互联网 > 网站制作 > 基础与技巧

HTML的常用标签和意义

作者:yiluokuang.com  时间:2021-12-31
描述:<tbody> 内部需要包含一个或者多个 <tr>和 <th>或<td>标签,否则没有意义。<tbody>主要用于CSS 来为这些元素定义样式,从而改变表格的外观。
《生活宝典shenghuobaodian.com》讯  <tbody>设置表格主体的组合内容,<tbody> 内部需要包含一个或者多个 <tr>和 <th>或<td>标签,否则没有意义。<tbody>主要用于CSS 来为这些元素定义样式,从而改变表格的外观。

案例

本案例设置了第二、三行的为表格主体,然后通过css样式设置背景颜色为红色。

<table border="1">
  <thead>
  <tr>
    <td>教程课程</td>
    <td>学习天数</td>
    <td>学习难度</td>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>php</td>
    <td>7天</td>
    <td>中等</td>
  </tr>
  <tr>
    <td>HTML</td>
    <td>6天</td>
    <td>简单</td>
  </tr>
    </tbody>
</table>

注意 如果表格在没有设置<thead> 和 <tfoot>标签时,<table>默认所有行和列都为表格的主体。所有单独设置<tbody>没有作用。用以下案例说明。

案例2

我们要求的效果同上,来看看有设置<thead>和没有的区别

tbody和thead一起使用

语法
<tbody></tbody>
<tbody>
如果打印时表格过高,而且又表格的头部和底部出现在每页上,请使用<thead> 、 <tbody> 和 <tfoot>联合使用。以下是案例打印效果。

tbody属性
属性    值    描述
align    right
left
center
justify
char    HTML5 不支持。设置 <tbody> 中内容的水平对齐方式。
char    character    HTML5 不支持。暂无浏览器支持。设置<tbody> 中内容根据哪个字符来对进行文本对齐。
charoff    number    HTML5 不支持。暂无浏览器支持。设置<tbody> 中内容的第一个对齐字符的偏移量。
valign    top
middle
bottom
baseline    HTML5 不支持。设置 <tbody> 中内容的垂直对齐方式。

全局属性
<tbody>标签支持HTML 全局属性

事件属性
<tbody>标签支持HTML 事件属性

HTML <thead>表格表头 标签HTML <tfoot>表格底部 标签 

HTML 常用标签

HTML <b>字体加粗 标签
HTML <big> 大号字体 标签
HTML <em> 强调标签
HTML <strong> 重要事务标签
HTML <dfn>定义实例标签
HTML <code> 计算机代码 标签
HTML <samp> 计算机输出 标签
HTML <kbd> 用户输入 标签
HTML <var> 变量 标签
HTML <cite> 作品标题 标签
HTML <i> 字体斜体 标签
HTML <small> 侧记 标签
HTML <sup>上标 标签
HTML <sub>下标 标签
HTML <ins>插入 标签
HTML <del>删除 标签
HTML <s>删除 标签
HTML <strike> 删除标签
HTML <u>下划线 标签
HTML <tt>打印机文字 标签
HTML <pre>预格式化的文本 标签
HTML <abbr>缩写体 标签
HTML <acronym>首字母缩写 标签
HTML <address>联系信息 标签
HTML <bdo>覆盖文本方向 标签
HTML <blockquote> 长引用 标签
HTML <q> 短引用 标签
HTML <link> 外部资源 标签
HTML <style> 样式标签
HTML <title> 标题标签
HTML <base>文档根 URL标签
HTML <meta> 元数据标签
HTML <script> 脚本标签
HTML <noscript> 不支持脚本标签
HTML <command> 定义命名标签
HTML <head> 头部标签
HTML <map> 图像映射标签
HTML <img> 图像标签
HTML <area> 图像映射区域标签
HTML <a> 超链接标签
HTML <div>块标签
HTML <span>局部布局标签
HTML <form> 表单 标签
HTML <optgroup>选项组 标签
HTML <option>选项 标签
HTML <select> 下拉列表 标签
HTML <datalist> 选项列表 标签
HTML <input> 表单交互 标签
HTML <textarea> 多行文本 标签
HTML <button> 按钮 标签
HTML <legend> 分组标题 标签
HTML <fieldset> 分组 标签
HTML <label> 标识 标签
HTML <h1><h2><h3><h4><h5><h6>标题 标签
HTML <hr> 水平线 标签
HTML <ol> 有序列表 标签
HTML <li> 列表项 标签
HTML <ul> 无序列表 标签
HTML <dl>描述列表 标签
HTML <dt>描述列表项目名 标签
HTML <dd>描述列表子项目 标签
HTML <output>输出 标签
HTML <p>段落 标签
HTML <table>表格 标签
HTML <tr>表格行 标签
HTML <th>表标题 标签
HTML <td>表单元格 标签
HTML <caption>表名称 标签
HTML <col>列属性 标签
HTML <colgroup>列组合 标签
HTML <thead>表格表头 标签
HTML <tbody>表格主体 标签
HTML <tfoot>表格底部 标签
HTML <br>换行 标签
HTML <object>对象 标签
HTML <iframe>标签
HTML <thead>表格表头 标签HTML <tfoot>表格底部 标签 
HTML <tbody>表格主体 标签

HTML <a> 标签的 rel 属性

所有浏览器都支持 rel 属性。

注释:虽然在理论上讲,浏览器可以利用 rel 和 rev 属性改变锚内容的外观、或者自动构建文档浏览菜单,其他工具也可以使用这些属性来构建特殊的链接集合、目录和索引,但是只有极少数浏览器才会利用这些属性来改变链接的外观。

提示:尽管浏览器不会以任何方式使用该属性,不过搜索引擎可以利用该属性获得更多有关链接的信息。

属性值
值    描述
alternate    文档的可选版本(例如打印页、翻译页或镜像)。
stylesheet    文档的外部样式表。
start    集合中的第一个文档。
next    集合中的下一个文档。
prev    集合中的前一个文档。
contents    文档目录。
index    文档索引。
glossary    文档中所用字词的术语表或解释。
copyright    包含版权信息的文档。
chapter    文档的章。
section    文档的节。
subsection    文档的子段。
appendix    文档附录。
help    帮助文档。
bookmark    相关文档。
nofollow    Google 使用 "nofollow",用于指定 Google 搜索引擎不要跟踪链接。nofollow -- 不被用于计算PageRank(网页排名)
licence     
tag     
friend     

注释:上面这些关系也用在文档的 <head> 中的 <link> 标签里。<link> 标签无需实际创建一个指向目标文档的链接就可以创建关系;<a> 标签则要创建链接,并在其中加入关系属性。

文章来源:shenghuobaodian.com

从手机浏览器访问《生活宝典》

站内搜索
  • 巧用<tbody>标签让网页打开下载更快
  • 通用一级栏目模板的标签可用在首页时的情况
  • div标签里的区块内容可能会飘走了,应该运用td标签
  • 从html拷贝到txt的时候,注意有的字符会发生转变了
  • 帝国CMS系统标签操作类型对应的序号
  • 验证网站所有权之后最好不要删除HTML文件
  • HTML DOM Password 密码对象
  • JS代码改成规范xhtml 1.0 标准
  • xml是什么?它和html有什么区别?
  • XHTML相比于HTML有什么改进的地方?
  • 微商帮
    世界网站大全
    中国科研团队:大象的长鼻子是如何越变越长了
    中国科研团队:大象的长
    自己是否能够像自己想的那样做成一件事,身旁人的判断会比自己准确
    自己是否能够像自己想
    火宫殿:吃喝玩乐看,烧香拜神佛,红火的庙会经济
    火宫殿:吃喝玩乐看,烧香
    眼见为实也不为实,更须谨慎看到的并非全貌
    眼见为实也不为实,更须