前端与HTML|青训营笔记

287 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天。主要是对前端有一个初步的认识和定义,同时这节课程对HTML做了基本的介绍,让我前端有了一个整体的概念,总的来说属于对之前学习内容的查漏补缺的作用,同时课程里也介绍了一些基本标签以及其相应的属性,以下是我今天学习的一些简单的笔记

  • 什么是前端
    • 前端工程师:使用Web技术栈实现GUI下的人机交互问题
    • 图形界面下的人机交互
    • 跨终端
    • Web技术栈
  • 前端的技术栈 image.png
    • HTML(内容)、 CSS(样式)、javascript(行为)这是前端的基础技术栈。
    • 浏览器通过网络协议与服务器端进行通信。
  • 前端的边界
    • 可以开发除了页面的一些东西、nodejs——服务器端等等
    • 前端技术更新快,技术比较零散!
  • 前端的关注点
    • 1)是否满足相应功能
    • 2)是否美观
    • 3)对于一些特殊人员是否无障碍
    • 4)网络的安全性如何,比如一些权限的设置
    • 5)兼容性,在各类产品上的应用
  • HTML(超文本标记语言)
    • HTML可以告知浏览器如何组织页面,由一系列元素组成
  • HTML 简介
    • html 作为一个根元素、里面包含head元素等。
  • 常用标签
    • 段落标签p
    • 标题(h1-h6)标签
    • 列表标签
      • 有序 ol>li
      • 无序 ul>li
      • 描述列表:标记一组项目及其相关描述 dl>dt>dd
      • 链接 a
  • HTML 语义化
    • HTML中的元素、属性和属性值都拥有某些含义,这些含义就是语义化。其中,开发者应该遵循一些语义来编写HTML。其中一些功能、作用的真正意义。
  • 重点
    • 绝对 URL:指向由其在 Web 上的绝对位置定义的位置,包括协议和域名
    • 相对 URL:指向与你链接的文件相关的位置