第一天学习html的总结

第一天学习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:

test

语言设置lang: 、
改变文本的方向dir:ltr(默认)文本从左往右显示, rtl文本从右往左显示。
隐藏元素hidden: hidden=“hidden”
元素是否可编辑contenteditable:（true表示元素内可以进行编辑,false表示元素内不能进行编辑）
vscode的基本结构：

end

由于时间原因，今天先介绍到这里。