字节前端语言
前端语言有很多:比如什么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有许多操作:
比如什么可视化,语义化,能存贮视频等。

浙公网安备 33010602011771号