HTML基础 | 易学教程

HTML的基本结构：

<!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title></title>
  </head>
  <body>主体</body>
  </html>

声明的作用：让浏览器检测到HTML的版本属性有哪几种：1.标准属性 2.私有属性 3.事件属性
列表有哪几种：
1.无序列表：<ul><li></li></ul>
2.有序列表：<ol><li></li></ol>
3.定义列表：<dl><dt><dd></dl></dt></dd>
a标签的作用:实现页面的跳转功能；<a href="页面的地址">链接</a>

今天的知识：

1.编码格式：
英文编码：ISO8859-1
中国编码：GBK、GBK2312
通用编码：Unicode格式—“UTF-8/UTF-16”

2.发送邮件：”mailTo:1261558503@qq.com”

3.锚点链接：主要是指当前页面中某一个具体的位置
用途：页面文档查看中的目录功能；
回到顶部；
<a name="top"><h1></h1></a>
<a href="#top"></a>

4.图片元素： alt—-图片显示不出来时显示该属性的值
width–设置图片的宽度
hight–设置图片的高度
设置图片的大小时尽量不要改变高宽的比例/设置一个就好
( 浏览器加载图片时：尽量减少外部资源的加载 )
5.表格元素：<table> —- 表示表格，属性有border设置表格的边框大小；width表示表格的宽度
align设置表格的对齐方式；
<caption></caption> 设置表格的标题
<tr> —- 表示行，bgcolor设置行的背景色
<th></th> —- 设置表头信息，只能在第一行使用
<td></td> —- 表示一个单元格(表格中的列) width设置列的宽度
</tr> —- 绝对值：像素值
</table> —- 相对值：百分比

rowspan:表示跨行，注意：需要设置被占用的行的单元格，要相应的减少；
<td rowspan="2">;表示合并两行
colspan:表示跨列，注意：需要设置被占用的列的单元格，要相应的减少；
<td colspan="2">;表示合并两列

表格的布局：
<thead></thead>表示表格的头部
<tbody></tbody>表示表格的主体
<tfoot></tfoot>表示表格的脚本

来源：CSDN

作者：gzlxing

链接：https://blog.csdn.net/qq_40238154/article/details/78607228#comments

标签

html表格