html网页制作、跪求源代码

html网页制作、跪求源代码,第1张

效果图,自己换,

html代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<title>泰国</title>

<link rel="stylesheet" type="text/css" href="css/indexcss"/>

<script type="text/javascript" src="js/indexjs"></script>

</head>

<body>

<div class="box">

  <div class="titles">泰国</div>

  <div class="img-box">

    <img class="auto-img" src="images/a001jpg"/>

  </div>

  <div class="text-box">

    <div class="text-box-a">

      <a href="#">曼谷、芭提雅(珊瑚岛、金沙岛)5晚7天</a>

    </div>

    <div class="text-box-a">

      东航直飞曼谷客机,入住1晚曼谷国际5星+4晚泰式5星酒店,芭提雅双岛(珊瑚岛+金沙岛)清

    </div>

    <div class="text-box-a">

      出发日期:星期一,星期二,星期三,星期四,星期五

    </div>

  </div>

  <div class="bottom ovf">

    <div class="fl text-a1">

      班期:每周发团

    </div>

    <div class="fr">

      <div class="price">¥&nbsp;4549</div>

      <div class="rush-to-buy">立即抢购</div>

    </div>

  </div>

</div>

</body>

</html>

css样式:

html,body{

padding:0;

margin:20px 0 0;

}

a{

text-decoration:none;

}

fl{

float:left;

}

fr{

float:right;

}

ovf{

overflow: hidden;

}

box{

width:50%;

margin:0 auto;

border:1px dashed #000000;

padding:4px;

}

titles{

width:100%;

text-align: center;

color:#ffffff;

background-color: #ff0000;

}

img-box{

width:100%;

margin-top: 4px;

}

auto-img{

display: block;

width:100%;

}

text-box{

width:100%;

}

text-box-a{

width:100%;

font-size: 14px;

line-height: 20px;

letter-spacing: 1px;

}

text-box-a>a{

color:#0089ff;

}

bottom{

margin-top: 30px;

}

text-a1{

font-size: 18px;

font-style: italic;

font-style:oblique;/为保证斜体效果加一个/

}

price{

font-size: 16px;

color:#8B3E2F;

}

rush-to-buy{

width:80px;

text-align: center;

background-color: #ff0000;

font-size: 16px;

}

这个可以通过浏览器自带的f12 。

或者通过鼠标右键,审计元素获得当前html源代码

步骤如下:

使用框架载入形式,代码如下:

代码解析:

src="123htm" 载入的页面 。

scrolling=no 有3个选择 分别为yes no auto 这个就是设置下拉条的,yes为有下拉条,no

为没有,auto为自动识别。

width=500 载入页面的宽度 。

height=500 载入页面的高度 。

bordercolor="#000000" 载入页面的背景颜色 。

提示:只要复制我那句代码,然后再把宽度和高度设置成你想要的。

使用Python 3的requests模块抓取网页源码并保存到文件示例:

import requests

html = requestsget(">

with open('testtxt','w',encoding='utf-8') as f:

fwrite(htmltext)

这是一个基本的文件保存 *** 作,但这里有几个值得注意的问题:

1安装requests包,命令行输入pip install requests即可自动安装。很多人推荐使用requests,自带的urllibrequest也可以抓取网页源码

2open方法encoding参数设为utf-8,否则保存的文件会出现乱码。

3如果直接在cmd中输出抓取的内容,会提示各种编码错误,所以保存到文件查看。

4with open方法是更好的写法,可以自动 *** 作完毕后释放资源。

另一个例子:

import requests

ff = open('testttxt','w',encoding='utf-8')

with open('testtxt',encoding="utf-8") as f:

for line in f:

ffwrite(line)

ffclose()

这是演示读取一个txt文件,每次读取一行,并保存到另一个txt文件中的示例。

因为在命令行中打印每次读取一行的数据,中文会出现编码错误,所以每次读取一行并保存到另一个文件,这样来测试读取是否正常。(注意open的时候制定encoding编码方式)

以上就是关于html网页制作、跪求源代码全部的内容,包括:html网页制作、跪求源代码、python下用selenium的webdriver包如何取得打开页面的html源代码呢、python里面request怎么读取html代码等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10162242.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存