redis数据库学习-＞html学习-＞css学习

芝士小熊饼干

于 2023-06-03 19:47:47 发布

阅读量78

点赞数

文章标签：数据库学习 html css

本文链接：https://blog.csdn.net/weixin_74711824/article/details/131024780

版权

文章介绍了HTML的基本结构和常用标签，包括标题、段落、链接、图片、列表和表格等。同时，提到了Redis数据库的使用，如设置键值、列表、哈希、集合和有序集合的操作。还涵盖了表单元素的创建以及CSS样式的基础应用。

摘要由CSDN通过智能技术生成

🐻作者：芝士小熊饼干
📖 系列专栏： Python

💪坚持天数：13天🤖

<!--文档声明-->
<!DOCTYPE html>
<!--html标签-->
<html>
    <!--头部标签-->
    <head>
    <!--使用一个但标签，来设置页面使用的字符集-->
        <meta charset=utf-8>
        <title>First HTML</title>
    </head>
    <body>
        <!--body标签来编写网页内容-->
        <h1>
            Hello HTML
        </h1>
    </body>
</html>

<!-- 这是一个HTML的注释 -->
<!-- 快捷键 ctrl+/ -->
<!-- ！ -->
<!-- 文档声明 -->
<!DOCTYPE html>
<!-- 页面使用的语言 -->
<html lang="en">
    <!-- 头标签 -->
<head>
    <meta charset="UTF-8">
    <!-- 浏览器IE的话，使用IE的最高版本 -->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 移动端显示时不缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 设置标题，在左上角显示的内容 -->
    <title>Document</title>
</head>
<body>
    <!-- 网页内容 -->
    <img src="../../.xx.jpg" alt="logo">
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>常用标签</title>
    </head>
    <body>
        <!-- 双标签 -->
        <!-- 标题标签 -->
        <h1>这是一级标题</h1>
        <h2>这是二级标题</h2>
        <h3>这是三级标题</h3>
        <h4>这是四级标题</h4>
        <h5>这是五级标题</h5>
        <h6>这是六级标题</h6>

        <!--块标签  -->
        <div>
            正文
        </div>
        又一段文字

        <!-- 段落标签 -->
        <p>这是一个段落标签，和<span>div</span>标签类似</p>

        <!-- 单标签 -->
        <br>
        <!-- <br>换行标签 -->
        正<br>
        文
        <!-- <hr>标签 分割线 -->
        <hr>

        <!-- 图片标签 -->
        <img src="1.png" alt="当图片显示不出来时的占位文字">
        <hr>
        <!-- 带属性的标签 -->
        <!-- a 标签是一个链接标签，用来实现一个超链接 -->
        <a href="http://www.baidu.com">百度</a>

        <!-- 标签的嵌套 -->
        <!-- div标签中用来对网页布局 -->
        <div>
            <a href="http://www.baidu.com">百度</a>
        </div>
        <hr>
        <!-- 列表标签 -->
        <ul>
            <li>足球</li>
            <li>篮球</li>
            <li>排球</li>
            <li>高尔夫球</li>
        </ul>
        <hr>
        <!-- 有序列表  ordered list-->
        <ol>
            <li>第一章</li>
            <li>第二章</li>
            <li>第三章</li>
            <li>第四章</li>
        </ol>
        <hr>
        <!-- 嵌套列表标签 -->
        <ol>
            <li>
                第一章
                <ul>
                    <li>足球</li>
                    <li>篮球</li>
                    <li>排球</li>
                    <li>高尔夫球</li>

                </ul>
            </li>
            <li>第二章

            </li>
        </ol>
        <hr>
        <hr>
        <!--表格标签  -->
        <table style="border: 1px solid rgb(87, 13, 147);border-collapse: collapse;">

            <!-- 设置表头 -->
            <tr>
                <th style="border: 1px solid rgb(87, 13, 147)">name</th>
                <th style="border: 1px solid rgb(87, 13, 147)">age</th>
            </tr>
            <!-- 表格内容 -->
            <tr>
                <td style="border: 1px solid rgb(87, 13, 147)">JOk</td>
                <td style="border: 1px solid rgb(87, 13, 147)">18</td>
            </tr>
            <tr>
                <td style="border: 1px solid rgb(87, 13, 147)">rose</td>
                <td style="border: 1px solid rgb(87, 13, 147)">19</td>
            </tr>
        </table>






    </body>
