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

1.什么是前端？

前端，又称Web前端。是网站的前台页面，在我们打开一个网站所看到网页界面的内容以及交互体验，一般都是由前端工程师进行开发设计的页面，该内容属于前端部分。

前端工程师是使用web技术栈解决多端图形界面下人机交互问题的工程师。

JavaScript（行为）、CSS（样式）、HTML（内容）是前端最基础的技术栈。

2.什么是 HTML？

HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)。HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签。HTML 使用标记标签来描述网页。

3.HTML标签

HTML 标签是由尖括号包围的关键词，比如<html>。通常是成对出现的，比如<p>和</p>，标签对中的第一个标签是开始标签，第二个标签是结束标签。

4.HTML文档=网页

HTML文档描述网页，HTML文档包含HTML标签和纯文本。Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：
<html>
    <head>
        <meta charset="UTF-8">
        <title>页面标题</title>
    </head>
    <body>
        <h1>我的第一个标题</h1>
        <p>我的第一个段落。</p>
    </body>
</html>

5.HTML基础

HTML 标题（Heading）是通过<h1>-<h6>等标签进行定义的。（浏览器会自动地在标题的前后添加空行）<h1>定义最大标题，<h6>定义最小标题。
HTML段落是通过<p>标签定义的。
HTML链接是通过<a>标签定义的。（在href属性中指定链接的地址）
HTML图像是通过<img>标签定义的。（图像的名称和尺寸是以属性的形式提供的）
HTML注释，可以通过注释来达到更直观的效果。
有序列表用<ol>，无序列表用<ul>。
lang属性表示内容所使用的语言。

6.块级元素和内联元素

块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例子：<h1>, <p>, <ul>, <table>
内联元素在显示时通常不会以新行开始。
例子：<b>, <td>, <a>, <img>

前端与HTML|青训营笔记