什么是前端？

解决GUI人机交互问题
跨终端

1. PC/移动浏览器
1. 客户端/小程序
1. VR/AR等

3.Web技术栈

前端技术栈

HTML是什么？

HyperText Markup Language

一个标准的HTML文件：

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>页面标题</title>
    </head>
        <body>
            <h1>一级标题</h1>
            <p>段落内容</p>
        </body>
</html>

浏览器对于文件的解析方式

HTMl语法;

标签和属性不区分大小写

空标签可以不闭合

属性值推荐使用双引号

某些属性值可以忽略

一些基础的标签

标题

<h1></h1>

h1----h6

标签主要用于对于文章的文档结构进行美观，清晰的索引

列表

列表主要分为有序列表和无序列表，当然还有定义列表 有序列表结构：

<ol>
    <li>一</li>
</ol>

无序列表结构：

<ul>
    <li></li>
</ul>

定义列表：

<dl>
    <dt></dt>
    <dd></dd>
</dl>

链接

<a href="https://www.bytedance.com">字节跳动</a>

添加：target="_blank"表示新建窗口打开

媒体控件

<img src=" " alt="Metal movable type" width="400">
<audio src=""
    controls
    ></audio>

<video src=""
    controls
    ></video>

Day2，前端与HTML