day1-request获取数据和HTML基础
request的使用
import requests
response = requests.get('https://www.baidu.com/')
print(response) # <Response [200]> 请求成功
# 设置文本编码方法(解决打印乱码)
response.encoding='utf-8'
# 打印请求到的内容
print(response.text)
HTML基础语法
<!--
实现一个网页需要用到三个技术:html(内容),css(内容的样式),js(内容的变化)
2.html基本结构
html是一种超文本标记语言,是通过不同的标签来给网页提供不同的类容
3.基本语法
双标签:<标签名 属性1=属性值1,..>标签内容</标签名>
单标签:<标签名 属性1=属性值1,..> or <标签名 属性1=属性值1,.. />
说明:
标签名 - 标签名有哪些是固定的,哪些是双标签和单标签都是固定的
属性 - 也是固定的;多个属性之前用空格隔开,属性值是字符串(双引号)
标签内容 - 可以是文字也可以是其他的标签
-->
<!--说明当前使用的HTML版本 HTML 表示HTML5.x-->
<!DOCTYPE html>
<html lang="en">
<!--表示网页头部-->
<head>
<!--网页的编码方式-->
<meta charset="UTF-8">
<!--设置网页标题-->
<title>杨健的网页</title>
</head>
<!--网页类容-->
<body>
</body>
</html>
常见标签
<!DOCTYPE html>
<html lang="en">
<!--表示网页头部-->
<head>
<!--网页的编码方式-->
<meta charset="UTF-8">
<!--设置网页标题-->
<title>杨健的网页</title>
</head>
<!--网页类容-->
<body>
<!--文本相关标签-->
<!--=======================标题标签====================-->
<h1>标题</h1>
<!--=======================文字标签====================-->
<p>文本标签</p>
<font></font>
<span></span>
<!--换行和空格标签和符号 HTML的换行和空格都是无效的,
需要换行需要使用<br>标签,空格需要使用空格符:
- 空一个像素
 - 空一个空格
-->
<!--=======================图片标签====================-->
<!--src属性:图片路径(决定需要显示的是哪种图片)
title属性: 图片名称
alt属性: 加载失败的提示信息
-->
<img title="图片名称" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="">
<!--=======================超链接====================-->
<!--1.文字超链接
标签内容 - 决定的是可点击的部分
href属性 - 决定点击后跳转的目标位置
target - 决定是在当前窗口加载新页面还是在新的窗口中加载新的页面
_self:当前窗口中加载
_blank: 在新窗口中加载
2.图片超链接
-->
<a href=""></a>
<a target="" href=""><img src="" alt=""></a>
<!--=========================列表标签=====================
1.无序列表:
2.有序列表:
ol标签
li标签
-->
<!--
无序列表
ul标签 - 表示整个列表
li标签 - 列表中每个元素
-->
<ul>
<li></li>
</ul>
</body>
</html>
表单相关列表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单相关标签</title>
</head>
<body>
<!--===================1.input标签===========================
type属性:
1.普通文本输入框(text)
value 属性(重要) - 和输入框中的显示内容是双向绑定的
placeholder - 输入提示信息
maxlength - 限制输入框最多能输入的字符个数
2.密码输入框(password)
3.单选按钮(radio)
4.复选按钮(checkbox)
5.普通话按钮
-->
<label for="">用户名</label><input type="text" value="" placeholder="用户名" maxlength="3">
<br><br>
<label for="">密码</label><input type="password" value="" placeholder="密码" maxlength="6" >
<br><br>
<input type="radio" name="sex" id="s1" value="boy"><label for="s1">男</label>
<input type="radio" name="sex" id="s2" value="gir1"><label for="s2">女</label>
<br><br>
<input type="checkbox" value="篮球" name="interest"><label for="s1">篮球</label>
<input type="checkbox" value="羽毛球" name="interest"><label for="s1">羽毛球</label>
<input type="checkbox" value="排球" name="interest"><label for="s1">排球</label>
<br><br>
<input type="color">
<input type="file">
<input type="button" value="确定">
<br><br>
<input type="time">
<input type="date">
<hr>
<!--==========================2.textarea: 文本域=====================
标签内容:输入框的显示内容
-->
<textarea name="" id="" cols="30" rows="10"></textarea>
<br><br>
<!--==========================3.下拉列表:select=====================
select标签 - 表示整个列表(获取select的value就是获取当前选中的选项)
option标签 - 表示列表中的熏香 (标签内容和标签属性都必须赋值)
-->
<select name="地址" id="city">
<option value="">成都市</option>
<option value="">南充市</option>
<option value="">上海市</option>
<option value="">深圳市</option>
<option value="">广州市</option>
</select>
<!---->
<div></div>
</body>
</html>