</html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单标签</title>
 </head>
 <body>
    <!-- form 表单标签用来在页面收集用户输入的数据 -->
    <form>
        <p>
            <label>账号：</label>
            <input type="text">
    
            <label>密码：</label>
            <input type="password">
        </p>


        <p>
            <label>性别：</label>
            <input type="radio">男
            <input type="radio">女
            

        </p>
        <p>
            <label>爱好：</label>
            <input type="checkbox">足球
            <input type="checkbox">篮球
            <input type="checkbox">高尔夫球
        </p>
        <p>
            <label>照片：</label>
            <input type="file">
        </p>

        <p>
            <label>籍贯：</label>
            <select>
                <option >北京</option>
                <option >test</option>
                <option >test</option>
            </select>
    </p>
    <p>
        <label >备注：</label>
        <textarea></textarea>
    </p>
    <p>
        <input type="submit" value="注册">
        <input type="reset" value="重置">
        <input type="button" value="确定" onclick="alert('ok')">
    </p>
    </form>
    
 </body>
 </html>

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>表单标签</title>
</head>
<body>
   <!-- form 表单标签用来在页面收集用户输入的数据 -->
   <!-- action 用来表示提交的目的服务器地址 -->
   <!-- method 用来指定提交方式 -->
   <form action="http://www.baidu.com" method="GET">
       <p>
           <label>账号：</label>
           <input type="text" name="account" value="匿名">
   
           <label>密码：</label>
           <input type="password" namen="passw">
       </p>


       <p>
           <label>性别：</label>
           <!-- 保证每个单选项名一样 -->
           <input type="radio" name="gender" value="0">男 
           <input type="radio" name="gender" value="1">女
           

       </p>
       <p>
           <label>爱好：</label>
           <input type="checkbox" name="like" value="0">足球
           <input type="checkbox" name="like" value="1">篮球
           <input type="checkbox" name="like" value="2">高尔夫球
       </p>
       <p>
           <label>照片：</label>
           <input type="file" name="photo">
       </p>

       <p>
           <label>籍贯：</label>
           <select>
               <option value="0">北京</option>
               <option value="1">test</option>
               <option value="2">test</option>
           </select>
   </p>
   <p>
       <label >备注：</label>
       <textarea name="info"></textarea>
   </p>
   <p>
       <input type="submit" value="注册">
       <input type="reset" value="重置">
       <input type="button" value="确定" onclick="alert('ok')">
   </p>
   </form>
   
</body>
</html>

# encoding=utf-8
import redis
if __name__=='__main__':
    # 在连接/获取外界资源时一定要注意使用 try
    try:
        rs=redis.Redis()
    except Exception as e:
        print(e)

    # 操作string
    # 添加
    rs.set('name','aaaa')

    # 获取
    name=rs.get('name')
    print(name)

总结🤖

Redis 是一种高性能的键值对数据库，可以存储字符串、列表、哈希、集合和有序集合等类型。下面是 Redis 的一些基本操作：

连接 Redis 数据库：

redis-cli
设置键值：

set key value
获取键值：

get key
删除键值：

del key
判断键是否存在：

exists key
设置键的过期时间：

expire key seconds
获取键的剩余过期时间：

ttl key
新增列表元素：

lpush list value
弹出列表元素：

lpop list
获取列表长度：

llen list
新增哈希元素：

hset hash key value
获取哈希元素：

hget hash key
删除哈希元素：

hdel hash key
新增集合元素：

sadd set value
获取集合元素数量：

scard set
获取集合的所有元素：

smembers set
新增有序集合元素：

zadd sorted_set score value
获取有序集合的所有元素：

zrange sorted_set 0 -1 withscores

创建 HTML 文档：

<!DOCTYPE html>
<html>
<head>
  <title>网页标题</title>
</head>
<body>
  <!-- 此处添加网页内容 -->
</body>
</html>

添加标题：

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<!-- 更多层级的标题可依此类推 -->

添加段落：
```
<p>这是一段文字。</p>
```

添加链接：

<a href="https://www.example.com">链接文本</a>

添加图像：

<img src="image.jpg" alt="图片描述">

添加列表：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>
<ol>
  <li>有序列表项1</li>
  <li>有序列表项2</li>
</ol>

添加表格：

<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>

创建表单：

<form action="submit.php" method="post">
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username"><br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password"><br>
  <input type="submit" value="登录">
</form>

为元素添加样式：
selector {
  property: value;
}
在上面的代码中，selector 选择要添加样式的 HTML 元素，property 是样式属性，value 是样式属性的值。
设置元素背景色：
background-color: #f4f4f4;
在上面的代码中，#f4f4f4 是十六进制颜色值。
设置元素文本颜色：
color: #333;
设置元素字体：
font-family: Arial, sans-serif;
在上面的代码中，Arial 是字体名称，sans-serif 是回退字体，可用于在系统中找不到特定字体时使用。
设置元素字体大小：
font-size: 16px;
设置元素边框：
border: 1px solid #ccc;
在上面的代码中，1px 是边框宽度，solid 是边框样式，#ccc 是边框颜色。
设置元素内边距：
padding: 10px;
在上面的代码中，10px 是元素内边距值。
设置元素外边距：
margin: 10px;
在上面的代码中，10px 是元素外边距值。