前端语言有很多:比如什么HTML,JavaScript,css等等。
这节课介绍的是CSS,HTML,JAVASCRIPT等等
首先我们先介绍CSS:
CSS的基本语法是:选择器 属性名: 属性值; 属性名: 属性值; ……
举个栗子:p color: blue;
上述代码中,p
为选择器,用于选取页面中的所有 <p>
元素,color
为属性名,表示要改变元素的文字颜色,而 blue
则是属性值,用于指定新的文字颜色。
接着是JavaScript:
首先JavaScript是一个脚本语言,主要用于Web开发
接下来是一些最基础的语法操作:
1,变量声明:在 JavaScript 中使用 var
或 let
关键字声明变量,如:
var x = 5; let y = "Hello";
2,函数定义:JavaScript 中函数可使用 function
关键字来定义,如:
function myFunction(a, b) return a + b;
复制代码
3,表达式和语句:JavaScript 中的表达式和语句与其他编程语言类似,例如:
// 表达式 x = 5 * 10;
// 语句 if (x > 50) console.log("x is greater than 50");
else console.log("x is less than or equal to 50");
4,对象和数组:JavaScript 支持对象和数组类型,如:
// 对象 var person = name: "John", age: 30, city: "New York" ;
// 数组 var fruits = ["apple", "banana", "orange"];
5,事件处理程序:在 Web 开发中,JavaScript 经常用于处理 HTML 元素的事件,如:
// 添加点击事件处理程序
document.getElementById("myButton").addEventListener("click", function()
alert("Button clicked"); );
这些知识最基础的语法,还有很多深奥的东西我也正在学习。
接下来是HTML的语法操作;
HTML是一个标记语言,所以和JavaScript有不同。
接下来我们来看他们的语法实现:
1,使用标记标签:HTML 中使用标记标签来定义不同的元素,如:
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
复制代码
上面的代码中,<h1>
和 </h1>
之间表示一个标题,而 <p>
和 </p>
之间表示一个段落。
2,标记标签和属性:HTML 标记标签可以带有属性,如:
<img src="image.jpg" alt="图片">
复制代码
在上面的代码中,<img>
标签使用 src
属性指定要显示的图像文件的地址,同时使用 alt
属性指定在无法加载图像时的替代文本。
3,HTML 文档结构:HTML 文档通常包含头部和主体两个部分,如:
<!DOCTYPE html> <html>
<head>
<title>
页面标题
</title>
</head>
<body>
<h1>
页面主标题
</h1>
<p>
页面内容
</p>
</body>
</html>
复制代码
在上面的代码中,<!DOCTYPE html>
表示 HTML5 标准,而 <head>
标签包含描述文档信息的元素,例如 <title>
标签用于定义文档标题。
HTML还有可以当成示波器和API的操作。
而最近的HTML有许多操作:
比如什么可视化,语义化,能存贮视频等。