一、 TABLES

use them to store tabular data<table></table>
  • rows
<tr></tr>
  • table data
<td></td><tr><td>One</td></tr><tr><td>Two</td></tr><tr><td>Three</td></tr>

  • Head of table
<thead>
<tbody>The original <tr>s should be within <tbody> now. <tbody> should be within <table>.

  • title of table
colspan attribute


  • division
<div>  create visual HTML objects like sidebars, menus, and more.Just like with images, you can make <div>s clickable by wrapping them in <a></a> tags.

  • span
<span> allows you to control styling for smaller parts of your page, such as text. For example, if you always want the first word of your paragraphs to be red, you can wrap each first word in <span></span> tags and make them red using CSS!color, font size, font family, and any other style attribute you can think of

HTMLCSS 【三】-- TABLES, DIVS, AND SPANS相关推荐

  1. HTMLCSS三列布局

    1.利用margin值为负数 左右宽度固定中间自适应.补充:background-color填充:content.padding.border. <!DOCTYPE html> <h ...

  2. 一份来自于全球的前端面试题清单,看看老外喜欢考哪些题(部分有答案)

    方括号中的蓝色标题是题目的出处,有些题目在原址内包含答案.搜集的大部分外国前端面试题没有做翻译,单词并不难,大家应该看得懂.题目旁边的方括号内, 简单记录了与此题相关的知识点.总共大概一千多道,包含国 ...

  3. dokuwiki 部署笔记

    文章目录 dokuwiki 是什么 dokuwiki 在 Windows 上的安装 方法一:用 XAMPP 方法二:用 PHPstudy 创建目录和页面 修复不能显示以中文命名的页面 如何安装插件 插 ...

  4. ASP.NET MVC 3 - 部分vs显示模板与编辑器模板

    本文翻译自:ASP.NET MVC 3 - Partial vs Display Template vs Editor Template So, the title should speak for ...

  5. linux优化网页加载过程,HTML页面加载和解析流程 介绍

    1.浏览器加载和渲染html的顺序 1.1.IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的. 1.2.在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相 ...

  6. 如何制作快速加载的HTML页面

    以下技巧都是基于通用的知识和经验,如果你有可以帮助他人提高页面加载性能的其它方法,可以在本文讨论区提出. 一个好的页面不仅要给访客提供一个更有效的站点,同时也需要降低你的服务器压力和网络请求.后者对于 ...

  7. “睡服”面试官系列第六篇之set数据结构(建议收藏学习)

    目录 set 1基本用法 2Set 实例的属性和方法 3遍历操作 3.1 keys() , values() , entries() 3.2 forEach() 3.3遍历的应用 weakset 含义 ...

  8. JavaScript网页特效-留言板

    留言板是一种可以用来记录.展示文字信息的载体,有比较强的时效性.网站中的留言板功能非常重要,可以实现和用户互动,例如人民网的"领导留言板"."领导留言板"是人民 ...

  9. 第65天:仿网易轮播图

    仿网易轮播图 1.HTML部分 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta ...

最新文章

  1. 在线项目管理软件推荐
  2. 国内网络环境优化qiime2安装过程-QIIME 2安装慢或无法下载的解决方案
  3. JQuery实现父级选择器(广告实现)
  4. python中字符串的操作
  5. 点击lable标出现下拉搜索框及选择功能
  6. js json制表符报错_JS自学_常见错误复盘
  7. 电机与拖动,直流他励电动机的特性测试实验报告,江南大学自动化
  8. 使用Chatkit构建Node.js命令行聊天应用程序
  9. Microsoft VS又要级了
  10. [李景山php]每天TP5-20170125|thinkphp5-Process.php-7
  11. CAN总线基础知识(二)
  12. Cocos2d-X3.0 刨根问底(九)----- 场景切换(TransitionScene)源代码分析
  13. JMP软件与康涅狄格大学商学院
  14. android 点阵字库
  15. word最后一页空白页删除
  16. 如何将mkv转换mp4格式?
  17. nodebb接入已有的账号体系及实现单点登陆、更改nodebb样式及页面
  18. Python快速计算函数耗时timeit
  19. 西门子1200PLC程序SCL数控G代码功能块源文件 S7-1200PLC程序SCL数控G代码功能块源文件
  20. C++计算绝对值的函数

热门文章

  1. 应用方案 | 川土微电子CA-IS398X在PLC领域的应用
  2. 【Android学习日记】
  3. 我成功转型大厂数据分析师后,总结了这些经验…
  4. 【论文笔记15】以太坊智能合约去中心化的链上数据访问
  5. easyui Datagrid+searchbox 实现搜索功能
  6. 物联网外设学习笔记-语音识别模块
  7. prototype.js详解
  8. PTA L2-039 清点代码库
  9. 《headfirst设计模式》读书笔记9-迭代器和组合模式
  10. 线性回归与非线性回归