前端三件笔记【1】 | 青训营笔记

162 阅读2分钟

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

导言:HTML,CSS以及JavaScript作为前端的三大基石是每一个前端入门必须学习的东西,他们或深或浅但是都不是一下子能够学会的,此笔记作为我个人在青训营中学习到的自己曾经遗漏了部分或者是三件套的介绍以及个人认为较重要的部分的笔记。

【第一课】 前端与HTML

什么是前端?

运用WEB技术栈解决多端GUI(图形用户界面)人机交互问题的工程师

**技术栈:**HTML CSS Javascript

**关注方面:**美观,功能,安全,性能,无障碍,兼容性,用户体验

前端边界:node.js,ELECTRON,REACTNative,WebRTC,WebGL,WebASSEMBLY

什么是 HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如
  • HTML 标签通常是成对出现的,比如
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:

<html><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>

例子解释

  • <html></html> 之间的文本描述网页
  • <body></body> 之间的文本是可见的页面内容
  • <h1></h1> 之间的文本被显示为标题
  • <p></p> 之间的文本被显示为段落

较偏门非常用HTML标签

<blockquote>

<cite>

<code>

HTML总结

HTML是传递内容的而不是传递样式的,要做到HTML标签语义化,用最合适的标签来描述内容