自己写的简易百度，现在在熟悉css然后准备做网站，然后跟着学java然后在熟悉框架

<html>
<head>
<meta charset="utf-8">
<title>百度一下，你就知道</title>

<link rel="stylesheet" type="text/css" href="maiff.css">
</head>
<body onkeydown="test(event.keyCode)">
    <script type="text/javascript">
        function test(va){
             //var searchtext=document.getElementById("test").value;
             if(va==13){
             window.open(‘https://www.baidu.com/s?ie=UTF-8&wd=‘+(document.getElementById("test").value));
            }

        };
    </script>
    <div class="link">
        <a href="http://news.baidu.com/" target="_blank">新闻</a>
        <a href="http://v.baidu.com" target="_blank">视频</a>
        <a href="http://map.baidu.com" target="_blank">地图</a>
        <a href="http://tieba.baidu.com">贴吧</a>
        <a href="http://hao123.com">hao123</a>

        <hr>
    </div>
    <div class="img">
        <img src="https://www.baidu.com/img/bd_logo1.png"  >
    </div>

.link{
    float:right;
    text-align:right;
    width:1366px;
    margin-bottom:10px;
}

.img{
    text-align:center;
    margin-bottom:10px;
}

.img img{
    width:270;
    height:129;
}

.form{
    text-align:center;
    width:100%;
}

#test{
    width:50%;
    height:35px
}

.form input{
    height:35px;
    margin-bottom:20px;
}

.hidden{
    width:100%;
    height:300px;
}
.copyright{
    text-align:center;
}

    <div class="form">

            <input type="text" id="test" />

            <input  type="button" value="百度一下" onclick="test(13)" />

    </div>
    <div class="hidden"></div>
    <div class="copyright">
        <p>copyright &copy; 向王涛</p>
    </div>

</body>
</html>

时间： 2024-10-05 20:46:28

自己写的简易百度，现在在熟悉css然后准备做网站，然后跟着学java然后在熟悉框架的相关文章

css,js写的简易的tab导航

简易tab导航作为前端新手,看着别人写的tab导航代码,自己想模仿却总是忘记.于是这次自己利用css,js写了简易的tab导航,话不多说,上代码,首先是html和css部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tab选项卡切换</title> <style type="tex

本次内容:DateFormat类 1.DateFormat类 1 package array; 2 /** 3 * 时间和字符串之间的转化 4 */ 5 import java.text.DateFormat; 6 import java.text.ParseException; 7 import java.text.SimpleDateFormat; 8 import java.util.Date; 9 10 public class dateformat { 11 public static

java开始到熟悉70-71

本次内容:file类 1 package array; 2 /** 3 * file类 4 */ 5 import java.io.File; 6 import java.io.IOException; 7 8 public class file { 9 public static void main(String[] args) 10 { 11 File f1=new File("d:/tu/11.png");//文件路径名 12 File f2=new File("d:/

java开始到熟悉60

本次主题:多维数组 1,多维数组的初始话有三种:默认初始化.静态初始化.动态初始化. 这里只讲解静态初始化: 这里以二位数组为例,实际应用中,一维用得最多,二维次之,三维以及三维以上几乎很少使用,而且也比较复杂. 1 package array; 2 3 public class multiarray { 4 public static void main(String[] args){ 5 int[][] a={ 6 {1,2}, 7 {3,4,0,9}, 8 {5,6,7} 9 }; 10

java开始到熟悉61

本此主题:多维数组----矩阵运算矩阵的运算规则是将对应位置的值进行运算,如上图所示. 1 package array; 2 3 public class Matrix { 4 /** 5 * 打印矩阵 6 * @param c 7 */ 8 public static void print(int[][] c) 9 { 10 int i,j; 11 for(i=0;i<c.length;i++) 12 { 13 for(j=0;j<c.length;j++) 14 { 15 System.

java开始到熟悉72-76

本次内容:异常机制 1.为什么需要异常 2.异常 3.error类 4.exception类 5.exception类中的unchecked exception 举例: 6.常用异常处理方法 a.try 注意:一个try语句块至少得带一个finally语句块或catch语句块 1 package array; 2 /** 3 * exception 4 * @author acer 5 * 6 */ 7 public class exception { 8 public static void

java开始到熟悉105-107

1,HashMap基本用法 1 package list; 2 3 import java.util.HashMap; 4 import java.util.Map; 5 6 /** 7 * 测试map的基本用法 8 * @author acer 9 * 10 */ 11 public class Hashmap { 12 public static void main(String[] args) 13 { 14 Map map=new HashMap(); 15 System.out.pri

java开始到熟悉63-65

本次内容:java常用类 1.包装类 1 package array; 2 3 public class wrapperclass { 4 public static void main(String[] args) 5 { 6 Integer i=new Integer(100); 7 System.out.println(i); 8 System.out.println(Integer.MAX_VALUE); 9 System.out.println(Integer.MIN_VALUE);

java开始到熟悉62

(说明:昨天网络出现了问题导致昨天的没有按时上传,这篇算是昨天的,今天晚上照常上传今天的内容) 本次主题:数组拷贝.排序.二分法 1.数组拷贝 a.java.lang中System 类包含一些有用的类字段和方法.它不能被实例化. 在 System 类提供的设施中,有标准输入.标准输出和错误输出流:对外部定义的属性和环境变量的访问:加载文件和库的方法:还有快速复制数组的一部分的实用方法. public static void arraycopy(Object src, int srcPos, Ob