春
节
快
乐

HTML笔记1

文档类型声明标签

<!DOCTYPE>：

文档类型声明，作用是告诉浏览器使用哪种HTML版本来显示网页

lang语言种类

用来定义当前文档显示的语言

1.en定义语言为英语

2.zh-CN定义语言为中文

字符集（Character Set）

字符集（Character Set）是多个字符的集合，以便于计算机能够识别和存储各种文字

在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码

charset常用的值有：GB2312、BIG5、GBK和UTF-8，其中UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符

注意：上面语法是必须要写的代码，否则可能引起乱码情况，一般情况下，统一使用UTF-8编码，尽量写成统一标准的“UTF-8”，不要写成“utf8”或“UTF8”

锚点链接

点击锚点链接可以快速定位到页面中的某个位置

如何添加锚点链接

1.在链接文本的href属性中，设置属性值为#name的形式

2.找到目标位置标签，里面添加一个id = #name即可

注释

HTML中的注释，快捷键：ctrl + /

HTML中的特殊字符

https://www.webhek.com/post/html-enerty-code.html

HTML表格

注意：表格是用来展示数据的，不是用来布局的

表格的基本语法:

<table>
  <tr>
    <td>单元格内的文字</td>
  </tr>
</table>

其中:

  1. <table></table>是定义表格的标签

  2. <tr></tr>标签用于定义表格中的行,必须嵌套在<table></table>中

  3. <td></td>用于定义表格中的单元格,必须嵌套在<tr></tr>中

<th></th>标签表示HTML表格的表头部分,表头单元格里面的文本内容加粗居中显示

表格属性

表格结构标签

使用场景:为了更好表示表格的语义,将表格分为表格头部和表格主体两部分

在表格标签中,分别用:<thead></thead>标签表示表格头部区域;<tbody></tbody>标签表示表格主体区域,这样可以更好的区分表格结构

<thead></thead>标签用于定义表格头部,<thead></thead>标签内必须有<tr></tr>标签,一般位于第一行

<tbody></tbody>标签用于定义表格的主体,用于存放数据本体

合并单元格

合并单元格方式:

  • 跨行合并: rowspan="合并单元格的个数"
  • 跨列合并: colspan="合并单元格的个数"

目标单元格(写合并代码):

  • 跨行合并: 最上侧单元格为目标单元格,写合并代码
  • 跨列合并: 最左侧单元格为目标单元格,写合并代码

合并单元格步骤:

  1. 先确定是跨行合并还是跨列合并
  2. 找到目标单元格,写上合并方式 = 合并的单元格数量.例如: <td colspan="2"></td>
  3. 删除多余的单元格
posted @   诉说爱意予妁  阅读(33)  评论(0)  编辑  收藏  举报
相关博文：
· HTML笔记2
· HTML笔记4
· HTML基础知识
· HTML 表格介绍
· HTML学习笔记——HTML常用标签
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