-
HTML(超文本标记语言):
- HTML是一种用于构建网页结构的标记语言。
- 标签是HTML的基本单位,用于定义文档的不同部分,如标题、段落、链接等。
- HTML使用起始标签和结束标签来标记元素的开始和结束,例如
<h1>和</h1>。 - HTML还支持属性,可以用于向标签添加额外的信息,例如
<a href="url">中的href属性。
-
CSS(层叠样式表):
- CSS用于定义网页的样式和布局。
- 使用CSS,我们可以改变元素的颜色、大小、字体等外观样式。
- CSS使用选择器来选择要应用样式的HTML元素,例如标签选择器(如
h1)和类选择器(如.my-class)。 - CSS样式可以通过属性-值对进行设置,例如
color: red;将文本颜色设置为红色。
-
JavaScript:
- JavaScript是一种用于交互式和动态网页的脚本语言。
- 它可以用来向网页添加交互、验证表单、处理事件等动态功能。
- JavaScript可以通过HTML的
<script>标签嵌入到网页中,并在浏览器中执行。 - JavaScript具有强大的内置函数和对象,可以用于处理字符串、数组、日期、定时器等。
除了上述基本的前端语言外,还有一些其他技术和工具可以扩展前端开发能力,例如:
- CSS预处理器(如Sass和Less):它们为CSS添加了变量、嵌套规则、函数等高级功能,提高了样式表的可维护性和复用性。
- JavaScript框架(如React、Vue和Angular):它们为前端开发提供了组件化和状态管理的能力,简化了复杂应用的开发过程。
- 前端构建工具(如Webpack和Parcel):它们用于自动化任务(如文件压缩、代码打包和静态资源优化)以及模块化开发。
- 响应式设计和移动优先开发:这些是关注网站在不同设备上的布局和用户体验的方法,以确保网站在各种屏幕尺寸上都能良好显示和操作。