中文域名注册网站/品牌推广方案思维导图
文章目录
- 前言
- 一、快速开发网站最简模板
- 二、HTML标签
- 1.编码
- 2.title
- 3.标题
- 4.div和span
- 5.超链接
- 6.图片
- 7.列表
- 8.表格
- 9.input系列
- 10.下拉框
- 11.多行文本
- 三、GET方式和POST方式
- 1.GET请求
- 2.POST请求
前言
HTML的全称为超文本标记语言，是一种标记语言，是网站开发前端的一部分。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。且HTML与编程语言无关，是一门独立的语言。本篇博客将介绍HTML的基本内容。
一、快速开发网站最简模板
- 在Terminal中输入
pip install flask - 主要内容：
- 在Pycharm中创建.py文件，不用HMTL文件
from flask import Flask,render_templateapp = Flask(__name__)#创建了/show/info网址和index的对应关系
#以后用户在浏览器上访问该网址，网站自动执行index
@app.route("/show/info")
def index():return "中国联通"if __name__ == '__main__':app.run()
- 在Pycharm中创建.py文件，且用HMTL文件（存放在template文件夹中）
.py文件
from flask import Flask,render_templateapp = Flask(__name__)#创建了/show/info网址和index的对应关系
#以后用户在浏览器上访问该网址，网站自动执行index
@app.route("/show/info")
def index():#return "中国联通"#默认去当前项目目录下的templates文件夹中找indexreturn render_template("index.html")if __name__ == '__main__':app.run()
.html文件
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>我的国家</title>
</head>
<body><h1>中国</h1>
</body>
</html>
文件布局：
- 运行后即可得到网址，加上/show/info即可访问
二、HTML标签
1.编码
<meta charset="UTF-8">
2.title
- 功能：表示网站的名字
- 只在head里面
<title>我的国家</title>
3.标题
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
4.div和span
- 功能：实现划分板块
- div：一个占一整行，块级标签
- span：自己多大占多少，行内标签，内联标签
- 可以进行嵌套
<div>内容</div>
<span>内容</span>
5.超链接
- 功能：实现网站跳转
- 跳转到别人网站：网址必须全
- 跳转到自己网站：可以不需要前缀，比如：“/get/news”
<a href="网站">内容</a>
6.图片
- 如果是自己的图片，要把图片放在static文件夹（自己创建）中
- 如果是别人的图片，要注意是否有防盗链
<img src="图片地址">
- 设置图片的高度和宽度
<!-- 直接设置像素 -->
<img src="图片地址" style="height:100px; width:200px;"/><!-- 按照原图比例缩放 -->
<img src="图片地址" style="height:10%; width:20%;"/>
7.列表
<ul><li>内容</li><li>内容</li><li>内容</li>
</ul>
8.表格
- thead是表头
- tbody是表主体
- <table border=“1”>添加边框
<table><thead><tr> <th>ID</th> <th>姓名</th> <th>年龄</th> </tr></thead><tbody><tr> <th>1</th> <th>小明</th> <th>20</th> </tr><tr> <th>2</th> <th>小红</th> <th>20</th> </tr><tr> <th>3</th> <th>小亮</th> <th>20</th> </tr></tbody>
</table>
9.input系列
- 输入普通文本
<input type="text">
- 输入加密文本
<input type="password">
- 输入文件
<input type="file">
- 单选
<input type="radio" name="n1"> 男
<input type="radio" name="n1"> 女
- 多选
<input type="checkbox"> 篮球
<input type="checkbox"> 足球
<input type="checkbox"> 排球
- 按钮
<!-- 普通按钮 -->
<input type="button" value="提交"><!-- 提交表单 -->
<input type="submit" value="提交">
- 提交
<form method="方式get或者post" action="提交地址">iput系列按钮
</form>
10.下拉框
- 单选
<select><option>北京</option><option>上海</option><option>深圳</option>
</select>
- 多选
<select multiple><option>北京</option><option>上海</option><option>深圳</option>
</select>
11.多行文本
- <textarea row=“3”>可是设置行数
<textarea>内容</textarea>
三、GET方式和POST方式
两种方式都要导入request方法
1.GET请求
- 实现：URL方法、表单提交
- 现象：向后台传入数据会拼接在URL上
.py文件
from flask import Flask, render_template, requestapp = Flask(__name__)@app.route('/register', methods=['GET'])
def register():return render_template('register.html')@app.route("/do/register", methods=['GET'])
def do_register():get_info = request.argsreturn get_infoif __name__ == '__main__':app.run(host='0.0.0.0', port=5200, debug=True)
.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>Document</title>
</head>
<body><h1>用户注册</h1><form action="/do/register" method="get"><div>用户名: <input type="text" name="username"></div><div>密码: <input type="password" name="passwd"></div><input type="submit" value="提交"></form>
</body>
</html>
2.POST请求
- 实现：表单提交
- 现象：提交数据不显示在URL上，而是在请求体中
.py文件部分
@app.route("/post/register", methods=['POST'])
def post_register():get_info = request.formreturn get_info
.html文件部分
<body><h1>用户注册</h1><form action="/post/register" method="post"><div>用户名: <input type="text" name="username"></div><div>密码: <input type="password" name="passwd"></div><input type="submit" value="提交"></form>
</body>- 表单数据提交优化：添加name和value属性
- 在控制台输出数据，依靠导入的request方法
@app.route("/post/register", methods=['POST'])
def post_register():get_info = request.formusername = request.form.get("username")passwd = request.form.get("passwd")sex = request.form.get("sex")hobby_list = request.form.getlist("hobby")city = request.form.get("city")more = request.form.getlist("textarea")print(username, passwd, sex, hobby_list, city, more)return get_info
- 两种方法可以整合：
@app.route("/post/register", methods=['GET','POST'])
相关文章：
HTML详细教程
文章目录 前言一、快速开发网站最简模板二、HTML标签1.编码2.title3.标题4.div和span5.超链接6.图片7.列表8.表格9.input系列10.下拉框11.多行文本 三、GET方式和POST方式1.GET请求2.POST请求 前言 HTML的全称为超文本标记语言，是一种标记语言，是网站开发…...
【excel】常用的50个函数与基础操作(统计函数)
统计函数 （1）数组函数操作 1.【SUM】求和 SUM（数字1，数字2，数字3…） 2.【SUMIF】单条件求和 SUMIF （条件区域，条件，求和区域） 3.【SUMIFS】(单)多条件求和…...
MATLAB中的cell数组和结构体
MATLAB中的Cell数组和结构体 MATLAB作为一种高级编程语言和数值计算环境，为用户提供了多种数据结构，以便更灵活、高效地处理数据。其中，cell数组和结构体是两种非常重要的数据结构，它们在MATLAB编程和数据管理中发挥着关键作用。…...
Python深度学习之路：TensorFlow与PyTorch对比【第140篇—Python实现】
👽发现宝藏 前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。【点击进入巨牛的人工智能学习网站】。 Python深度学习之路：TensorFlow与PyTorch对比 在深度学习领域，Tens…...
Unity中UGUI中的PSD导入工具的原理和作用
先说一下PSD导入工具的作用，比如在和美术同事合作开发一个背包UI业务系统时，美术做好效果图后，程序在UGUI中制作好界面，美术说这个图差了2像素，那个图位置不对差了1像素，另外一个图大小不对等等一系列零碎的…...
删除 Oracle 软件和数据库教程
1.使用 deinstall 工具删除安装的 Oracle 软件的可执行文件和配置文件 [oracleocpstudy admin]$ cd $ORACLE_HOME [oracleocpstudy db_1]$ cd deinstall [oracleocpstudy deinstall]$ ls bootstrap_files.lst bootstrap.pl deinstall deinstall.pl deinstall.xml jlib …...
C语言自学笔记8----C语言Switch语句
C 语言 switch 语句 switch语句使我们可以执行许多代替方案中的一个代码块。 虽然您可以使用if…else…if阶梯执行相同的操作。但是，switch语句的语法更容易读写。 switch … case的语法 switch (expression) { case constant1: // 语句 break; case constant2: // …...
分布式搜索引擎（3）
1.数据聚合 **[聚合（](https://www.elastic.co/guide/en/elasticsearch/reference/current/search-aggregations.html)[aggregations](https://www.elastic.co/guide/en/elasticsearch/reference/current/search-aggregations.html)[）](https://www.ela…...
PostgreSQL开发与实战(6.3)体系结构3
作者：太阳 四、物理结构 4.1 软件安装目录 bin //二进制可执行文件 include //头文件目录 lib //动态库文件 share //文档以及配置模版文件4.2 数据目录 4.2.1 参数文件 pg_hba.conf //认证配置文件 p…...
ISIS接口MD5 算法认证实验简述
默认情况下，ISIS接口认证通过在ISIS协议数据单元（PDU）中添加认证字段，例如：MD5 算法，用于验证发送方的身份。 ISIS接口认证防止未经授权的设备加入到网络中，并确保邻居之间的通信是可信的。它可…...
Vue项目的搭建
Node.js 下载 Node.js — Download (nodejs.org)https://nodejs.org/en/download/ 安装 测试 winR->cmd执行 node -v配置 在安装目录下创建两个子文件夹node_cache和node_global,我的就是 D:\nodejs\node_cache D:\nodejs\node_global 在node_global文件下再创建一个…...
ABB新款ACS880-04-650A-3逆变器模块ACS88004650A3加急发货
全球商业别名：ACS880-04-650A-3 产品编号：3AUA0000137885 ABB型号名称：ACS880-04-650A-3 目录描述：低压交流工业单传动模块，IEC：Pn 355 kW，650 A，400 V，UL：Pl…...
Science Robotics 封面论文：美国宇航局喷气推进实验室开发了自主蛇形机器人，用于冰雪世界探索
人们对探索冰冷的卫星（如土卫二）的兴趣越来越大，这可能具有天体生物学意义。然而，由于地表或冰口内的环境极端，获取样本具有挑战性。美国宇航局的喷气推进实验室正在开发一种名为Exobiology Extant Life Surveyor&…...
flutter环境搭建实践
Dart Dart 是一种客户端和服务器端的编程语言，最早由 Google 提出。它被设计用于构建高性能、高度可伸缩和可靠的应用程序。Dart 可以编译成本地代码或者在虚拟机中直接运行。在移动应用开发中，Dart 主要用于开发 Flutter 应用。 Flutter 和 Dart 的关…...
CentOS无法解析部分网站（域名）
我正在安装helm软件，参考官方文档，要求下载 get-helm-3 这个文件。 但是我执行该条命令后，报错 连接被拒绝： curl -fsSL -o get_helm.sh https://raw.githubusercontent.com/helm/helm/main/scripts/get-helm-3 # curl: (7) Fai…...
使用HttpRequest工具类调用第三方URL传入普通以及文件参数并转换MultipartFile成File
使用HttpRequest工具类调用第三方URL传入普通以及文件参数 一、依赖及配置二、代码1、模拟第三方服务2、调用服务3、效果实现 一、依赖及配置 <!--工具依赖--><dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</artifactId&g…...
24计算机考研调剂 | 武汉科技大学
武汉科技大学冶金新技术与功能金属材料研究梯队招收研究生 考研调剂招生信息 学校:武汉科技大学 专业: 工学->治金工程 工学->材料科学与工程 工学->计算机科学与技术 工学->动力工程及工程热物理 工学->机械工程 年级:2024 招生人数:20 招生状态:正在招…...
个人网站制作 Part 11 添加用户权限管理 | Web开发项目
文章目录 👩💻 基础Web开发练手项目系列：个人网站制作🚀 添加用户权限管理🔨使用Passport.js🔧步骤 1: 修改Passport本地策略 🔨修改用户模型🔧步骤 2: 修改用户模型 🔨…...
百科源码生活资讯百科门户类网站百科知识,生活常识
百科源码生活资讯百科门户类网站百科知识,生活常识 百科源码安装环境 支持php5.6，数据库mysql即可，需要有子目录权限，没有权限的话无法安装 百科源码可以创建百科内容，创建活动内容。 包含用户注册，词条创建ÿ…...
Linux 用户和用户组管理
Linux 用户和用户组管理 Linux系统是一个多用户多任务的分时操作系统，任何一个要使用系统资源的用户，都必须首先向系统管理员申请一个账号，然后以这个账号的身份进入系统。 用户的账号一方面可以帮助系统管理员对使用系统的用户进行跟踪，并控制他们对系统资源的访问；另一…...
【C++ 08】vector 顺序表的常见基本操作
文章目录 前言🌈 Ⅰ vector 类对象的定义1. 定义格式2. vector 对象的构造 🌈 Ⅱ vector 类对象的容量🌈 Ⅲ vector 类对象的访问🌈 Ⅳ vector 类对象的修改🌈 Ⅴ vector 定义二维数组 前言 vector 介绍 vector 是一…...
Day67：WEB攻防-Java安全JNDIRMILDAP五大不安全组件RCE执行不出网
知识点： 1、Java安全-RCE执行-5大类函数调用 2、Java安全-JNDI注入-RMI&LDAP&高版本 3、Java安全-不安全组件-Shiro&FastJson&JackJson&XStream&Log4j Java安全-RCE执行-5大类函数调用 Java中代码执行的类： GroovyRuntimeExecPr…...
GCNv2_SLAM-CPU详细安装教程(ubuntu18.04)
GCNv2_SLAM-CPU详细安装教程-ubuntu18.04 前言一、安装第三方库1.安装Pangolin2.安装OpenCV3.安装Eigen4.安装Pytorch(c) 二、安装以及运行GCNv2_SLAM1.安装编译GCNv2_SLAM2.RGBD模式模式运行演示案例 总结 前言 paper:https://arxiv.org/pdf/1902.11046.pdf githup::https://…...
使用gitee自动备份文件
需求 舍友磁盘前两天gg了，里面的论文没有本地备份，最后费劲巴拉的在坚果云上找到了很早前的版本。我说可以上传到github，建一个私人仓库就行了，安全性应该有保证，毕竟不是啥学术大亨，不会有人偷你论文。但是…...
智慧城市新篇章：数字孪生的力量与未来
随着信息技术的迅猛发展和数字化浪潮的推进，智慧城市作为现代城市发展的新模式，正在逐步改变我们的生活方式和社会结构。在智慧城市的构建中，数字孪生技术以其独特的优势，为城市的规划、管理、服务等方面带来了革命性的变革。本文…...
python讲解(2)
目录 一.变量与赋值 二.字符串类型 引号： 三引号： 字符串拼接 三.len函数 四.注释 注释的方法 一.# 二.文档字符串 注释的要求 群体注释 五.python的报错 六.bool类型 一.变量与赋值 python中的变量是不需要声明的，直接定义即…...
安卓安装Magisk面具以及激活EdXposed
模拟器：雷电模拟器 安卓版本: Android9 文中工具下载链接合集：https://pan.baidu.com/s/1c1X3XFlO2WZhqWx0oE11bA?pwdr08s 前提准备 模拟器需要开启system可写入和root权限 一、安装Magisk 1. 安装magisk 将magisk安装包拖入模拟器 点击：…...
C到C++的敲门砖-1
文章目录 关键字命名空间输入和输出缺省参数函数重载 关键字 相较于C语言32个关键字： autodoubleintstructbreakelselongswitchcaseenumregistertypedefcharexternreturnunionconstfloatshortunsignedcontinueforsignedvoiddefaultgotosizeofvolatiledoifwhilesta…...
Qt文件以及文件夹相关类（QDir、QFile、QFileInfo）的使用
关于Qt相关文件读写操作以及文件夹的一些知识，之前也写过一些博客： Qt关于路径的处理（绝对路径、相对路径、路径拼接、工作目录、运行目录）_qt 相对路径-CSDN博客 C/Qt 读写文件_qt c 读取文本文件-CSDN博客 C/Qt读写ini文件_…...
ChatGPT编程实现简易聊天工具
ChatGPT编程实现简易聊天工具 今天借助[[小蜜蜂]][https://zglg.work]网站的ChatGPT练习socket编程，实现一个简易聊天工具软件。 环境：Pycharm 2021 系统：Mac OS 向ChatGPT输入如下内容： ChatGPT收到后，根据返回结…...