python第二十天

import requests
response = requests.get('https://lol.qq.com/main.shtml')
response.encoding = 'gbk'

print(response.text)

<!--
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
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd"    -  表示html4.x
-->
<!DOCTYPE html>
<!--网页内容结构-->
<html lang="en">
<head>
    <!--  设置网页的编码方式  -->
    <meta charset="UTF-8">
    <!--  设置网页标题  -->
    <title>YuTing的网页</title>
</head>
<body>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
    <title>常见标签</title>
    <meta charset="utf-8">
</head>
<body>
    <!--==============文本相关标签============-->
    <!--    1.标题标签: h1-h6-->
    1. 标题
    <h1 id="top">标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>
    <!--  2.文字内容标签-->
    <h1 id="text">2.文本</h1>
    <p>值得注意的是,2019年四季度新进的第三大股东贵州省国有资本运营有限责任公司,在今年三季度减持了1675.2585万股,若按贵州茅台三季度均价1678.75元/股计算,减持套现281.234亿元。同时,中报时位列第十大股东的贵州金融控股集团有限责任公司,已经在三季度退出贵州茅台前十大股东之列。贵州省国有资本运营有限责任公司、贵州金融控股集团有限责任公司的最终受益人均为贵州省财政厅。</p>
    <p>贵州国资运营大幅减持事宜与贵州城投债偿付压力不无关系。数据显示,2019年贵州城投有息负债和地方政府债务余额分别为1.10万亿元、9673亿元左右,2020-2025年城投债券每年到期规模多超过400亿元。</p>
    <p>我是段落3</p>
    <p>我是段落4</p>

    <font>发布时间:10-2609:40</font>
    <font>北京和讯在线信息咨询服务官方帐号,财经领域创作者,优质创作者</font>
    <span>我是span1</span>
    <span>我是span2</span>
    <p>贵州国资运营大幅减持事宜与贵州城投债偿付压力不无关系。
        数据显示,2019年贵州城投有息负债和地方政府债务余额分别为1.10万亿元、
        9673亿元左右,
        2020-2025年城投债券每年到期规模多超过400亿元。</p>
    <p>
        床前明月光,
        疑是地上霜。
        举头望明月,
        低头思故乡。
    </p>

    <!--  3.换行和空格标签和符号
        html中的换行和空格都是无效的;
        如果需要强制换行需要使用<br>标签,空格需要使用空格符: &nbsp; / &emsp;
        &nbsp; - 空一个像素
        &emsp; - 空一个空格
      -->
    <p>
        床前明月光,<br>
        &nbsp;&nbsp;&nbsp;&nbsp;疑是地上霜。<br>
        举头望明月,<br>
        &emsp;低头思故乡。<br>
    </p>

    <font>发布时间:10-2609:40</font>
    <font>北京和讯在线信息咨询服务官方帐号,财经领域创作者,优质创作者</font>
    <br>
    <span>我是span1</span>
    <span>我是span2</span>

    <!--  =============图片标签=============
        img标签:
        src属性 - 图片路径(决定需要显示的是哪张图片)
        title属性 - 图片名称
        alt属性  -  图片加载失败的时候显示的提示信息(了解)
    -->
    <h1>3.图片</h1>
    <!--  显示本地图片  -->
    <img src="img/avatar.png" title="路飞" alt="加载失败">
    <!--  显示网络图片  -->
    <img title="美女1" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3353166494,2700282750&fm=26&gp=0.jpg" alt="">
    <img title="美女2" src="https://pic8.iqiyipic.com/image/20201020/e5/8c/v_153423753_m_601_480_360.jpg?caplist=jpg,webp" alt="">

    <!--  =====================超链接===================
        超链接标签在点击后可以自动跳转或者刷新出一个新的页面
        a标签:
        1)标签内容  - 决定的是可点击的部分
        2)href属性 - 决定点击后跳转的目标位置
        3)target属性  -  决定是在当前窗口中加载新的页面还是在新的窗口中加载新的页面
                         _self: 在当前窗口中加载(默认)
                         _blank: 在新窗口中加载
    -->
    <h1>4.超链接</h1>
    <!--  1.文字超链接  -->
    <a target="_blank" href="https://www.baidu.com">神剧亮了</a>
    <a href="./02-html基础语法.html">基础语法</a>
    <a href="#top">回到顶部</a>
    <a href="#text">文本</a>
    
    <!--  2.图片超链接  -->
    <a href="https://iqiyi.com">
        <img src="img/tie2.png" alt="">
    </a>

    <!--  =================列表标签====================
        1. 无序列表:
            ul标签  - 表示整个列表
            li标签  - 表示列表中每个元素
        2. 有序列表:
            ol标签  -
            li标签  -
    -->

    <h1>5.列表</h1>
<!--    <ul>-->
<!--        <li>Python数据分析和人工智能</li>-->
<!--        <li>前端开发</li>-->
<!--        <li>java分布式</li>-->
<!--        <li>UI/UE设计</li>-->
<!--        <li>测试</li>-->
<!--    </ul>-->
    <ol>
        <li>
            <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2265538066,2827477152&fm=26&gp=0.jpg" alt="">
            <br>
            <a href="http://www.mobiletrain.org/page/python/?pinzhuanbdtg=biaoti">Python数据分析和人工智能</a>
            <p>
                Python是一种跨平台的计算机程序设计语言。 是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。最初被设计用于编写自动化脚本(shell),随着版本的不断更新和语言新功能的添加,越多被用于独立的、大型项目的开发。
            </p>
            <hr>
        </li>
        
        <li>
            <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=90262399,1121738873&fm=26&gp=0.jpg" alt="">
            <br>
            <a href="http://www.mobiletrain.org/page/html5.html?pinzhuanbdtg=biaoti">大前端</a>
            <p>前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。</p>
            <hr>
        </li>
    </ol>

</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)密码输入框
            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="123456" 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="i1"><label for="i1">篮球</label>
    <input type="checkbox" value="乒乓球" name="interest" id="i2"><label for="i2">乒乓球</label>
    <input type="checkbox" value="羽毛球" name="interest" id="i3"><label for="i3">羽毛球</label>

    <br>
    <input type="color">

    <br><br>
    <input type="file">
    
    <br><br>
    <input type="time">
    <input type="date">

    <br><br>
    <input type="button" value="确定">
    
    <!--  ==================2.textarea(多行文本域)===============
        标签内容  -  输入框中的显示内容
     -->
    <textarea name="" id="" cols="30" rows="4" placeholder="请输入您的建议">
        没有意见
    </textarea>

    <input type="text" value="" id="usr">
    <button onclick="show()">查看</button>
    <button onclick="clearUsr()">清空</button>
    <button onclick="create()">创建</button>

    <!-- ==================3.下拉列表: select===================
        select标签  -  表示整个列表(获取select的value就是在获取当前选中的选项的value属性)
        option标签  -  表示列表中的选项(标签内容和value属性都必须赋值)
    -->
    <br><br>
    <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>
        <option value="武汉">武汉</option>
    </select>

    

    <script>
        function selectAction(){
            selectCity = document.getElementById('city').value
            alert(selectCity)
        }
    </script>

</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值