一般都有起始标签与结束标签,也有单个标签独立存在的情况。
<div id="content">
<a href="FlowerPage.html">
<img class="icon" src="Flower.png">
</a>
</div>
这里主要展示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>
以一个弹窗的实现展示网页的交互功能。
<!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开发的手册,而且介绍的非常详细,需要的时候可以查漏补缺。写这篇文章的目的主要是把最基础的框架表示出来,方便记忆。