html笔记1 | 青训营笔记

155 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天

初识青训营

在朋友的推荐下,我参加了第四届青训营的笔试,并成功进入了青训营的基础班。在这里我看到了很多拥有各种知识储备的大佬,不过也有像我一样的小白,让我惶恐的心有了一丝丝安慰。在朋友的帮助下,我成功加入了一个优秀的队伍,我会加快提高的基础知识储备,不拖团队后退,希望在之后的学习训练中我们能擦出绚烂的火花。为了让我更好的掌握并巩固知识,我也参加了笔记创作活动。接下来就是我的一些笔记啦,由于知识储备有限,有很多不足的地方,大家多多指教。

一、学习HTML需要了解

什么是HTML

Html是超文本标记语言,是用来描述 web文档的一种标记语言。使用标签作为页面的开始和结束部分。html通常被称为静态网页。HTML是带html或Htm扩展名的文件。

网页的形成

graph TD
前端代码开发 --> 浏览器解析与渲染 --> 呈现web页面

常用浏览器

  • edge
  • Chrome
  • Firefox
  • Safari
  • Opera

二、HTML标签

HTML基础结构

<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>
标签名定义说明
<html> </html>根标签页面中最大的标签(最基础的标签)
<head> </head>头部标签在 head 标签中我们必须要设置 title 标签
<title> </title>标题标签页面自己的网页标题
<body> </body>主体标签包含文档的所有内容

HTML常用标签

  1. 段落标签
<p></p>
  1. 换行标签
<br>
  1. 分割线标签
<hr>
  1. 文本格式化标签 语义 | 标签
    | --- | ------------------------------------- | 加粗 | <strong> </strong> 或 <b> </b> | 倾斜 | <em> </em> 或 <i> </i>
    | 删除线 | <del> </del> 或 <s> </s>
    | 下划线 | <ins> </ins> 或 <u> </u>

  2. 其他标签

<div></div>
<span></span>

它们的作用是用来对网页进行布局和装其他内容。