HTML学习（一）_html twimkle-CSDN博客

本文链接：https://blog.csdn.net/Shine_twinkle/article/details/78736410

web前端的发展
总结一下自己所学的，自己在复习一下，为了以后更好的学习。

首先讲一下html

记得刚接触HTML的时候，的确很陌生，现在在听HTML感觉像回到了家的一样。那么HTML是什么呢，其实很简单，他就是一些单词的缩写（hyperText markup language）超文本标记语言，它是网页组成的骨架，文字图片等等都是由它来构成的，其实他的功能不仅仅如此，等到后面引入HTML5时它功能更加的强大。

它不是一种编程性语言，而仅仅是一种计算机语言，不具有Java、c++等一些后台性语言那样，可以计算，定义函数。
它只是一个标签< html>< /html>或者< html/>，通过这个标签里面可以加入很多的元素，这样就构成了形形色色的页面了，当然不仅仅只有标签了，还有css样式。下面将一下css。
在编辑的时候我们可以用很多的方式进行编辑，一些大佬们可以直接在text文件中进行编辑。当然对于编辑HTML文件有专门的软件（vscode，sublime），这两种方式是很好的编辑方式。

再来说一下css

css同样也是一段缩写(Cascading Style Sheets),层叠样式表，简单的说就是给文字图片加一层样式，让其变得更加的好看。
html进行布局之后，需要css进行修饰，让页面变得有动态性，可以很好的让用户体验。css大大的提高了工作效率。
css就像给一个美女穿上漂亮的衣服，来让美女更加的突出。

JavaScript

提到html、css，当然离不开JavaScript了，前端三大剑客。JavaScript是前端比较重要的一个语言，以后主要就围绕着这个语言进行学习，无论多大的项目，js是离不开的。当然后期的为了方便开发，引入了一些框架，主要也是js写的，想一下就知道js功能有多强大了。可以实现页面操作与代码的交互，是一个很重要的部分。

接下来看一下主题部分

html是一个主框架，里面有head标签和body标签，head标签里面的内容是给浏览器看的，里面有什么要求都要写在里面。

但是这个时候有一个问题，我们输入英文是没有问题很正常的显示，但是中文就会变成一堆乱码，这是由于此时的浏览器还不识别中文字符，我们还需要加一些东西，设置编码格式。
所以就引入了meta标签，里面定义了一些属性，可以识别一些文字。meta设置一个属性chatset=“utf-8” 这样就可以识别中文了，utf-8是现在最流行的编码方式之一。
接下来就是了解一下就可以了，了解一下编码的流程。编码集主要有gbk、gb2312、unicode、utf-8。gb2312是国标2312条，可以识别简中日韩等亚洲语言，gbk是国标扩展，可以识别繁体中文，unicode是万国码，世界各国语言都包括在内，现在的unicode的升级版本是utf-8，全称是 unicode transformation format 公用的是这个编码格式，可以识别所有的语言。只需要记住utf-8，这种方法最为实用了。其它的想要深入了解可以自行进入深入了解。（建议看下Unicode编码）
meta标签里的内容还很多，平常使用的也就是编码具体还有很多属性，请看一下meta属性
title标签里面设置是浏览器的标题，在打开网页是，标题就会变成title标签里面的东西了。< title>HelloWorld< /title>

我用一个比喻来描述一下这三剑客吧。程序员听到了美女，会激发学习兴趣，那么就用一位美女举例，大家可以脑补一下这个美女，html相当于一个人的架构，后期的html5为了让骨架更加的清晰，更加有逻辑感。而css就是给这人装扮一下，穿一些华丽的衣服，画一下妆，让其感觉更加的漂亮。那么js就是让这个美女跳舞之类的。这样你会对这前端三剑客有了更深的了解了。哈哈。。。别想入非非了，赶紧好好理解一下吧。