python前端HTML和CSS入门

最新推荐文章于 2023-05-31 10:27:10 发布
最新推荐文章于 2023-05-31 10:27:10 发布
阅读量260 收藏 2
点赞数
分类专栏： Python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czbkzmj/article/details/84837817
版权

前端阶段课程介绍
1 ~ 4 : HTML及CSS5 ~ 6 : JavaScript 7 ~ 10 : jQuery

00-知识点预习
1、HTML基本结构
2、HTML的常用标签
3、HTML布局入门
4、CSS概述
5、CSS书写方式
6、CSS常用选择器
7、CSS常用属性

01-什么是HTML？
HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面

02-VSCode基本使用
Web前端常用开发工具

Visual Studio Code 微软出品 Microsoft
Sublime Text
WebStorm 和PyCharm出自同一个公司VSCode操作面板

创建文件的两种方式

创建文件，手动保存文件，不推荐
打开本地文件夹后，再去创建文件，会自动保存而且在创建时就可以修改文件名称及后缀

03-HTML文档基本结构

<!DOCTYPE html> 文档声明类型，声明帮助浏览器正确地显示网页
<html> html文档的根标签

        <head>  网页头部信息，用来做网页的基本配置
                <meta charset="utf-8"> 网页字符编码
                <title>html的基本结构</title> 网页在浏览器窗口中显示的标题
        </head>
