Web前端备忘录

发布时间:2023年12月25日

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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。