2、Web前端学习规划:HTML - 学习规划系列文章
今天先写Web前端最基本的语言:HTML。目前已经到了HTML5版本,作为Web基本语言,笔者认为这个是最先需要学习的语言。
1、 简介;
HTML(HyperText Markup Language)是一种用于创建网页的标记语言。它使用标签和属性来描述网页的结构和内容,并且可以嵌入其他类型的媒体,如图像、音频和视频。HTML是Web开发的基础,它提供了一种简单的方式来创建和发布网页。HTML的版本不断更新,目前最新的版本是HTML5,它引入了许多新的特性和功能,如语义化标签、多媒体支持、表单控件等。HTML的学习对于Web开发者来说是必不可少的,它是构建现代Web应用程序的基础。
2、 语法;
HTML的语法比较简单,还有一些专用的关键字,其主要是对网页的基本骨骼做描述,就是说先搭建一个基本的框架及文字内容,其它的搭配CSS和JS才能让网页内容更加的丰富和动态。HTML语法的学习,主要是对那些个关键字标签进行记忆,然后通过一些学习的题目啥的进行编写,有一个基本的概念和实践,然后这些个实践的作品,在以后的积累中能够用到就用,不同的地方再进行学习和积累即可。
3、 框架;
HTML框架是一种用于构建网站的工具,它提供了一些预定义的结构、样式和功能,使得开发者可以更快速、更高效地创建网站。HTML框架通常包含了一些常用的组件,如导航栏、表格、表单、按钮等,同时也提供了一些布局方式,如栅格系统、响应式设计等,使得网站可以在不同设备上呈现出最佳的效果。
常见的HTML框架有Bootstrap、Foundation、Semantic UI等。这些框架都是开源的,可以免费使用,并且有着广泛的社区支持和文档资料。开发者可以根据自己的需求选择合适的框架,并在其基础上进行二次开发,以满足自己的特定需求。
HTML框架的优点在于它可以大大减少开发时间和成本,同时也提高了网站的可维护性。目前Bootstrap的应用相对广泛,初学者建议学这个,然后根据公司需要再进行扩展学习。
4、 使用的工具;
编写HTML的工具有很多,但是使用最基本的记事本工具也能够编写,只要把扩展名改成HTML即可。对于Web前端,目前最流行的工具是VS Code,通过插件的方式能够编写很多的内容,而且插件还能够进行提示和扩展,让编写起来也更加的容易,笔者推荐VS Code工具,也在用这个工具。
5、 网站;
学习HTML的网站有不少,下面列举一些:
笔者认为这些网站学习一些基本的语法等,然后再下载笔者共享的电子书籍去学习记忆即可。
6、 学习建议;
l 先了解HTML的基本概念和语法规则,可以通过阅读相关书籍或者在线教程来学习。
l 掌握HTML标签的使用方法,包括常用标签和属性的使用,可以通过实践来加深理解。
l 学习HTML的文本格式化和排版技巧,包括字体、颜色、对齐等方面的应用。
l 学习HTML的表格、表单、图像、链接等常用元素的使用方法,可以通过实践来掌握。
l 学习HTML的CSS样式表的使用方法,包括样式的定义、应用和继承等方面的知识。
l 学习HTML的JavaScript脚本语言的基础知识,包括变量、函数、条件语句、循环语句等方面的应用。
l 学习HTML的响应式设计和移动端适配的技巧,可以通过实践来掌握。
l 学习HTML的SEO优化技巧,包括关键词、标题、描述、链接等方面的应用。
l 不断实践和练习,通过做项目来提高自己的HTML技能和经验。
l 参加相关的培训课程或者社群活动,与其他HTML爱好者交流和学习,不断提升自己的水平。
7、 总结;
对于HTML的学习,笔者认为从最基本的标签入手,然后使用工具编写一些例子,然后学习一些框架和设计模式,一步步的进行 ,这样学起来就更快了。HTML的学习,对于初学者来说需要练习,对于老手来说,直接把以前的例子复用到新项目中即可,省时省力。
下面提供笔者的一个博文,对于学习者提供的电子书籍能够查看,能够更快的学到该知识:https://www.cnblogs.com/lzhdim/p/4604031.html
2、Web前端学习规划:HTML - 学习规划系列文章的更多相关文章
- Web前端与移动开发学习路线图
		文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的Web前端与移动开发学习路线图包含初中级两个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.ba ... 
- 想做web前端project师应该学习些什么?
		偶然间看到这篇文章.感觉博主写的挺不错的,假设你想做web前端project师的话,建议您阅读下面这篇文章,事实上web前端project师所做的工作事实上就是站点设计,有些小公司的美工事实上就是做w ... 
- 最全的WEB前端开发程序员学习清单
		史上最全的WEB前端开发程序员学习清单! 今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我 ... 
