前端与HTML|青训营笔记

用户6355790087473

2023-01-16 58 阅读1分钟

前端与HTML|青训营笔记

这是我参与第五届青训营伴学笔记创作活动的第一天

1.1 什么是前端？

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

1.2前端技术栈
JavaScript（行为）、CSS（样式）、HTML（内容） 运行于浏览器中，浏览器通过http网络协议与服务器端进行通信。

1.3前端应该关注哪些方面？

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

1.4HTML是什么？
HyperText Markup Lanhuage 超文本标签语言

标题

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1 align="center">一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
</body>
</html>

列表

有序

  <ol >
        <li>第一产业</li>
        <li>第二产业</li>
        <li>第三产业</li>
  </ol>

无序

<ul > 
        <li>苹果</li>
        <li>梨子</li>
        <li>香蕉</li>
 </ul>

定义列表

<dl>
     <dt>导演：</dt>
     <dd>陈凯歌</dd>
     <dt>演员：</dt>
     <dd>张国荣</dd>
     <dd>张丰毅</dd>
     <dd>巩俐</dd>

超链接

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

图片视频

输入