当前位置: 代码迷 >> 综合 >> python100day第二阶段:web前端和爬虫-day20-requests获取数据和html基础
  详细解决方案

python100day第二阶段:web前端和爬虫-day20-requests获取数据和html基础

热度:70   发布时间:2024-03-08 12:03:39.0

python100day第二阶段:web前端和爬虫-day20-requests获取数据和html基础

1.requests的基本使用

import requests
# 通过requests给指定的网页发送get请求
response = requests.get('https://www.baidu.com/?tn=62095104_33_oem_dg')
# 设置文本编码方式(解决打印乱码)
print(response)
# 打印请求到的内容
print(response.text)

2.html基础语法

<!-- 1.网页基本结构 实现一个网页需要用到三个技术: html - 负责网页中的内容 Css - 负责内容的样式和布局 js - 负责内容的变化2.html基本结构 html是一种超文本标记语言(类似markdown语法),是通过不同的标记(标签)来给网页提供不同的内容html标签表示整个网页 head标签表示网页顶部的部分 body标签表示网页显示数据的内容部分3.html基础语法 1)语法 双标签:<标签名 属性1=属性值1 属性2=属性值2...>标签内容</标签名> 单标签:<标签名 属性1=属性值1 属性2=属性值2...> 或者 <标签名 属性1=属性值1 属性2=属性值2.../>2)说明 标签名 - 标签名有哪些是固定的,哪些标签是双标签哪些标签是单标签也是固定的 属性 - 哪些标签有哪些属性是固定的;多个属性之间用空格隔开,属性名和值用=链接。属性值不管是什么 都必须在双引号里面 标签内容 - 标签内容可以是文字也可以是其他一个或者多个标签 --><!--说明当前使用的html版本 html - 表示html5.x -->
<!DOCTYPE html>
<!--网页内容结构-->
<html lang="en">
<head><!-- 设置网页的编码方式 --><meta charset="UTF-8"><!-- 设置网页标题 --><title>千峰的网页</title>
</head>
<body></body>
</html>

3.常见标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>常见标签</title><meta charset="utf-8">
</head>
<body><!--==========文本相关标签==========--><!-- 1.标题标签:h1-h6 --><h1>1.标题</h1><h1 id="#top">标题</h1><h2>标题</h2><h3>标题</h3><h4>标题</h4><h5>标题</h5><h6>标题</h6><!--2.文字内容标签--><h1 id="#test">2.文本</h1><p>10月25日晚,新疆维吾尔自治区人民政府新闻办公室召开喀什疫情新闻发布会,会上通报称,在10月24日,喀什地区疏附县报告来一例新冠病毒肺炎无症状感染者。该感染者一直在疏附县,无外地旅居史,感染者检测阳性前16天内无确诊病例、疑似病例和发热病人接触史。</p><p>在该患者24日被确诊为无症状感染者后,当天下午,疾控部门便对其工作所在的制衣厂中,共计对831人进行核酸检测,结果均为阴性;但在对其16名密切接触者、密切接触者的密切接触者406人进行核酸检测时,却有137人检测呈阳性,且均与24日确诊的无症状感染者相关联。</p><p>段落3</p><font>10-26 06:57</font><br><span>我是span2</span><span>111111</span><!--3.换行和空格标签和符号html中的换行和空格都是无效的,如果需要强制换行需要使用<br>标签空格需要使用空格符:&nbsp;/ &emsp;&nbsp; - 空一个像素&emsp; - 空一个空格--><p>床前明月光,<br>&nbsp;疑是地上霜。<br>举头望明月,<br>&emsp;低头思故乡。<br></p>
<h1>3.图片</h1><!--=================图片标签=====================img标签:src属性 - 图片路径(决定需要显示的哪张图片)title属性 - 图片名称alt属性 - 图片加载失败的时候显示的提示信息(了解)--><!--显示本地图片--><img title="风景" src="img/02.jpg" alt="加载失败"><!--显示网络图片--><img title="百度" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt=""><!-- ==============超链接===============超链接特点在点击后可以自动跳转或者刷新出一个新的页面a标签:1) 标签内容 - 决定的是可点击的部分2) href属性 - 决定点击后跳转的目标位置3)target属性 - 决定是在当前窗口中加载新的页面还是在新的窗口中加载新的页面_self:在当前窗口加载(默认)_blank:在新窗口中加载-->
<h1>4.超链接</h1>
<!-- 1.文字超链接 -->
<a target="_blank" href="https://www.baidu.com">baidu</a>
<a href="路径">基础语法</a>
<a href="#top">回到顶部</a>
<a href="#test">回到文本</a>
<!--2.图片超链接-->
<a href="https://www.iqiyi.com"><img src="img/03.jpg" alt="">
</a><!--===================列表标签=================1.无序列表:ul标签 - 表示整个列表li标签 - 表示列表中每个元素2.有序列表:ol标签 ---><h1>5.列表</h1><ul><li>Python数据分析和人工智能</li><li>前端开发</li><li>Java分布式</li><li>测试</li></ul></body>
</html>

4.表单相关标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表单相关标签</title>
</head>
<body><!--==========1.input标签===========1)普通文本输入框(text)value属性 - 和输入框中的显示内容是双向绑定的placeholder属性 - 输入框的输入提示信息maxlength - 限制输入框中最多能输入的字符的个数2)密码输入框value属性placeholder属性 - 输入框的输入提示信息maxlength - 限制输入框中最多能输入的字符的个数3)单选按钮4)复选按钮5)...--><label for="user">用户名</label><input id="user" type="text" value="" placeholder="请输入用户名" maxlength="10"><br><br><label for="pw">密码</label><input id="pw" type="password" value="" placeholder="请输入密码"><br><br><input type="radio" name="sex" id="s1" value="boy"><label for="s1"></label><input type="radio" name="sex" id="s2" value="girl"><label for="s2"></label><input type="radio" name="sex" id="s3" value="unknown"><label for="s3">不明</label><br><br><input type="checkbox" value="篮球" name="interest" id="a1"><label for="a1">篮球</label><input type="checkbox" value="乒乓球" name="interest" id="a2"><label for="a2">乒乓球</label><input type="checkbox" value="羽毛球" name="interest" id="a3"><label for="a3">羽毛球</label><br><input type="color"><br><input type="file"><br><input type="time"><input type="date"><br><br><input type="button" value="确定"><!-- =========2.tsxtarea========标签内容: 输入框中的显示内容--><textarea name="" cols="40" id="" rows="8" placeholder="请输入意见"></textarea><br><br><!-- ===============3.下拉列表:select==============select标签 - 表示整个列表(获取select的value就是在获取当前选中的选项的value属性)option标签 - 表示列表中的选项(标签内容和value属性都必须赋值)--><select name="" id="city" onchange="selectAction()"><option value="成都市">成都市</option><option value="北京市">北京市</option><!-- 设置上海市 对应的选项处于默认选中状态 --><option value="上海市" selected="selected">上海市</option><option value="深圳">深圳</option><option value="广州">广州</option><option value="武汉">武汉</option></select><select name="" id="area"><option value="武侯区">武侯区</option><option value="金牛区">金牛区</option><option value="郫都区">郫都区</option></select><br><br><script>function selectAction(){
     selectCity = document.getElementById('city').valuealert(selectCity)}</script></body>
</html>
  相关解决方案