`
小白杨的记忆
  • 浏览: 15815 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

初入web

    博客分类:
  • web
 
阅读更多
web小试

web前台开发主要涉及html,javascript,css,servlet

一.html基本格式(以标签对的形式)
<html>
    //头部
    <head>
      //主要设置网站的名字,引入一些外部文件,添加css代码和javascript代码
    </head>
    //主体部分
    <body>
     //设置主页的内容
    </body>
</html
>

引入外部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的距离
<div  style="width:50px;height:50px;background:yellow;font-size:12px;font-family:楷体;margin-top:10px" onclick="click()"></div>
1.列表ul
    <ul>
<li></li>
    </ul>
   //中间内容和div的写法一样   list-style-type:none(去掉前面的点)
2.table
  <table>
<tr>//行
    <td></td>//列
</tr>
   </table>

三.实现页面之间的跳转
//登陆界面
<form action="OnClickListener" method="get">
<table>
<tr>
<td>操作</td>
<td>
<input type="submit"/>
</td>
</tr>
</table>
</form>

//点击事件监听类
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");
    }
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics