Web前端备忘录

最新推荐文章于 2024-07-25 09:24:40 发布

茉莉使者

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量433

点赞数 6

分类专栏：计算机科学与技术文章标签：前端

本文链接：https://blog.csdn.net/qq_34233203/article/details/135196920

版权

计算机科学与技术专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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开发的手册，而且介绍的非常详细，需要的时候可以查漏补缺。写这篇文章的目的主要是把最基础的框架表示出来，方便记忆。