- WEB前端工程师如何做职业规划?
		对于一个WEB前端的职业规划,其实是有各种的答案,没有哪种答案是完全正确的,全凭自己的选择,只要是自己选定了,坚持去认真走,就好.在这里, 我只是 简要说一下自己对于这块儿内容的理解.有一个观点想要分 ... 
- web前端零基础入门学习!前端真不难!
		现在互联网发展迅速,前端也成了很重要的岗位之一,许多人都往前端靠拢,可又无能为力,不知所措,首先我们说为什么在编程里,大家都倾向于往前端靠呢?原因很简单,那就是,在程序员的世界里,前端开发是最最简单的 ... 
- 最适合2018年自学的web前端零基础系统学习视频+资料
		这份资料整理花了近7天,如果感觉有用,可以分享给更有需要的人. 在看接下的介绍前,我先说一下整理这份资料的初衷: 我的初衷是想帮助在这个行业发展的朋友和童鞋们,在论坛博客等地方少花些时间找资料,把有限 ... 
- 史上最全的web前端开发程序员学习清单!
		今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我回答过无数次这种问题了,但是问这个的还是有 ... 
- 2022年Web前端开发流程和学习路线(详尽版)
		前言 前端侧重于人机交互和用户体验,后端侧重于业务逻辑和大规模数据处理.理论上,面向用户的产品里,所有问题(包括产品.设计.后端.甚至看不见的问题)的表现形式,都会暴露在前端,而只有部分问题(数据问题 ... 
- web前端开发控件学习笔记之jqgrid+ztree+echarts
		版权声明:本文为博主原创文章,转载请注明出处. 作为web前端初学者,今天要记录的是三个控件的使用心得,分别是表格控件jqgrid,树形控件ztree,图表控件echarts.下边分别进行描述. ... 
- Web 前端开发人员和设计师必读精华文章【系列二十六】
		<Web 前端开发精华文章推荐>2014年第5期(总第26期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ... 
随机推荐
- 20级训练赛Round #5
			A - 凯少与素数 签到 & 思维题, 要使每一对数字 \((i,j)\) 的最大公约数都等于 1,简单来说区间相邻的两个数一定 \(gcd(i,j) = 1\) 并且 \((r - l)\) ... 
- Codeforces Round #706 Editorial
			1496A. Split it! 类回文判断,只要 k = 0 或者 \(s[1,k] 和 s[n - k + 1,n]\)是回文即可 特判情况 n < 2 * k + 1 为 NO int m ... 
- 无需修改代码,用 fcapp.run 运行你的 REST 应用
			作者 | 阿里云 Serverless 技术研发 落语 背景 阿里云函数计算产品在较早的时候支持了HTTP触发器能力,支持用户使用 HTTP 协议进行函数调用.函数计算后端通过一个共享的 APISer ... 
- 基于python+django的外卖点餐网站-外卖点餐系统
			该系统是基于python+django开发的外卖点餐系统.适用场景:大学生.课程作业.毕业设计.学习过程中,如遇问题可以在github给作者留言. 演示地址 前台地址: http://food.git ... 
- LLM面面观之Prefix LM vs Causal LM
			1. 背景 关于Prefix LM和Causal LM的区别,本qiang在网上逛了一翻,发现多数客官只给出了结论,但对于懵懵的本qiang,结果仍是懵懵... 因此,消遣了多半天,从原理及出处,交出 ... 
- MongoDB 部署副本集 + 代码中开启事务
			首先,指定副本名称: vim /etc/mongod.conf replication: replSetName: shard1 在replication里面加入副本名称,多个相同副本,应该使用同样的 ... 
- [转帖]【rpm】源码包制作rpm包|修改rpm、重新制作rpm包
			目录 前言 安装rpmbuild rpmbuild制作rpm 包 同时生成devel包 阻止rpmbuid打包时strip程序/库 修改rpm.重新制作rpm包 RPM 打包 工具 SPEC文件 sp ... 
- 最简单的以CentOS为base images 安装 Nodejs等操作的方法
			镜像内安装NodeJS的简单方法 公司内有产品需要安装nodejs以便进行相关操作,Linux和Windows时没有问题,但是如果是镜像的话可能会稍微复杂一点, 这里简单进行一下总结, 以便备忘. 1 ... 
- 《Javascript高级程序设计》读书笔记——继承与原型链
			继承与原型链 原型链 在原型那一节中,讲到了用于搜索对象属性的原型搜索机制:而原型链,本质上 就是对原型搜索机制的扩充: 回想下之前的内容,我们要读取一个Person的实例p属性,会先搜索实例p:如果 ... 
- Redis极简教程
			简介 Redis 是用C语言开发完全开源免费的,遵守BSD协议的,一个高性能的,key-value型的,NOSQL数据库. 特点 可以将内存中的数据持久化到硬盘中,重启的时候可以从硬盘中再次加载 拥有 ... 
