前端--A_1--THML标签

第一章 HTML定义

HTML通过一系列'标签(也称为元素)'来定义文本、图像、链接等等。HTML,标签是由尖括号包围的关键字。

标签通常成对出现 ,包括开始标签和结束标签 (也称为双标签),内容位于这两个标签之间

除了双标签,也存在单标签

区别:单标签用于没有内容的元素 ,双标签用于有内容的元素

第二章 HTML结构

2.1 html文本结构

作用:告诉浏览器这是HTML文本

2.2 HTML的根节点

作用:包含整个文档的结构,最大的容器。

2.3 head文档的头部

head标签的作用:包含了一些文件的原始信息,如:文档的标题文档的编码格式 ,以及一些外部样式表css和js文件。

2.4 body文档标签

作用:实际显示在浏览器中的内容,如:文本、图像、链接等等。

2.5 练习代码如下:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>常见文本标签练习

</title>

</head>

<body>

<h1> 一级标题标签 </h1>

<h2> 二级级标题标签 </h2>

<h3> 三级标题标签 </h3>

<h4> 四级标题标签 </h4>

<h5> 五级标题标签 </h5>

<h6> 六级标题标签 </h6>

<p>这是一个段落标签</p>

<p>更改文本样式:

<b>字体加粗</b>

<i>字体斜体</i>

<u>字体下划线</u>

<s>字体删除</s>

</p>

<ul>

<li>无序列表元素 1 </li>

<li>无序列表元素 2</li>

<li>无序列表元素 3 </li>

<li>无序列表元素 4</li>

</ul>

<ol>

<li> 有序列表标签 1</li>

<li> 有序列表标签 2</li>

<li> 有序列表标签 3</li>

</ol>

<h1> tr行: table row</h1>

<h1> td列 :table data</h1>

<h1> th标题:table header</h1>

<table>

<tr>

<th>列标题1</th>

<th>列标题2</th>

<th>列标题3</th>

</tr>

<tr>

<td>第1行第1列内容</td>

<td>第1行第2列内容</td>

<td>第1行第3列内容</td>

</tr>

<tr>

<td>第2行第1列内容</td>

<td>第2行第2列内容</td>

<td>第2行第3列内容</td>

</tr>

<tr>

<td>第3行第1列内容</td>

<td>第3行第2列内容</td>

<td>第3行第3列内容</td>

</tr>

</table>

</body>

</html>

2.6 图像结果

相关推荐
benbenAItalk7 小时前
数字人口播视频的批量生产实践:素材规范、任务编排与质量验收
java·前端·音视频
2601_962885727 小时前
如何用 Python 扫描 A 股跳空缺口并统计缺口回补概率?
java·前端·python
西瓜太郎12348 小时前
Claude Code、Codex CLI、Gemini CLI 能否共用一枚 Key?先看协议选择矩阵
前端·api 网关·claude code·gemini cli·codex cli
陈随易10 小时前
在Finch用了62亿词元,我认为这是新一代Agent工具之神
前端·人工智能·后端
水域安全老周10 小时前
水趣钓鱼救生衣专利拆解:两级锁紧如何解决落水人衣分离
java·前端·网络
计算机魔术师11 小时前
Anthropic CEO突然喊踩刹车,OpenAI罕见力挺:AI这辆车不能只踩油门了
前端
wing9811 小时前
从codex转战workbuddy使用一周的感受
前端·人工智能·后端
EatFan11 小时前
Java接入支付宝 JSAPI 支付保姆教程(二):流程讲解与前后端代码讲解
前端·spring boot·后端·微信小程序·小程序·uni-app
梦想平凡12 小时前
百游棋牌源代码开发搭建教程(五):房间创建、座位分配与请求幂等实现
前端·javascript·数据库·源代码管理
IT_陈寒12 小时前
Redis的Set操作居然能把我的服务整挂了?
前端·人工智能·后端