写给零基础小白的网站开发入门升博体育

　　升博体育本教程针对零基础同学，讲解网站开发三个基础技术：HTML、CSS、JS，带你快速入门！

　　为快速上手练习，可以使用在线编辑器，学会基础语法后，再下载专业的网站开发编辑器/开发环境（详见本教程资源部分）。

　　当我们在浏览器里查看网站源码（ctrl + u）或按F12打开开发者工具，首先看见的是网站的HTML源代码：

　　其他标签如table（表格）、ul（无序列表）、ol（有序列表）等可先不了解，均可用div标签替代。

　　图像标签中的src是img标签的属性。属性用于改变标签的样式或行为，一个标签可以设置多个属性。语法为：

　　由于很多属性可用CSS或JS替代，此处了解常用属性即可，不同标签具有的属性也不同升博体育。

　　网页中有那么多的标签，如何给指定的标签应用样式呢？比如有两个框，怎么让它们一个白色一个红色，或者都变成红色呢？

　　选择器是CSS核心概念，定义了一套选择标签的语法，可以给指定的标签应用指定的样式升博体育。

　　使用较少。通常用于初始化一个页面，为所有元素清除浏览器自带的默认样式。

　　可以将下面css代码应用到上述html内容中，改变所有div标签的字体颜色：

　　上面讲到升博体育，同一个页面中，id值必须唯一（像身份证），可以用id选择器改变唯一元素的样式。语法如下：

　　可以将下面css代码应用到上述html内容中，给两个盒子不同的背景颜色：

　　当我们要改变多个元素样式时，可以给它们添加相同的class属性，然后用class选择器改变它们的样式。语法如下：

　　可以将下面css代码应用到上述html内容中，给所有box盒子添加相同背景色：

　　其他选择器如子父节点选择器、兄弟节点选择器、伪选择器等可先不了解，使用较少，且均可用上述选择器替代。

　　CSS可以控制布局、块（元素）、内容（块内的文字、图片）等样式，以及增加动画效果。

　　可以发现，本来每个盒子独立占一行升博体育，用了float布局后，变为了一行，从左往右依次排列。这和块级行级元素有关，后续教程会讲到。

　　以上是CSS常用样式，一定要自己多加练习，查看不同样式带来的网页效果变化。

　　JS全称JavaScript，是可以运行在浏览器中的脚本语言，非常灵活强大。NodeJS出现后，为JavaScript带来了更多的可能性，也可以作为后端开发语言。

　　交互行为有很多种，比如点击按钮弹窗、填写提交表单、动态更新页面内容等。JS能极大地增强网站的功能和趣味性。

　　学习任何语言，都先从基本语法学起，JS也是一样。如果之前学过其他编程语言，入门会更快。

　　JS是弱类型语言，通过let关键字，能定义一个变量，支持传入各种类型（整数、小数、字符串、数组、对象等）：

　　console.log 是JS中最常用的函数，类似于C语言的printf，可以输出变量的值或信息，帮助我们调试升博体育。

　　我们可以给按钮绑定一个鼠标点击事件（添加属性即可），当用户点击按钮时，触发对应的JS函数：

　　开发网站时，三层通常按照顺序开发，必须先有html，定义好网站的结构和内容，再用CSS美化网站，最后用JS给网站添加交互效果。