最低0.47元/天 解锁文章
czbkzmj
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
跟我一起学Python（二）：数据类型
Coding Road
06-17 324
跟我一起学Python（二）数据类型基本数据类型字符串整数浮点数布尔值空值基本数据类型转换列表List和元组Tuple列表List访问列表更新列表删除元素List运算符List函数与方法元组Tuple访问Tuple修改tuple删除tupletuple运算符tuple内置函数字典Dict和集合SetDict访问字典修改字典删除字典字典函数和方法注意事项Set创建Set添加元素删除元素运用Set 数据类型 基本数据类型 字符串 字符串引号包括单引号'...'、双引号"..."、三引号"""..."""或者''
前端入门Python
wujiangpeng的博客
11-30 447
打开Python编辑器 Win+R,在搜索框输入 python 打开开始菜单，找到 IDLE（Python3.7 32-bit） 第一个应用 标准数据类型 Number（数字） String（字符串） Tuple（元组） List（列表） Set（集合） Dictionary（字典） 不可变数据（3个）：Number String Tuple 可变数据（3个）：List Set Dictionary type 和 isinstance的区别 >>> a, b, c, d = 20, 5.
Python-WEB前端-入门到进阶开发之路
weixin_34239169的博客
09-11 216
HTTP: Python-HTTP 概况 HTML: Python-HTML基础 Python-form表单标签 Python-HTML CSS 练习 CSS: Python-CSS入门 Python-CSS进阶 JavaScript: Python-Javascript Python-jQuery Python-bootstrap Python-WEB -VUE...
面向前端工程师的 Python 快速入门（30min）
xx16755498986的博客
05-31 1434
这是一份面向前端工程师的 Python(3) 快速入门介绍，帮助你快速开始 Python 开发。Python 是一门非常实用并且简单的编程语言，它也是目前最流行的编程语言之一。Python 由于拥有大量的开源库，可用于载入数据、数据可视化、统计、图像处理和自然语言处理等，所以它既可以用来编写 web 程序，也成为了数据科学、机器学习常用的语言，可以说是一门性价比极高的语言。据说目前已经有地区的中小学开始将 Python 作为编程学习的首要语言。
python 前端学习_前端学习Python的基本语法,python,之,基础
weixin_35503004的博客
03-01 313
本文内容来自于《Python编程从入门到实践》总结，该书内容简单，对于有编程基础的同学很容易上手，很多语法和js很像，比如arr.pop()，str.strip()等这些都是前端js里有的方法，课后题也很简单，都是对其章节所教的语法的一个使用，对python感兴趣的同学可以从这本书学起。还有刚刚入手了一本《利用Python进行数据分析》，后期在学过之后还是会分享上来，作为自己学习的一个总结。欢迎各...
Python Web前端开发HTML+CSS视频教程（三）
06-13
本课程囊括了 所有用于开完前端的完整技术 用于需要满足前端开发技术的小伙伴 我们课程包括了HTML5+CSS3的所有知识点以及实际案例 通过本课程的学习 让你的前端不再是梦。
Python Flask Web开发入门之Bootstrap介绍使用和Flask-Nav快速导航栏 共10页.pdf
06-05
Python Flask Web开发入门之Bootstrap介绍使用和Flask-Nav快速导航栏 Bootstrap 是当前最受欢迎的前端框架之一，来自 Twitter，Python 中同样可以使用 Bootstrap。Bootstrap 提供了大量的前端组件，能够快速构建...
【HTML+CSS+JS】炫彩旋转花环特效-CSDN@追光者♂.zip
最新发布
09-18
大家好，这是近期创作过的一个通过前端技术实现的炫彩旋转花环特效【HTML+CSS+JS】，本资源包含完整的可执行代码文件，下载后...此外，主页专栏“Python从入门到人工智能”持续更新中，也欢迎大家订阅、学习和交流。
Web前端入门视频教程（htmlcssjavascript）入门
07-22
课程在线观看及下载视频：http://yun.itheima.com/course/267.html?1905zzpIT... 包含：java，python，PHP，大数据，前端，UI/UE等多种课程资料 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
零基础入门前端
01-08
一、 前后端分离的定义  什么是前后端分离呢？ 其实在过去根本就不分什么前后端...所以才区分了前后端，而HTML+CSS+JS都是在浏览器执行，就统一称之为前端。 而Java、C、Python、PHP这些可以运行在服务器端的，统一称
Python+前端html、css美化综合+博客首页网页搭建
05-14
本资源主要是利用html语言和css语言搭建了博客园首页的示例网页页面 对前端html和css所有的知识进行复习运用 通过搭建项目的方式熟悉Python搭建前端的知识 适用于在对前端开发学习的伙伴，通过示例代码的方式理解和记忆相关知识 并投入到实际中进行运用 资源包括前端html基本所有标签的运用， 同时有css选择器运用、浮动运用、盒子模型运用等
vscode 插件之 eclipseKeybingings
05-31
vscode 插件之 eclipseKeybingings，可以使用 eclipse 的快捷键
path-autocomplete:Visual Studio代码的路径自动完成
05-23
Visual Studio代码的路径自动完成 提供Visual Studio代码的路径完成。 特征 它支持相对路径（以./开头） 它支持工作空间的绝对路径（以/开头） 它支持文件系统的绝对路径（以C：开头） 它支持相对于用户文件夹的路径（以〜开头） 它支持部分路径（./tmp/fol将建议./tmp/folder1（如果存在）） 它通过path-autocomplete.excludedItems选项支持项目排除 它支持npm软件包（以az开头，而不是相对于磁盘） 选择文件夹后支持自动建议 它通过path-autocomplete.pathMappings选项支持自定义映射 它支持通过path-autocomplete.transformations对插入的文本进行自定义转换 它使用path-autocomplete.useBackslash支持Windows路径 安装 您可以
24、Python之html+CSS
a_460708485的博客
04-09 417
一、html 其实html是非常简单的一门前端语言，我们学习html的过程实际上就是去记住html标签的用法，这就跟你去记忆英文单词一样的，首先我们先整体了解一下html语言的结构，一个基本的html结构如下 <!DOCTYPE html> <!-- 表示使用标准的html规则 --> <html lang="en"> <!-...
Python基础入门篇
前端疯
12-05 534
所属系列：【Python工程师系列】   所属主题：【Python零基础】 Python入门 标签（空格分隔）： 未分类 Python具有高级的数据结构，能高效地面向对象编程。它的优雅的语法、动态类型、解释属性使它能快速地在大部分平台开发应用程序。它的第三方包、工具和库都可以在这里找到：https://www.python.org/。 Python很容易通过C/C
python之路——web基础（html+css）
weixin_30443895的博客
08-09 215
HTML 1、概念 超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 2、标签 浏览器通过解析标签来获取html内容，标签包括属性、内容，标签可以嵌套标签； 标签分类： 　　　　1、按闭合分类：自闭合标签（<meta charset="UTF-8">、<img src="" />） ...
python之html和css基础
weixin_30918633的博客
05-29 214
Python学习:前端之HTML+CSS 概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。 浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！(例：djangomoan模版引擎) 1. HTML 超文本标记语言，...
Python之路——前端基础(html&css)
newbo_yb的博客
10-27 275
一、HTML基本标签 标签分类：块级标签和行内标签；自闭合标签和非自闭合标签；等等。 基础标签： head：meta,title,link,type,script body：h, p, br, div, span, a, form, input, lable, textarea, select, option, ul, ol, dl, li, dt, table, thead, tbody...
初学者如何快速入门Python，（内附详细攻略）
2201_75735270的博客
12-15 2543
只看书不会进步，思考和实践才有成长，自学编程是一个比较枯燥的过程，如果没有正向反馈，学习的积极性很容易被打压下来，所以你应该积极参与到相关的技术圈子中去，尝试去解答力所能及的新手问题，向圈子中的大牛们寻求帮助，善于总结自己所学到的东西，分享给更多的人，记住，你不是一个人在战斗。
python web 入门
09-02
Python Web 开发是一种使用 Python 编程语言构建网站和 Web 应用程序的技术。要入门 Python Web 开发，你可以按照以下步骤进行： 1. 学习 Python 基础知识：熟悉 Python 的语法、数据类型、流程控制和函数等基本概念。 2. 了解 Web 开发基础知识：学习 HTTP 协议、前端技术（HTML、CSS、JavaScript）和后端技术（服务器、数据库等）的基础知识。 3. 学习常用的 Web 框架：Python 有很多优秀的 Web 框架，如 Django、Flask 等。选择一个适合你的项目需求和个人喜好的框架，并学习其使用方法和特性。 4. 掌握数据库操作：学习如何使用 Python 连接和操作关系型数据库（如 MySQL、PostgreSQL）或非关系型数据库（如 MongoDB）。 5. 学习前端技术：了解前端开发的基础知识，学习如何使用 HTML、CSS 和 JavaScript 构建用户界面。 6. 实践项目：通过完成一些简单的 Web 项目，如个人博客、留言板等，来巩固所学内容，并积累实际开发经验。 以上是一个大致的学习路径，你可以根据自己的兴趣和需求进行学习和实践。希望对你有所帮助！如果你有任何具体的问题或需要更深入的指导，请随时询问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值