day20-requests获取数据库和html基础

草木·君

已于 2022-02-11 11:32:20 修改

阅读量414

点赞数

分类专栏： HTML_Basic 文章标签： html

于 2020-10-27 00:11:48 首次发布

本文链接：https://blog.csdn.net/weixin_44137627/article/details/109302105

版权

HTML_Basic 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

========= requests获取数据库和html基础 =========

第一节：requests

import requests

# 通过request给指定的网页发送get请求。
response = requests.get('https://user.qzone.qq.com/1077323818?ADUIN=1370015822&ADSESSION=1603676382&ADTAG=CLIENT.QQ.5773_FriendInfo_PersonalInfo.0&ADPUBNO=27058&source=namecardstar')  # 获取爬取的地址
print(response)`在这里插入代码片`

# 设置文本编码方式（解决打印乱码）
response .encoding = 'utf-8'

# 打印请求到的内容
print(response .text)

第二节：基础语法介绍

""""""
# 1.网页的基本结构
# 实现一个网页需要用到三个技术：
"""
html - 负责网页中的内容
css - 负责内容的样式和布局
js - 负责内容的变化
"""

# 2.html基本结构
"""
html是一种超文本标记语言（类似于markdown语言），是通过不同的标记（标签）来给网页提供不同的内容。

html标签表示整个网页
head标签表示网页顶部的部分
body标签表示网页显示数据的内容部分
"""

# 3.html基本语法
"""
语法：
双标签：<标签名 属性1 = 属性值1 属性2=属性值2...>标签内容</标签名>
单标签：<标签名 属性1 = 属性值1 属性2=属性值2...>或者<标签名 属性1 = 属性值1 属性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>兰星开始学习的网页</title>
</head>
<body>
</body>
</html>

第三节：常见的标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的网页</title>
</head>
<body>
    <h1>标题1</h1>
    <h2>标题1</h2>
    <h3>标题1</h3>
    <h4>标题1</h4>
    <h5>标题1</h5>
    <h6>标题1</h6>
    <h6>表示段落，默认换行</h6>
    <p>第一段落</p>
    <p>第二段落</p>
    <font>第一行</font> <!-- 默认不换行 -->
    <font>默认不换行</font>
    <span>第二行</span>
    <span>默认不换行</span>
    <p>
        &nbsp;&nbsp;&emsp;&emsp;床前明月光，<br>
        &nbsp;&nbsp;&emsp;&emsp;疑是地上霜。<br>
        &nbsp;&nbsp;&emsp;&emsp;举头望明月，<br>
        &nbsp;&nbsp;&emsp;&emsp;低头思故乡。<br>
    </p>
    <!-- 3 换行和空格标签和符号，html中的换行和空格都是无效的，如果需要强制换行需要使用<br>标签，常见空格需要使用空格符：&nbsp; /&emsp， &nbsp:控制一个像素, &emsp空一个控制>

    <1-- ========= 图片标签 =========
        img标签：
        src属性 - 图片路径（决定需要显示的是那张图片）
    -->
    <img  title = '我的2121332百度' src = "https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="图片加载失败给的警告信息">

    <!-- ========= 超链接标签<a> =========
    中间是标签内容
    -->
    <a href="https://leetcode-cn.com/">抗日神剧</a>
    <a href="https://leetcode-cn.com/"><img src= "https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"></a>
    <a href=".\03-常见的标签.html">本地路径</a>

    <!--
    href:决定跳转之后的位置
    target:决定是否在当前页面加载新的页面。
           _self：在当前窗口价值（默认）。
           _blank:在新窗口加载。
    -->

    <!-- ========= 列表相关的标签 =========
    1. 无序列表:
        ul标签 - 表示整个列表
        li标签 - 表示列表中每个元素
    2. 有序列表
        ol标签
        li标签
    -->
    <ul>
        <li>Python数据分析和人工智能</li>
        <li>html5前端开发</li>
        <li>java分布式开发</li>
        <li>UI设计</li>
        <li>软件测试</li>
    </ul>
    <ol>
        <li>Python数据分析和人工智能</li>
        <li>html5前端开发</li>
        <li>java分布式开发</li>
        <li>UI设计</li>
        <li>软件测试</li>
    </ol>

    <label for="4">账号:&nbsp</label><input id="4" type="text" placeholder = '请输入账号'>
    <br>
    <label for="5">密码:&nbsp</label><input id="5" type="password" placeholder = '请输入密码'>
    <br>
    <input type="radio" name="sex" id="1"><label for="1">男</label>
    <input type="radio" name="sex" id="2"><label for="2">女</label>
    <input type="radio" name="sex" id="3"><label for="3">不明</label>
    <br>
    <input id="6" type="checkbox" value="篮球" name="interest">
    <label for="6">篮球&nbsp</label>
    <br>
    <input id="7" type="checkbox" value="足球" name="interest">
    <label for="7">足球&nbsp</label>
    <br>
    <input id="8" type="checkbox" value="排球" name="interest">
    <label for="8">排球&nbsp</label>
    <input type="file">
    <br>
    <input type="time">
    <br>
    <input type="date">
    <br>
    <input type="button" value="确定">

    <!-- ========= input标签 =========
        type属性：
            1.普通输入框（text）
                value属性（最重要） - 和输入框中的显示内容是双向绑定的，是真正输入的内容。
                placeholder属性 - 输入框的输入提升信息
                maxlength属性 - 限制输入框中最多能输入字符的个数。
            2.密码输入框 password - type(password)
                value(重要) - 和输入框的显示内容是双向绑定的，是真正的输入的内容。
            3.单选按钮。
            4.复选按钮。
            5.普通按钮。
    -->
    <!-- ========= textarea标签,多行文本域 ========= -->
    <br><br>
    <textarea name="" id cols="12" rows="6">没有意见</textarea>
    <textarea name="" cols="12" rows="6" placeholder="请输入意见"></textarea>

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

    <!-- ========= 下拉列表：select =========
        select标签 - 表示整个列表
        option标签 - 表示列表中的选项(标签内容和value属性都必须赋值)
    -->
    <br>
    <select name="" id="city" onchange="selectAction">
        <option value="成都市">成都市</option>
        <option value="武汉市">武汉市</option>
        <option value="杭州市" selected="selected">杭州市</option>
        <option value="广州市">广州市</option>
        <option value="上海市">上海市</option>>
        <!--设置杭州市是默认赋值-->
    </select>

    <!-- dic 分块标签 -->


</body>
</html>