这是我参与「第四届青训营 」笔记创作活动的的第1天
初识青训营
在朋友的推荐下,我参加了第四届青训营的笔试,并成功进入了青训营的基础班。在这里我看到了很多拥有各种知识储备的大佬,不过也有像我一样的小白,让我惶恐的心有了一丝丝安慰。在朋友的帮助下,我成功加入了一个优秀的队伍,我会加快提高的基础知识储备,不拖团队后退,希望在之后的学习训练中我们能擦出绚烂的火花。为了让我更好的掌握并巩固知识,我也参加了笔记创作活动。接下来就是我的一些笔记啦,由于知识储备有限,有很多不足的地方,大家多多指教。
一、学习HTML需要了解
什么是HTML
Html是超文本标记语言,是用来描述 web文档的一种标记语言。使用标签作为页面的开始和结束部分。html通常被称为静态网页。HTML是带html或Htm扩展名的文件。
网页的形成
graph TD
前端代码开发 --> 浏览器解析与渲染 --> 呈现web页面
常用浏览器
edgeChromeFirefoxSafariOpera
二、HTML标签
HTML基础结构
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
| 标签名 | 定义 | 说明 |
|---|---|---|
<html> </html> | 根标签 | 页面中最大的标签(最基础的标签) |
<head> </head> | 头部标签 | 在 head 标签中我们必须要设置 title 标签 |
<title> </title> | 标题标签 | 页面自己的网页标题 |
<body> </body> | 主体标签 | 包含文档的所有内容 |
HTML常用标签
- 段落标签
<p></p>
- 换行标签
<br>
- 分割线标签
<hr>
-
文本格式化标签 语义 | 标签
| --- | ------------------------------------- | 加粗 |<strong></strong>或<b></b>| 倾斜 |<em></em>或<i></i>
| 删除线 |<del></del>或<s></s>
| 下划线 |<ins></ins>或<u></u> -
其他标签
<div></div>
<span></span>
它们的作用是用来对网页进行布局和装其他内容。