①什么是前端?
解决gui人机交互问题,跨终端,web技术栈
②前端应该关注的问题
美观、安全、兼容、功能、体验、性能、无障碍
③前端的边界 前端的边界是指前端开发所涉及的技术范围和应用领域。它主要涵盖HTML、CSS和JavaScript等技术,用于创建响应式网页、交互式界面和网页应用程序。前端开发的边界还包括与服务器端通信、数据处理、性能优化等方面的技术。随着技术的发展,前端的边界不断拓展,涵盖了移动端开发、桌面应用程序、游戏开发等领域。同时,前端开发人员也在不断学习新的技术和工具,以适应行业的发展和不断变化的需求。 ④开发环境 前端开发环境是指用于进行前端开发的软件、工具和配置。常见的前端开发环境包括代码编辑器(例如Visual Studio Code、Sublime Text)、命令行工具(例如Git、Node.js)、调试工具(例如Chrome开发者工具)、包管理器(例如npm、Yarn)、版本控制系统(例如Git)、自动化构建工具(例如Webpack、Gulp)等。这些工具和配置提供了创建、调试、测试和部署前端应用程序所需的基础设施,以提高开发效率并确保代码的质量和性能。 ⑤HTML DOM树
⑥HTML语法
标签和属性不区分大小写,推荐小写
空标签可以不闭合,比如input、meta
属性值推荐引用双引号包裹
某些属性值可以省略,比如required、readonly
标题h1~h6
链接: a href属性(url) target="_blank"新窗口打开
图片:img alt属性(替代性的文本)
音频: audio control属性默认控件
输入: input placeholder属性(占位符) type属性(range拖动条 number数字 date日期 checkbox多选框 radio单选)
⑦语义化
语义化是HTML中的元素、属性及属性值都拥有某些含义。开发者应该遵循语义来编写HTML,有序列表用ol,无序列表用ul,lang属性表示内容所用的语言
语义化的好处是代码可读性、可维护性、搜索引擎优先和提升无障碍性。
⑧感受 学习HTML非常有趣和富有挑战性。HTML作为一种标记语言,是构建网页的基础。学习HTML让我能够理解网页结构和组成部分的功能。通过学习HTML,我能够创建简单的网页,添加文本、图片和链接等元素。同时,我发现HTML的学习过程相对简单,并且有很多在线资源和教程可供参考。通过不断实践和探索,我能够逐渐提高自己的HTML编码技能,并应用在实际项目中,这给我带来了很大的成就感。总体而言,学习HTML是一个有趣且有益的过程,它为我打开了进入Web开发领域的大门。