第一天学习html的总结@TOC
首次接触html5的介绍
从毕业之后一直都接触的设计相关的东西,最近闲来无事,想要学习一下web前端的基础,毕竟自己的工作和前端开发有着密切的联系。
首先先介绍一下自己的情况,在看了我的情况之后,我想想要学习代码类的童鞋们都会对自己有信心了。我毕业于四川师范大学,专业是资源环境与城乡规划管理,不知道这个专业的可以直接理解我是学地理的,因为我们这个专业是归属到地理学院的,由此可以看出我大学接触到的代码可以说是——零!但是在接触html语言之后,我竟然学的懂,而且还能实现功能,可能是这门语言是真的简单吧,但是在我们走UI设计的人眼里,这也是代码,我竟然能学的懂,这真的是惊呆了我和我的小伙伴们。
好了,言归正传,简单介绍一下我今天的所学吧。
软件
首先就是要配置环境,由于我是mac系统,所以在安装软件的时候遇到了各种问题,但是最后还是迎刃而解了。Visucal Studio Code --编辑代码的软件,听说这个软件就足够开发项目了,为了让自己的效率快起来,安装了几个插件(直接在软件的商城里面搜索即可):HTML Boilerplate、browser-plus、 CSS Peek、Color Info、Auto Close Tag、Auto Rename Tag、HTML Snippets、JavaScript(ES6) code snippets、Path Intellisense、jQuery Code Snippets、Icon Fonts、Easy LESS。关于这些插件以及vscode软件的使用,其实很简单的,大家可以在网站时看看,这里就不一一介绍了。
标签
首先一定要记住,html是由标签组成,各种文本(span、p),图片(img),链接(a),表单(form input),多媒体标签(audio /video),列表标签(ul,ol,dl),表格标签(table)…还有一些全局标签的属性
元素额外信息title:
语言设置lang: 、
改变文本的方向dir:ltr(默认)文本从左往右显示, rtl文本从右往左显示。
隐藏元素hidden: hidden=“hidden”
元素是否可编辑contenteditable:(true表示元素内可以进行编辑,false表示元素内不能进行编辑)
vscode的基本结构:
![其实这个是可以直接调用出来的,在新建好文件之后的搜索框里面输入“!”就可以直接调用出这个结构,然后就可以在里面进行相应的编辑](https://i-blog.csdnimg.cn/blog_migrate/577f462fec3ef04f393afeddea7fdc53.png)
end
由于时间原因,今天先介绍到这里。