搜狗首页

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>搜狗网页制作</title>
	<style>
		*{margin: 0;padding: 0;}
		.text1{
			font-size: 12px;
			text-align: right;
			word-spacing: 2em;
			height: 90px;
			text-decoration: none;
		}
		a{
			color: blue;
		}
		.text2{
			text-align: center;
			height: 130px;
		}
		.text3{
			word-spacing: 1em;
			text-align: center;
			height: 8px;
		}
		.b{
			color: black;
			text-decoration: none;
		}
		.text4{
			text-align: center;
			height: 60px;
			overflow: hidden;
		}
		.wrap1{
			width: 650px;
			height: 20px;
			float: left;
			margin: 10px 600
		}
		.wrap2{
			width: 100px;
			height: 28px ;float: left;
		}
		.b1{
			text-align: center;
			word-spacing: 1em;
			height: 170px;
		}

		.wraps{width:370px;float: left;height: 10px;}
		.b2{
			width:650px;
			float: left;
			height: 10px;
			margin: 50px 450px;
		}
		.b3{
			width:650px;
			float: left;
			height: 10px;
			margin: -45px 530px;
			font-size: 14px;
			font-weight: bold;
		}
		.b4{
			width:650px;
			float: left;
			height: 10px;
			margin: -20px 530px;
			color: gray;
			font-size: 12px;
		}
		.b5{
			width:650px;
			float: left;
			height: 10px;
			margin: -52px 630px;
			font-size: 14px;
		}
		.b6{
			width:650px;
			float: left;
			height: 10px;
			margin: -28px 630px;
			font-size: 13px;
			color: gray;
		}
		.b7{
			width:650px;
			float: left;
			height: 10px;
			margin: -7px 630px;
			font-size: 13px;
			color: gray;
		}
	</style>
</head>
<body>
	<div class="text1">
		<a href="">换肤</a>
		<a href="">设置</a>
		<a href="">登录</a>
	</div>
	<div class="text2">
		<img src="img/搜狗.png" >
	</div>
	<div class="text3">
		<a href="">新闻</a>
		<a class="b" href="">网页</a>
		<a href="">微信</a>
		<a href="">知乎</a>
		<a href="">图片</a>
		<a href="">视频</a>
		<a href="">明医</a>
		<a href="">英文</a>
		<a href="">学术</a>
		<a href="">更多》</a>
	</div><br>
	<div class="text4">
		<div class="wraps"></div>
		<input class="wrap1" type="text">
		<input class="wrap2" type="button" value="搜狗搜索"><br>
	</div>
	<div class="b1">
			<a href="">输入法</a>
			<a href="">浏览器</a>
			<a href="">网址导航</a>
	</div>
	<div>
		<div class="b2">
			<img src="img/二维码.png" >
		</div>
		<div class="b3">搜狗搜索APP</div>
		<div class="b4">搜你所想</div>
		<div class="b5">企业推广 | 关于搜狗 | 免责声明 | 意见反馈
		</div>
		<div class="b6">©2016 SOUGOU-京CPI证050897号</div>
	</div>
	<div class="b7">京公网安备11000002000025号</div>
</body>
</html>
时间: 2024-12-07 14:41:21

搜狗首页的相关文章

自学htmlcss之仿搜狗主页

自学至今有25天左右,到目前为止html和css基础知识学的差不多了. 目前正在仿做静态页面之搜狗首页 这个原模仿网站首页 下面的这是目前为止我做的效果 今天从中午开始正式开始写,写到晚上9点,只完成了这么一点. 主要原因是效率太慢(总结了一下有几个一下原因) 1.对基本一些的用法不太熟悉,单词的拼写(知道要用什么就是无法写出来,需要借助百度查) 2.还有就是用基本语法不是理解的特别透彻 3.还有就是对html+CSS布局理解和用的不是很透彻,像其中的position和float还有就是垂直居中

The path to the driver executable must be set by the webdriver.gecko.driver system property;

今天安装了webdriver后,编写了一个测试小程序,但运行时控制台报了这样的错误: 1 Exception in thread "main" java.lang.IllegalStateException: The path to the driver executable must be set by the webdriver.gecko.driver system property; for more information, see https://github.com/mo

基于Selenium2+Java的UI自动化(8)- 显式等待和隐式等待

一.隐式等待 package com.automation.waits; import java.util.concurrent.TimeUnit; import org.openqa.selenium.By; import org.openqa.selenium.NoSuchElementException; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openq

HTTP API接口测试利器PostMan介绍

一.什么是API接口测试? API接口有多种,个人将其划分为三类.第一种是函数级别的,测试需要对接口的各个参数进行测试,如:Int getResult(String key, String ID, Int ticket).第二种是对象级别的,开发在使用API接口时,先引入包名,在使用之前声明一个对象,之后可以使用对象提供的方法,而测试时,需要测试的是API的功能及对数据输入的正确性.第二种和第一种的差别是,我们只需关注提供给用户使用的接口就可以了,不用关心接口调用其他函数情况,相对于第一种来说,

webdriver高级应用- 浏览器中新开标签页(Tab)

#encoding=utf-8 import unittest from selenium import webdriver import time import win32api, win32con VK_CODE ={'ctrl':0x11, 't':0x54, 'tab':0x09} # 键盘键按下 def keyDown(keyName): win32api.keybd_event(VK_CODE[keyName], 0, 0, 0) # 键盘键抬起 def keyUp(keyName)

单元测试框架Unittest

Unittest官方 4个重要概念: Test fixture(测试固件):初始化.清除 Test case(测试用例),test suite(测试套件),test runner(测试运行器) 两种单元测试加载方法: 1.unittest.main() 2.将所有test case 添加到test suit中,然后一次性加载 知识点: 1.测试类要继承unittest.TestCase类 2.每个用例方法 test开头(self) 3.setUp和tearDown方法在每个用例执行前后都会执行

爬虫--urllib模块

一.urllib库 概念:urllib是Python自带的一个用于爬虫的库,其主要作用就是可以通过代码模拟浏览器发送请求.其常被用到的子模块在Python3中的为urllib.request和urllib.parse,在Python2中是urllib和urllib2. 使用流程: 指定url 基于urllib的request子模块发起请求 获取响应中的数据值 持久化存储 爬取搜狗首页的页面数据 --- # 爬取搜狗首页的页面数据 import urllib.request # 1.指定url u

爬虫(一)

01-安装Jupyter Notebook 安装Jupyter Notebook的前提是Python的版本在3.3以上(或2.7版本) 通过安装Anaconda,来解决安装Jupyter Notebook的问题. 安装Anaconda 官网:https://www.anaconda.com/download/ 清华镜像(推荐使用):https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/ 使用介绍: 运行Jupyter Notebook jup

Selenium Webdirver API(1)

Selenium Webdirver API 前提:引入webdriver包 from selenium import webdriver 1.创建浏览器对象driver = webdriver.Ie(executable_path="D:\\IEDriverServer")#不同浏览器只需更改浏览器名称即可,如:webdriver.Chrome() webdriver.Firefox() 2.打开网页 getdriver.get("http://www.sogou.com&