01_前端安全基础
2019-08-22 本文已影响0人
cybeyond
1.html
<html>
<body>
<head>
<title>这是一个网页</title>
<script>alert(11)</script>
</head>
1、定义html中的链接：<p> <a href="www.baidu.com">click me </a> </p> <p>标签表示段落
2、定义html中的图像：<img src="c:/a.png" width="200" height="50"></img>
<table border="1" bgcolor="green"> border表示是否有边框
<tr> 表示行，一组tr表示有1行
<th>"表格"</th> 表头
<td>1</td> 表示列
<td>2</td>
</tr>
<tr> 表示行，一组tr表示有1行
<td>1</td> 表示列
<td> </td>表示一个占位符
</tr>
</table>
</body>
</html>
2.CSS
同一属性通过css设置
<html>
<head>this is a demo</head>
<title>this is a demo1</title>
<style type="text/css">
h1,h2,h3 {font-size:200%;color:red;backgroud-color:blue}
</style>
<h1>this is a h1</h1>
<h2>this is a h1</h2>
<h3>this is a h1</h3>
</html>
<html>
<head>this is a demo</head>
<title>this is a demo1</title>
<style type="text/css">
body{
background-image:url(E:/1.png)
}
form button:hover{
background-color:red;
}
form button{
background-color:blue;
height:30px;
width:60px;
}
form input:hover{
background-color:pink;
}
</style>
<h1>welcome to login<h1>
<body>
<form action="http://www.baidu.com"> //表单提交，当点击登录按钮时，会跳转到此链接
用户名<input type="text" name="username" placeholder="请输入 用户名"><br>
密码<input type="password" name="password" placeholder="请输入密码"><br>
<button type="submit">登录</button>
</form>
</body>
</html>
3.Javascript
javascript可以和html、asp、jsp、php配合使用
<html>
<body>
<head>
<title>网页</title>
<script type="text/javascript">
document.write('hello');
alert(123);
var a=1;
var b=2;
var c=a+b;
document.write(c);
</script>
</head>
</body>
</html>
