前端与 HTML | 青训营笔记

用户7905203499293
410 阅读2分钟

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

一、本堂课重点内容：

  • 前端概览

    1. 什么是前端
    2. 前端的技术栈
    3. 前端的边界
    4. 前端的关注点

  • HTML

    1. HTML简介
    2. 常用标签
    3. HTML语义化

二、详细知识点介绍：

  • 什么是前端

    1. 解决GUI人机交互问题

    2. 跨终端

      ①PC/移动浏览器

      ②客户端/小程序

      ③VR/AR等

    3. Web技术栈

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

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

  • 前端的边界

    目前已经远远不止是一个页面了

  1. node.js ---- 服务器端的应用
  2. ELECTRON ---- 客户端的应用
  3. WebGL ---- 3D游戏
  4. WebASSEMBLY ---- 把C++等其他语言的代码编写为可以直接在浏览器上运行的代码

  • <!doctype html>

    标记html的版本，告诉浏览器使用哪种渲染模式渲染界面；不写默认以老旧的模式渲染。

  • <dl></dl>描述列表

    <dl>
  <dt>描述的题目</dt>
  <dd>描述的具体的值</dd>
</dl>

  • HTML-输入框提示

    <input list = "xxx"/>
<datalist id="xxx">
  <option>提示信息<option>
  <option>提示信息<option>
  <option>提示信息<option>
</datalist>

  • HTML-引用

    1. 快捷引用
    <blockquote cite="引用的内容来自于哪">
</blockquote>
    1. 简短引用
    <cite>一般是作品名字</cite>
<q>具体引用的内容</q>

三、实践练习例子：

对没有学习过的HTML标签在本地编译器上面试验了一下。

编译器：VS CODE

练习的标签：<dl></dl>、<blockquote></blockquote>、<input list="tips" /><datalist id="tips"></datalist>

四、课后个人总结：

看起来很基础很简单的HTML其实内涵丰富，自以为已经很熟悉HTML了，但是还是有很多更细的知识点自己从来没有了解过，通过这次课了解到了前端的意义以及HTML相关的规范，对自己已有的知识库进行了一个查缺补漏的工作，学海无涯，还是应该要不断积累不断学习才行。

五、引用参考：

avatar
文章
阅读
粉丝