web小试
web前台开发主要涉及html,javascript,css,servlet
一.html基本格式(以标签对的形式)
[color=brown]<html>
//头部
<head>
//主要设置网站的名字,引入一些外部文件,添加css代码和javascript代码
</head>
//主体部分
<body>
//设置主页的内容
</body>
</html[/color]>
引入外部css文件的几种方法(以引入wscc.css文件为例)
1、使用@import url(wcss.css)引用外部wcss.css文件方法
2、使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件
二.主要内容的设置
设置宽,高,背景颜色,在div中显示的字体大小,字体,离上面的div的距离
[color=brown]<div style="width:50px;height:50px;background:yellow;font-size:12px;font-family:楷体;margin-top:10px" οnclick="click()"></div>[/color]
1.列表ul
[color=brown]<ul>
<li></li>
</ul>[/color] //中间内容和div的写法一样 list-style-type:none(去掉前面的点)
2.table
[color=brown] <table>
<tr>//行
<td></td>//列
</tr>
</table>[/color]
三.实现页面之间的跳转
//登陆界面
[color=brown]<form action="OnClickListener" method="get">
<table>
<tr>
<td>操作</td>
<td>
<input type="submit"/>
</td>
</tr>
</table>
</form>[/color]
//点击事件监听类
[color=brown]public class OnClickListener extends HttpServlet {
public OnClickListener() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("doget");
response.sendRedirect("index.html");
}[/color]
web前台开发主要涉及html,javascript,css,servlet
一.html基本格式(以标签对的形式)
[color=brown]<html>
//头部
<head>
//主要设置网站的名字,引入一些外部文件,添加css代码和javascript代码
</head>
//主体部分
<body>
//设置主页的内容
</body>
</html[/color]>
引入外部css文件的几种方法(以引入wscc.css文件为例)
1、使用@import url(wcss.css)引用外部wcss.css文件方法
2、使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件
二.主要内容的设置
设置宽,高,背景颜色,在div中显示的字体大小,字体,离上面的div的距离
[color=brown]<div style="width:50px;height:50px;background:yellow;font-size:12px;font-family:楷体;margin-top:10px" οnclick="click()"></div>[/color]
1.列表ul
[color=brown]<ul>
<li></li>
</ul>[/color] //中间内容和div的写法一样 list-style-type:none(去掉前面的点)
2.table
[color=brown] <table>
<tr>//行
<td></td>//列
</tr>
</table>[/color]
三.实现页面之间的跳转
//登陆界面
[color=brown]<form action="OnClickListener" method="get">
<table>
<tr>
<td>操作</td>
<td>
<input type="submit"/>
</td>
</tr>
</table>
</form>[/color]
//点击事件监听类
[color=brown]public class OnClickListener extends HttpServlet {
public OnClickListener() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("doget");
response.sendRedirect("index.html");
}[/color]