Html和CSS、JavaScript的基本知识点

Html用于描述网页的超文本标记语言，所谓的超文本是指可以包含图片、连接、音乐等非文字元素，我们在浏览器中打开的网页都是html文件。

我们在谷歌浏览器右上角菜单栏中找到更多工具开发者工具，点击打开。

第一个图标用于在网页中选择对象即可跳转到对应的代码。

Elements标签：该标签用来查看页面的html标签元素。

console标签：这是web控制台，网页运行的出错信息都会显示在这里。

Sources标签：显示网页中各种用到的资源文件。

Network标签：显示网页发送的各种请求request和收到的服务器响应response。

也可在任意地方右击点击检查即可查看。

打开Elements标签

Html文件是由大量的标签组成，标签是尖括号包围的关键词。

比如html、head、body等，标签通常是成对出现的。

第一个标签是开始标签，第二个标签是结束标签，中间是显示内容。

Head标签用于定义文档的头部，描述了文档的各种属性和信息，比如文档的标题，其他包含的数据一般不显示在网页上。

Body标签用于定义文档的主题，包含文档的所有内容，比如文本、超链接、图像、表格和列表等。

选中一个标签

右击选择Edit as HTML

即可编辑该节点。

或者直接双击也可直接进入可编辑状态，

可以直接修改标签中间的内容，改变页面对应的内容。

选择Delete element即可删除该标签节点。

CSS，层叠样式表，用来修饰标签，设定标签显示成什么样式。

选中一个标签，右侧的Styles显示了该对象CSS 的属性，可以实施修改。

比如，font-size：XX；表示字体的大小，color：XX；表示字体颜色，background-color：XX；表示背景色。

可以为标签设定ID标记，ID选择器可以为标有特定ID的HTML元素指定特定的样式，一般ID是唯一的。

可以为标签设定class标记，相同class的多个标签标记将会使用相同的css样式属性。

通常在html中嵌入css有三种方式

第一种方式：插入到style标签中定义标签、id或class对应的样式。

第二种方式：写在具体元素的style属性内。

第三种方式：把css样式写到单独的文件中，然后在html中调用这个文件。

JavaScript是互联网上最流行的脚本语言直接插入html页面控制网页动作。

JavaScript可以包含在script标签中，可以引用单独的JavaScript文件。