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

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>e公司讯,据宝马集团公众号消息,10月26日,宝马与阿里巴巴签署战略合作备忘录。双方将围绕品牌、营销、渠道、跨端运营、服务和信息技术等领域开展合作,致力于实现宝马中国业务全流程数字化战略,并助力经销商共同为客户提供端到端、线上线下无缝链接的数字化品牌体验。</p>
    <p>去加油站加油,哪种支付方式最方便快捷?ETC和扫车牌应该是大多数人非常乐意选择的两种——不用下车,不用掏手机,几乎无感。现在,它们同时登陆杭州了。

率先开通扫车牌支付的是中石化。今天下午,我来到中石化建国北路加油站体验了完整的加油过程。

根据加油员的提示,首先,我在浙江中石化的微信公众号(搜“中国石化销售股份浙江石油分公司”)。</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').value
            alert(selectCity)
        }
    </script>




</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值