Python全栈（九）Web前端基础之1.Web前端介绍和HTML基本标签

最新推荐文章于 2024-04-21 17:51:11 发布
最新推荐文章于 2024-04-21 17:51:11 发布
阅读量1.2k 收藏 11
点赞数 11
分类专栏： Python全栈 文章标签： Python全栈 Web前端基础 前端介绍和HTML基本标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CUFEECR/article/details/107915152
版权
本文介绍了前端和HTML的基础知识，包括前端的起源和发展，HTML的定义和特点，以及常用的HTML标签，如标题、段落、水平线、修饰标签、列表、图片和超链接的使用方法。此外，还提到了前端编辑器Sublime的安装和插件配置。
摘要由CSDN通过智能技术生成

文章目录

今日头条文章以上海通用为例分析汽车制造企业的供应链决策（一），欢迎浏览指正。

一、前端和HTML介绍

1.前端介绍

在web1.0时代的网页多是静态网页，还没有前端的概念，内容比较单一，只能看到基本的文字和图片功能，但是缺乏交互性。
在2005年左右开始，进入web2.0时代，出现了动态页面与静态页面混合的场景，可以进行登录、评论等多种类型的操作。

前端最基础的范围包括HTML结构、CSS样式和JavaScript行为三类。

2.HTML介绍

HTML即超文本标记语言(Hyper Text Markup Language)，是W3C组织推荐使用的一个国际标准，是一种用来制作超文本文档的简单标记语言。

不同的格式用不同的标签来标记，具有不同的语义。

HTML的发展如下࿱

