半点优化网 http://www.bdxc.net/
当前位置首页 > 网站技术问题> 正文

Web前端开发html要掌握哪些知识?

2022-08-06 13:07:37 暂无评论 216 网站技术问题 前端   难点   到底

首先希望你培养对web前端的兴趣。

推荐你从这本书培养兴趣

HTML5+CSS3+JavaScript从入门到精通

它系统的整合了html css 和js 的基础,有丰富的案例给你练习,这本书看完你从头到尾手lu一个网站不成问题,有了练习就会有成就感救能更乐意去探索和学习。

这本书看完之后,我们继续进阶学习一下es6语法,当下所有开发基本上都是es6以后的语法。因为当下都是es6语法开发的前端应用,所以这也是必备的知识点。

ES6 入门教程

推荐阮一峰大佬写的这本书,在网上也可以预览,书中大概会有百分之50%的知识点会在你以后敲代码中经常用到。

这些学习完之后,后面技术就很简单了。

我们需要掌握

一门前端框架 vue 或者 react

一个路由管理 vue-router 或者 react-router

一个样式预编译器 less 或者 sass

了解打包工具webpack

一套ui组件库,vue 中的 element 或者 react 中的 ant design

这些掌握后,你就可以进行企业级开发了。

前端HTML需要掌握哪些知识呢?

初学HTML从基础知识入手,学习浏览器内核、HTML基本结构标签、HTML语法规范、VSCode编辑器、HTML常用标签、相对路径、锚点定位、表格、列表、表单等内容。

前端HTML基础知识学习路线:

1, 浏览器与浏览器内核;HTML 简介导读;网页的相关概念;常用浏览器以及内核;web标准 HTML标签导读

2 ,HTML基本结构;HTML语法规范;HTML基本结构标签;VSCode工具创建页面 ;DOCTYPE和lang以及字符集的作用;标签语义

3 ,HTML常用标签;标题标签;段落标签和换行标签;文本格式化标签;div和span标签;图像标签;图像标签注意点

4 ,路径和锚点定位;目录文件夹和根目录;相对路径;绝对路径;链接标签;锚点链接;注释标签和特殊字符

5 ,HTML 综合案例

6, 表格和列表标签及案例;HTML标签 ;表格标签基本使用;表头单元格标签 ;表格相关属性(了解) ;表格结构标签 ;合并单元格;表格总结 ;无序列表;有序列表;自定义列表;列表总结

7 ,表单相关元素及属性;表单使用场景以及分类;表单域;input之type属性文本框和密码框;input之type属性单选按钮和复选框;input之name和value属性;input之checked和maxlength属性;input表单元素四个属性使用场景;input之type属性提交和重置按钮;input之type属性普通按钮和文件域;label标签 ;select下拉表单;textarea文本域标签。

关注公 众 号【江苏优就业】【IT学习群748379516】或私聊小优了解更多it资讯和免费公开课~~

前端开发的难点到底在什么地方?

个人觉得难点在浏览器的兼容上和技术理念的更替。前端技术的迭代一点也不比后端慢,从原生css+js开发,以前你会css和js就可以写前端,到现在react,vue的全家桶框架开发。前端的开发理念和技术主流已经发生了质的变化。es5,es6、es7规范的迭代也是前端的必备。加上webpack,nodejs等各种技术。前端现在早已不是以前会css和js就能满足的了。已经开始

猜你喜欢