2前端与HTML|青训营

55 阅读1分钟

本文通过“前端要解决的基本问题”和“什么是HTML”两个方面展开,是前端的基本认知,同时也开展了我学习前端代码的第一课,前面一部分听起来还是比较简单的,但一到涉及代码,对于我一个前端小白来说还是比较困难的,希望我能够一步一步把东西学懂,一步一步不再是一个小白。

什么是前端?

  • 1.解决GUI人机交互问题
  • 2.跨终端
  • 3.Web技术栈

前端技术栈

  • 1.HTML(页面、结构、内容)最基础
  • 2.CSS(样式)
  • 3.JavaScript(行为)
  • 三者通过http协议到服务器段

前端应该关注哪些方面?

  • 1.功能
  • 2.美观
  • 3.无障碍
  • 4.安全
  • 5.性能
  • 6.兼容性
  • 7.用户体验

开发环境

浏览器,编辑器

HTML

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

DOM树

包含文章的根节点

mindmap
      document
          html
            head
              meta
              title
            body
              h1
              p

HTML语法

  • 标签和属性不区分大小写,推荐小写
  • 空标签可以不闭合,比如input、meta
  • 属性值推荐用双引号包裹
  • 某些属性值可以省略,比如required、readonly