前端是什么

前端（Front-end）是指与用户直接交互的网站或应用程序的开发领域。前端开发主要涉及使用HTML、CSS和JavaScript等技术来构建用户界面，以及实现用户与应用程序之间的交互和体验。前端开发的目标是创建一个直观、吸引人且功能完善的用户界面，使用户能够轻松地与应用程序进行交互。同时，前端开发需要考虑网页的性能、可访问性和浏览器兼容性等方面，以确保网页在不同浏览器和操作系统上都能正常运行——来自chatgpt

前端（英语：front-end）和后端（英语：back-end）是描述进程开始和结束的通用词汇。前端作用于采集输入信息，后端进行处理。计算机程序的界面样式，视觉呈现属于前端。——来自维基百科

前端的技术栈

HTML

CSS

JS

前端应该注意哪些方面

功能
美观
安全
无障碍
性能
兼容

HTML是什么

HTML全称：HyperText Mark-up Language（超文本标记语言），html是一个网页的骨架，它决定了网页中有哪些内容，至于这些内容如何呈现则需要使用CSS和Javascript了。

在VScode中若要新建一个html文件，可以在开头输入一个!再回车，就可以自动生成html文件的骨架

元素、标签与属性——html的基本概念

元素

元素是由标签、内容和属性组成的完整结构。标签定义了元素的类型，属性提供了有关元素的额外信息，而内容是元素包含的文本或其他嵌套元素。

属性

属性用来指定标签的性质，属性提供了关于元素的额外信息。属性包含在标签的开始标签中，并具有名称和值的形式。例如，<a href="https://www.example.com">中的href属性指定链接的目标URL。

常见的元素

标题

<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<h3>这是一个三级标题</h3>
<!-- 可以一直到<h6> -->

段落

<p>这是一个段落。</p>

链接

<a href="https://www.example.com">这是一个链接</a>

图片

<img src="image.jpg" alt="图片描述">

无序列表（Unordered List）

<ul>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

有序列表（Ordered List）

<ol>
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
<ol>

表格

<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>

前端与HTML ｜ 青训营