Web前端备忘录

2023-12-25 15:30:51

HTML（超文本标记语言）

一般都有起始标签与结束标签，也有单个标签独立存在的情况。

<div id="content">
<a href="FlowerPage.html">
<img class="icon" src="Flower.png">
</a>
</div>

CSS（层叠样式表）

这里主要展示CSS的语法格式与引入方式。

/*id分类器*/
#content{
    width:200px;
    height:400px;
}
/*class分类器*/
.icon{
    width:50px;
    height:50px;
    margin:20 30 20 30;
}


<!--内嵌表示-->
<head>
<style>
    h1{font-size:20px;}
</style>
</head>

<!--外部引入-->
<head>
<link rel="stylesheet type="text/css" href="style.css">
</head>

JavaScript（解释型脚本语言）

以一个弹窗的实现展示网页的交互功能。

<!DOCTYPE html>
<html>
<head>
<title>Welcome Home</title>
<script>
function AlertFunction()
{
    alert("Testing Website");
}
</script>
</head>
<body>
<input type="button" onclick="AlertFunction()" value="Notice">
</body>
</html>

心得体会

初学时应从静态网页开始学起，随着技术的进步可以往服务端接口、Web安全、跨平台适配等技术路线发展，Web前端技术是最基础的也是入门门槛比较低的，所以大佬们都去卷算法和人工智能了（doge)。另外，把代码复制到记事本然后改一下后缀为html即可做成一个网页。很多网站都有Web开发的手册，而且介绍的非常详细，需要的时候可以查漏补缺。写这篇文章的目的主要是把最基础的框架表示出来，方便记忆。

文章来源:https://blog.csdn.net/qq_34233203/article/details/135196920
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。