前端与HTML

什么是前端

解决GU1人机交互问题
跨终端
- PC/移动浏览器
- 客户端小程序
- VR/AR等
Web 技术栈

_Web 入门_是一个简要的系列，向你介绍 Web 开发的实用性。你将设置你需要的工具来构建一个简单的网页，并发布你自己的简单代码。

前端边界

开发环境

HTML

HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。
“超文本”（hypertext）是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接，你就成为了万维网的积极参与者。

DOM 树

语义化的标签

语义化是什么

HTML中的元素、属性及属性值都拥有某些含义
开发者应该遵循语义化来编写 HTML
- 有序使用 ol,无序使用 ul
- lang属性表示内容所使用的语言 (提示浏览器需不需要翻译)

<h1>无序列表</h1>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>
<h1>有序列表</h1>
<ol>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ol>
<h1>描述列表</h1>
<dl>
  <dt>test1</dt>
  <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas ex vitae nesciunt cupiditate laborum quisquam
    natus, nulla, ut ducimus tempore accusamus delectus nostrum numquam ea? Aspernatur ab asperiores fuga ipsa.
  </dd>
  <dt>121</dt>
  <dd>212</dd>
  <dd>212</dd>
  <dd>212</dd>
</dl>