html知识笔记(二)——div、table、a标签
div标签:我们把一些标签放进<div>里,划分出一个独立的逻辑部分。为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id
属性来为<div>
提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。
——————————————————————————————————————————————————————————————
table标签:用于创建表格。
创建表格的四个元素:table、tbody、tr、th、td
1、<table>…</table>:整个表格以<table>
标记开始、</table>
标记结束。
2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>
,说明一行中就有几列。
5、<th>…</th>:表格的头部的一个单元格,表格表头。
6、表格中列的个数,取决于一行中数据单元格的个数。
需要注意的是:
1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的
2、表头,也就是th标签中的文本默认为粗体并且居中显示
有时,我们需要在表格上加上摘要和标题。
摘要:摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法:<table summary="表格简介文本">
标题
用以描述表格内容,标题的显示位置:表格上方。
语法:
<table><caption>标题文本</caption><tr><td>…</td><td>…</td>…</tr> … </table>
———————————————————————————————————————————————————————————————
<a>标签:使用<a>
标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。
语法:
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
<a>
标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。
如下代码:
<a href="目标网址" target="_blank">click here!</a>
(以上内容参考自慕课网:http://www.imooc.com)
html知识笔记(二)——div、table、a标签相关推荐
- 计算机基础:存储系统知识笔记(二)
1.高速缓存 1.1 定义 用来存放当前最活跃的程序和数据. 特点:容量在几千字节到几兆之间,速度比主存快5~·10倍左右.快速半导体组成. 1.2 高速缓存的组成 一般位于CPU和主存之间.主要包括 ...
- html知识笔记(三)——img标签、form表单
<img>标签:在网页中插入图片. 语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示 ...
- Oracle 学习笔记二 Create table
1.创建用户 create user hfy identified by hfy; 2.在该用户下建表 建表必须满足权限和表空间: 首先连接sys账户,grant create session to ...
- iview table增加一行减少一行_iView学习笔记(二):Table行编辑操作
1.前端准备工作 首先新建一个项目,然后引入iView插件,配置好router npm安装iView npm install iview --save cnpm install iview --sav ...
- 金融基础知识笔记(二)
基础金融知识(指标) 提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加 例如:第一章 Python 机器学习入门之pandas的使用 提示:写完文章后,目录可以自动生成,如何生成可参考 ...
- 微擎学习笔记二--模板视图中标签的if和ifp
ifp 当前用户是否有 控制器--方法 的权限 包括add edit del send view等 方法必带 ifpp 当前用户是否有 插件 的权限 ife 当前用户是否有 控制器--方法 的权限 编 ...
- css中怎么加入立体模型,CSS学习笔记二:css 画立体图形
继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性: ...
- Html前端基础(select下拉选标签、table表格标签)
文章目录 一.select 下拉选标签 二.table表格标签 三.练习代码 继续前两篇的Html前端基础的内容,本文主要关于 <select>下拉选标签和 <table>表格 ...
- 【Visual C++】游戏开发笔记二十七 Direct3D 11入门级知识介绍
游戏开发笔记二十七 Direct3D 11入门级知识介绍 作者:毛星云 邮箱: happylifemxy@163.com 期待着与志同道合的朋友们相互交流 上一节里我们介绍了在迈入Dire ...
最新文章
- Android2.3操作系统即将发布,亮点解读
- sap采购订单更改记录_SAP系统如何实现减税:增值税16%
- 直方图python高度_python – 子图中直方图的动画
- 产品入门八——用户体验设计
- 分享一个凭实力赚钱例子,值得借鉴学习
- 小米回应林斌退休传闻;哈工大等高校被禁止使用 MATLAB;统信软件 UOS20 SP1 系统升级| 极客头条...
- Pandas系列(五)对缺失值的处理
- windows nslookup 查询域名并生成路由批处理
- LSTM实现情感分类
- 施耐德驱动器维修ELAU控制器维修C400C600
- 网络安全先进技术与应用发展系列报告 用户实体行为分析技术(UEBA)
- wifi快速漫游实例分析
- 利用easyX图形库画迷宫问题的路径
- 使用Timer实现Flutter启动页
- Web前端:古诗排版网页案例设计
- 利用HttpSession记录用户的登陆次数
- BioPython(一)
- 如何在linux系统中打开巨型帧
- 【python爬虫 系列】13.实战二 爬取京东信息
- 虚拟服务器 vmotion,VMotion简单步骤
热门文章
- 找不到显示桌面的快捷方式怎么办|显示桌面的快捷方式找不到解决方法|显示桌面代码|...
- 测试集准确率不变_这个医疗AI准确率突破天际,招来了铺天盖地的质疑
- vue lang_新疆人的“lang”是“浪”吗?
- php pdo使用事务,PHP内PDO事务使用步骤详解
- 二分法在数组内查找数c语言,C++二分法在数组中查找关键字的方法
- java stack list_JAVA自己实现List接口Stack
- java编写科赫曲线_matlab绘制peano(皮亚诺)曲线和koch(科赫曲线,雪花曲线)分形曲线...
- Java String startsWith()方法与示例
- tolowercase_Java String toLowerCase()方法与示例
- Python程序反转给定数字(2种不同方式)