前端入门 - 基础语言篇

通过本课程我们从基础语法入门，通过讲解 HTML 的常用标签，表单，排版等实用技术，深入 CSS 样式表基础原理与实践操作。另外，综合对 JS 框架不断变化背后的驱动力探讨，鉴往知来，帮助我们对前端基础语言有更全面的认知。  
HTML：搭建网页“骨架”

HTML（超文本标记语言）是前端基础中的基础，如同搭建房屋的框架。  标签作为根元素，包裹整个页面，  里放置页面元信息，像 <meta charset="UTF-8"> 确保字符编码正确，利于浏览器解读。  承载可视内容，从 

 到 

 标题标签明确层级，突出重点； 

 段落标签让文字规整分布，讲述网页故事。

 借助 src 属性引入图片， alt 为图片加载失败或助读设备提供替代文本，增强无障碍访问性；  标签的 href 牵起链接，实现页面跳转，或外链资讯，或内链详情，织就信息互联网络，搭建起页面初始架构，赋予语义结构，助搜索引擎“读懂”页面。

CSS：赋予页面“颜值”

CSS（层叠样式表）是美化利器，如化妆师雕琢网页风貌。选择器是精准“化妆刷”，标签选择器（如 p ）统一段落共性，类选择器（ .classname ）为特定元素定制， #id 选择器聚焦唯一目标。在样式属性上， color 调配文字色彩， background-color 刷出背景色调， margin 与 padding 精细调控元素间距、内边距，拿捏布局分寸。

display:flex 开启弹性布局新时代，轻松实现水平、垂直排列，适配不同屏幕尺寸； @media 查询像智能“换装间”，依据屏幕宽度（如 (max-width:768px) ）切换样式，手机端导航变汉堡图标、多列排版紧凑成单列，提升多设备体验。

JavaScript：注入交互“灵魂”

JavaScript 为静态网页注入生机，是灵动“魔法棒”。变量用 let 、 const 声明，存储数据灵活管控；函数借 function 关键字定义，封装可复用逻辑， addEventListener 绑定事件，捕捉用户点击、滚动瞬间，操作 DOM（文档对象模型），像 document.getElementById() 获取元素后修改其内容、样式，实现购物车加减、表单验证，将人机交互从设想落地，开启前端动态之门，扎实掌握它们，才算迈稳前端“第一步”。 通过本课程我们了解了 HTML 模块的语义类标签应用场景，灵活运用语义类标签，洞悉 CSS开发痛点，知悉业内成熟的 CSS 架构思想， 掌握系统优化 JavaScript 代码执行效率的方法。