前端与 HTML | 青训营笔记

40 阅读2分钟

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

一、前言

本次课程主要介绍了:

  • 前端要解决的基本问题
  • HTML的基本定义和语法
  • 为什么要语义化和怎么做的语义化

二、什么是前端

前端也称web前端,web前端即为网站的前端开发,前端开发是创建Web页面或app等前端界面呈现给用户的过程。  
web前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。它从网页制作演变而来,名称上有很明显的时代特征。网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。  
随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。Web前端主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。 一般而言,所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。

三、前端需要关注哪些问题

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

四、HTML语法特点

  1. HTML不需要编译,直接由浏览器执行
  2. HTML文件是一个文本文件
  3. HTML文件必须使用html或htm为文件名后缀
  4. HTML大小写不敏感,HTML与html一样

五、HTML标签

  • 标题标签h1-h6
  • 段落标签p
  • 换行标签br
  • 水平线标签hr
  • 图片标签img及路径详解(绝对/相对路径)
  • 超文本链接标签a
  • 超本文链接之锚点

六、总结

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
HTML主要的任务是展示内容,向用户传达信息,而不是单纯对样式的引用。因此,学习语义化相关知识,并在实际编码过程中,实践不同的语义化规范,是一个前端工程师的基础必修课。同时,是否具有良好的语义化,也是判断一个页面好坏的标准。