了解本专栏 订阅专栏 解锁全文 超级会员免费看
东哥说AI
关注
专栏目录
订阅专栏
Python全栈（九）Web前端基础之3.CSS常见样式和选择器
CUFEECR的博客
08-16 3168
CSS常见文本样式包括颜色、大小、字体等，颜色有4种表示形式；列表常见样式包括类型、图片和位置等；背景样式包括颜色、图片、重复方式、位置；浮动主要为了脱离文档流的垂直排列、变为行内元素，存在高度塌陷问题，有3种解决办法。元素选择器是已经存在的标签的元素名称；使用id选择器给某一唯一元素设置格式；给某一类标签设置同一个样式使用类选择器；匹配所有元素使用通配选择器；群组选择器可以抽离相同样式；包含选择器给某元素的子元素设置样式；伪类选择器可以向超链接添加特殊效果；选择器优先级行内样式最高，通配选择器最低。
《Python全栈系列教程》目录
热门推荐
孤寒者的博客
05-12 70万+
《Python全栈基础教程》目录导读： 一、Python基础部分；二、Python常用模块部分；三、Python实战部分；四、Python习题部分。
pythonweb——前端（一）：HTML的常用标签
子藤的博客
01-10 4393
HTML 什么是HTML HTML是用来描述网页的一种语言。 HTML指的是超文本标记语言（Hyper Text Markup Language） HTML不是一种编程语言，而是一种标记语言（markup language）。标记语言就是一套标记标签（markup language）。 HTML使用标记标签描述网页 HTML标签（元素） HTML标记标签通常被称为HTML标签或者HT
Python全栈 Web（概述、HTML基础语法）
weixin_34218890的博客
08-30 93
Web： 什么是Web？ Web就是网页 是一种基于B/S的应用程序 Web应用程序是由多个Servlet、JSP页面、HTML文件以及图像文件等组成 B：Browser 浏览器 S：Server 服务器 —————————————————— C/S C：client ...
从前端到全栈-基础能力-html-常用标签
weixin_48292956的博客
04-29 208
html文档结构 <!DOCTYPE html> <html lang="zh-CN"> #这个lang表示语言，zh-CN中文的意思，整个文档的内容以中文为主，如果以英文为主，就写成lang='en' <head> <meta charset="UTF-8"> <title>css样式优先级</title> </head> <body> </body> </html>
Python全栈开发前端与后端的完美融合
一键难忘的博客
04-20 4283
在当今互联网时代，全栈开发已经成为了一种趋势。全栈开发者具备前端和后端开发的能力，能够独立完成一个项目的从前端到后端的所有工作。Python作为一种简洁而强大的编程语言，已经在全栈开发领域展现出了其独特的魅力。本文将介绍Python中全栈开发的基本概念，并结合代码实例，演示如何在Python中实现前端与后端的完美融合。
Python中的全栈开发前端与后端的完美融合
一键难忘的博客
03-29 4788
全栈开发已成为当今软件开发领域中的一种流行趋势。它要求开发人员具备同时处理前端和后端任务的能力，从而构建完整的应用程序。而Python作为一种多用途的编程语言，不仅在后端开发中广受欢迎，还能够通过各种工具和框架实现前端开发。在本文中，我们将探讨如何在Python中实现全栈开发，实现前端与后端的完美融合。
全栈修炼：如何从Web前端迈向全栈开发
2401_84091321的博客
04-21 960
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档，需要的读者可以戳这里免费领取！.csdn.net/topics/618191877)免费领取！**[外链图片转存中…(img-hUl89Stv-1713692994952)][外链图片转存中…(img-a6ddifu1-1713692994952)]
Python全栈（五）Web安全攻防之10.CSRF和文件上传
CUFEECR的博客
03-19 4101
存储型XSS测试先搭建测试环境；定向挖掘XSS漏洞存在于个人资料处、文章发表处或留言评论处，绕过黑名单进行测试；XSSer是Kali中XSS的自动化探测漏洞和挖掘工具。CSRF（跨站请求伪造）通过伪装成受信任用户请求信任的网站；安全级别为impossible时，链接后参数唯一识别用户；可以通过验证码和referer check防御。文件上传需要先搭建靶场；绕过JS验证；绕过MIME-Type验证；绕过黑名单；大小写验证；Webacoo；空格验证；英文句号.绕过；weevely；路径拼接绕过；双写绕过。
Python全栈（九）Web前端基础之2.HTML高级标签和CSS介绍
CUFEECR的博客
08-15 1289
div标签与其内的内容组成块元素、表示一块内容，没有具体的语义，唯一的格式就是换行，常结合CSS用于页面布局，span标签与其内的内容形成行内元素，没有具体的语义，常用于修改段落中的局部样式；表格标签分为table标签、tr一行、td（th）一列（表头），整个表格和单元格有很多属性进行样式定义；表单标签form一般用来与用户交互并提交数据，根据不同的输入类型有很多的子标签。CSS即层叠样式表，有美化网页、分离样式和内容、提高开发效率的功能；引入方式包括行内样式、嵌入式和外联式3种，其中外联式最常使用。
几份程序员简历参考模板，涵盖Java开发、Python、Web全栈、前端开发、软件工程.rar
04-05
几份程序员简历参考模板，涵盖Java开发、Python、Web全栈、前端开发、软件工程.rar 几份程序员简历参考模板，涵盖Java开发、Python、Web全栈、前端开发、软件工程.rar 几份程序员简历参考模板，涵盖Java开发、Python...
python全栈开发基础+前端+web框架+项目实战视频.zip
07-14
3 python全栈开发web框架篇视频 : 框架简介 框架的本质socket连接 基于wsgi的web框架开发（一） 基于wsgi的web框架开发（二） MTV和MVC模式 django流程之url和视图函数 django流程之模版 django流程之model以及实例 ...
电子商务之价格优化算法：动态定价：动态定价的实施与案例研究.docx
11-05
电子商务之价格优化算法：动态定价：动态定价的实施与案例研究.docx
VB程序实例-Office或IE风格的工具栏.zip
11-05
基于VB的程序实例，可供参考学习使用
aggdraw-1.3.14-cp39-cp39-win32.whl.rar
11-05
python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件，注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装，如果whl路径不在cmd窗口当前目录下，需要带上路径 WHL文件是以Wheel格式保存的Python安装包， Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包，WHL文件中包含了Python安装的py文件和元数据，以及经过编译的pyd文件， 这样就使得它可以在不具备编译环境的条件下，安装适合自己python版本的库文件。 如果要查看WHL文件的内容，可以把.whl后缀名改成.zip，使用解压软件（如WinRAR、WinZIP）解压打开即可查看。 为什么会用到whl文件来安装python库文件呢？ 在python的使用过程中，我们免不了要经常通过pip来安装自己所需要的包， 大部分的包基本都能正常安装，但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中（whl包下载）下载whl包来安装解决问题。
通用模板/素材/样式-100套大数据可视化系统大屏页面（开箱即用）+python源码+演示+文档说明
11-05
包含: 001 服务大数据可视化监管平台 002 水质情况实时监测预警系统 003 联心菜市场数据中心 004 政务大数据共享交换平台 005 可视化监控管理 006 全国疫情实时监控 007 惠民服务平台 009 某公司大数据监控平台 010 双数智慧公卫-传染病督导平台 011 大数据可视化系统数据分析通用模版 012 某公司大数据展示模版 013 某公司大数据展示模版 014 时实客流量监控中心 015 广西矿产资源大数据监管平台 016 某某科技有限公司-生产数据中心 017 大数据可视化通用素材 018 大数据可视化系统数据分析通用模版 等等 - 不懂运行，下载完可以私聊问，可远程教学 本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。
akima-2021.6.6-cp38-cp38-win32.whl.rar
11-05
python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件，注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装，如果whl路径不在cmd窗口当前目录下，需要带上路径 WHL文件是以Wheel格式保存的Python安装包， Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包，WHL文件中包含了Python安装的py文件和元数据，以及经过编译的pyd文件， 这样就使得它可以在不具备编译环境的条件下，安装适合自己python版本的库文件。 如果要查看WHL文件的内容，可以把.whl后缀名改成.zip，使用解压软件（如WinRAR、WinZIP）解压打开即可查看。 为什么会用到whl文件来安装python库文件呢？ 在python的使用过程中，我们免不了要经常通过pip来安装自己所需要的包， 大部分的包基本都能正常安装，但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中（whl包下载）下载whl包来安装解决问题。
使用java实现的简单飞机大战游戏.zip
最新发布
11-05
本资源提供了使用java实现的简单飞机大战游戏，是一款经典的2D射击游戏。玩家在游戏中控制一架飞机，通过键盘操作移动和发射子弹，击落敌机获得积分。当达到一定积分时，会出现Boss，增加游戏难度。游戏还包含碰撞检测、得分系统以及游戏状态管理等功能。该资源旨在帮助学习者掌握Java编程的各个方面，包括面向对象设计、图形界面编程等。通过这个项目，学习者可以深入理解如何使用Java语言实现一个具备基本功能的小游戏，并学会如何处理游戏中的交互、碰撞检测和动画效果等技术细节。本资源适合Java编程初学者及对游戏开发感兴趣的开发者学习和参考，是提升编程技能和项目经验的绝佳实践材料。
java毕业设计-基于SSM的新生报到系统【代码+论文+PPT+开题】
11-05
原文链接：https://blog.csdn.net/zsd12379/article/details/143531872 包含功能： 个人中心：提供学生个人信息查看与编辑，以及报到进度跟踪的个性化空间。 管理员管理：实现系统管理员的权限分配、角色管理及操作日志监控。 班级管理：负责班级的创建、成员管理、班级信息更新及班级活动安排。 学院管理：维护学院基本信息，包括学院介绍、专业设置及学院新闻发布。 专业管理：提供专业信息的录入、修改及查询服务，支持专业详细介绍。 消息通知：发送报到流程指导、重要日期提醒及个性化通知给学生。 宿舍管理：分配、调整宿舍，记录宿舍信息及处理宿舍相关申请。 缴费管理：实现在线学费、住宿费等各类费用的缴纳、查询及缴费记录保存。 学生管理：涵盖学生信息的录入、审核、查询及学生状态（如报到状态）的更新。
掌握Python全栈技术：一网打尽Web前端到后端
资源摘要信息:"python全栈知识基础课程" 全栈工程师是指那些能够独立完成产品开发的工程师，他们掌握多种技能，能够处理从前端到后端再到数据库以及部署的全过程。全栈工程师并不意味着每项技术都要精通到专家级别...
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

东哥说AI

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值