前端与HTML | 青训营笔记

2022-08-04 28 阅读1分钟

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

什么是前端

 前端就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。
 通俗地讲，前端就是访问网站的人看到的内容和页面，前端开发就是这些内容和页面在代码中的实现，同时使得网页更加美观，交互效果显著，功能更加强大。
 
 网页分为三个部分:
        结构（HTML）
        表现（CSS）
        行为（JavaScript）

学习HTML

HTML是什么？

HTML的全称是HyperText Markup Language，即超文本标记语言。

学习HTML的结构

DOM树.jpg

HTML中所有内容都要写在<html></html>之间。

meta主要用于设置网页中的一些元数据，元数据不是给用户看的。
title标签的内容会作为搜索结果的超链接上的文字显示。
标题标签：h1~h6 共有六级标签，重要性递减。
p标签：表示页面中的一个段落

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <p>p标签</p>
</body>
</html>

在网页中HTML专门用来负责网页的结构所以使用html标签时，应该关注的是标签的语义，而不是它的样式。