前端的概念

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。

html的概念

html是世界通用的标记语言，也是一种计算机语言，浏览器能把它翻译并展现出来，用于描述一个网页的信息。 HTML叫超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。我们可以通过使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

基本标签使用

html标签是由尖括号包围，通常成对出现。例如

<div></div>

我们称为双标签。标签中的第一个是开始标签，第二个是结束标签。也有一些标签单独存在. 有些特殊标签必须是单个标签（极少情况），例如

<br />

在vue中组件引入使用也可以使用单标签。最基本的标签有：

<h1>这是一个标题</h1>
<p>这是另外一个段落。</p>
<div></div>
<style></style>

html的元素

元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

html的属性

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value" 。

legend标签

<form>
 <fieldset>
  <legend>Personality</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
 </fieldset>
</form>

legend 与 fieldset 搭配使用

legend为fieldset的标题，

fieldset标签可以将表单内的相关元素分组，fieldset标签会在相关表单元素周围绘制边框。

总结

今天主要是对之前学习过的知识作一个总结，html是前端每天都要接触的东西，因此我们应该在最开始的时候就把基础打好。

初学HTML | 青训营笔记