首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【IFE】Day 1 – 百度前端技术学院 基础学院 学习笔记(一)

网页主要是文本文件格式化和超文本标记语言(HTML)。除了格式化文字之外,网页还可能包含图片、视频、声音和软件组件,这些组件会在用户的网页浏览器中呈现为多媒体内容的连贯页面。...什么是HTML 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。...什么是CSS 层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表、级联样式表、串接样式表、层叠样式表、階層式樣式表,一种用来为结构化文档(如HTML文档或XML...在愈发热门的前端上,Html5 + CSS3 + JavaScript的应用不断使用在游戏、桌面和移动应用程序。

1.2K60
您找到你想要的搜索结果了吗?
是的
没有找到

第1节 初识Django框架

匹配规则* view:视图函数* name:路由的名称* **keargs:其他参数#### ```include(url, namespace)```函数* 用于导入模块的```urls```列表...* urls:URL匹配规则列表* namespace:命名空间* 使用```path('hello/', include('hello.urls'))```导入模块url-----## URL的逆向解析可以通过...context=None,request=None,using=None)template_name:模板名称context:模板的上下文对象(dict)request:请求对象using:模板引擎名称(如Jinja2...请求对象template_name:模板名称context:模板的上下文对象(dict)content_typ:MIME类型,默认为text/htmlstatus:HTTP状态码using:模板引擎名称(如Jinja2...request): """File响应练习""" return FileResponse(open('myfile.png', 'rb'))常见的Content-Typetext/html —— 超文本标记语言文本

65030

测试开发-web开发和flask

响应要素: 状态码: 表明技术层面的请求结果 响应头: cookie, 表明请求体格式信息等 响应体: 放置Browser想要的数据 HTML 即Hybridtext Mark Language: 超文本标记语言...web开发技术实现 要弄清楚如何进行web开发, 首先要先弄懂web服务器如何提供服务 web服务器如何提供服务?...如何进行web开发?...WSGI的参考实现,只能用来开发和测试 通过wsgi服务器,我们成功拿到了请求四要素, 而且知道怎么返回响应信息, 但是,一个服务器可能有上百个接口,Restful API还可能要对应4个请求方法, 如何这些接口的业务实现代码组合起来的..., tempaltes文件夹下编写html模板,使用Jinja2语法定义渲染效果(比如对需要变更的内容进行参数化) 处理函数中, 按照业务逻辑,得到需要返回的参数值 render_template中传递

5510

HTML基础第一课(冲浪笔记1)

-- 有换行效果 --> HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。...HTML是一种建立网页文件的语言,通过标记式的指令(Tag),影像、声音、图片、文字动画、影视等内容显示出来。...[3] 网页的本质就是超文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。...[4] 平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。...[4] 平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

1.2K10

【python】利用docxtpl和Jinja2生成基于模板的Word文档

本文通过 json 中的配置信息以表格的形式展示在Word的案例,介绍如何利用docxtpl、python-docx 和 Jinja2这些Python库来实现基于现有的Word模板生成个性化的文档。...原理在人工使用 MicrosoftWord 编辑文档模板时,可以直接在文档中插入Jinja2标记,并将文档保存为.docx文件(XML格式)。..._Column对象{%r jinja2_tag %} for runs 段落中的一个片段,对应docx.text.run.Run对象通过使用这些标记,python-docx-template真正的Jinja2...根据上述 json,输出 Word 表格模板示例如下:渲染和生成文档现在,我们可以使用 docxtpl 和 Jinja2数据填充到文档模板中,并生成最终的文档。...然后,我们数据传递给模板对象,使用render方法渲染文档。最后,可以选择文档保存到本地文件或直接进行下载。

3.8K30

18段代码带你玩转18个机器学习必备交互工具

这并不是一个完整列表,如果你想了解更多,可以尝试使用的不同技术。...我喜欢使用Flask的原因之一是,它允许我们在不离开Python语言的情况下独立的Python脚本链接到服务器端Web框架,使得在对象之间传递数据更加容易! Flask附带了发布网页的最低要求。...http://flask.pocoo.org/ 03 HTML HTML(超文本标记语言)是网络技术方面最基本的东西之一。它已存在多年,用于创建几乎所有的网页和Web应用程序。...【提示】有关CSS的其他信息,请访问: w3schools.com 05 Jinja2 Jinja2用于生成标记和HTML代码,并与Flask变量紧密配合。...让我们看看如何使用虚拟环境创建一个完整的requirements.txt文件。 使用虚拟环境时,你创建一个不含任何Python库的安全沙箱。

2.2K00

18段代码带你玩转18个机器学习必备交互工具

导读:本文简要介绍机器学习创意快速、简单和漂亮地转换为Web应用程序的工具。这并不是一个完整列表,如果你想了解更多,可以尝试使用的不同技术。...我喜欢使用Flask的原因之一是,它允许我们在不离开Python语言的情况下独立的Python脚本链接到服务器端Web框架,使得在对象之间传递数据更加容易! Flask附带了发布网页的最低要求。...http://flask.pocoo.org/ 03 HTML HTML(超文本标记语言)是网络技术方面最基本的东西之一。它已存在多年,用于创建几乎所有的网页和Web应用程序。...【提示】有关CSS的其他信息,请访问: w3schools.com 05 Jinja2 Jinja2用于生成标记和HTML代码,并与Flask变量紧密配合。...让我们看看如何使用虚拟环境创建一个完整的requirements.txt文件。 使用虚拟环境时,你创建一个不含任何Python库的安全沙箱。

2.1K20

带你认识 flask 的模板

为梦想而战,带你回顾一下上一节的内容,主要是带大家如何在浏览器上打印出 hello world 教你如何使用 flask 框架在浏览器打印 hello world 在终端会话中设置环境变量FLASK_APP...条件语句 在渲染过程中使用实际值替换占位符,只是Jinja2在模板文件中支持的诸多强大操作之一。模板也支持在{%...%}块内使用控制语句。...我使用了一个列表来表示用户动态,其中每个元素是一个具有author和body字段的字典。未来设计用户和其动态时,我将尽可能地保留这些字段名称,以便在使用真实用户和其动态的时候不会出现问题。...我可以轻松地用HTML标记语言导航栏添加到index.html模板上,但随着应用程序的增长,我需要在其他页面重复同样的工作。...而两个模板中匹配的block语句和其名称content,让Jinja2知道如何这两个模板合并成在一起。

98610

Web前端HTML入门教程大全

HTML 或超文本标记语言 允许 Web 用户使用元素、标签和属性创建和构造部分、段落和链接。然而,值得注意的是,HTML 不被视为一种编程语言,因为它不能创建动态功能。...开发人员使用HTML 代码来设计浏览器如何显示网页元素,例如文本、超链接和媒体文件。 互联网导航。由于 HTML 被大量用于嵌入超链接,因此用户可以轻松地在相关页面和网站之间导航和插入链接。...HTML(代表超文本标记语言)是构成大多数网页和在线应用程序的计算机语言超文本是用于引用其他文本片段的文本,而标记语言是告诉 Web 服务器文档的样式和结构的一系列标记。...段落标签——全部使用 标签括起来。 列表标签——有不同的变体。 标签用于有序列表,用于无序列表。然后,使用 标记各个列表项括起来。...这三种语言是前端开发的基础。 结论 HTML 是 Internet 上的主要标记语言。每个 HTML 页面都有一系列创建网页或应用程序内容结构的元素。

1.4K00

HTML & CSS 系列--第一篇:概述

可以理解为,人通过计算机语言与计算机进行“沟通”,并通过一些指令或者任务,让计算机完成人想要计算机完成的事情。HTML: Hyper Text Markup Language 超文本标记语言。...网页主要是文本文件格式化和超文本置标语言(HTML)。除了格式化文字之外,网页还可能包含图片、视频、声音和软件组件,这些组件会在用户的网页浏览器中呈现为多媒体内容的连贯页面。...什么是HTMLHTML是W3C组织定义的语言标准:HTML是用于描述页面结构的语言。HTML:Hyper Text Markup Language,超文本标记语言。...MDN里面的文档基本都是直接从W3C的官方文档翻译过来的,对应的中文字体基本没有错误,只有某些地方存在翻译错误Markdown: 是一种轻量级标记语言,创始人为约翰·格鲁伯。...它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电邮中已有的纯文本标记的特性。

75100

Flask 中的Jinja2模板引擎

在 Web 项目中,前端的显示效果是通过 HTML 语言来实现的,后端的视图函数数据或模板文件返回给前端。 前端接收到后端返回的结果后,需要通过模板引擎来渲染页面,控制显示的效果。...Flask 是 Python 实现的 Web 框架中应用最广泛的框架之一,Jinja2 是 Flask 框架内置的模板语言,所以使用也很广泛。...三、Jinja2 模板的使用 接下来,使用 Jinja2 模板引擎来实现一个最简单的页面。...在 PyCharm 中右键点击 templates 文件夹,然后选择 Mark Directory as ,再点击 Template Folder , templates 文件夹标记成一个模板文件夹。...标记之后会自动进入下面的界面,选择 Python Template Languages ,在右边下拉框里选择 Jinja2 ,设置模板语言Jinja2 。 ?

1.7K40

HTML语言(概述及常用标签)

HTML语言 HTML概述 HTML常用基础标签 HTML概述 1.1 什么是HTML HTML是做网站的、Web开发、互联网生态开发(PC端+移动端+微应用) 目前我们使用的都是HTML5,支持传统的...PC端开发,还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术 1.2 HTML概念 HTML:Hyper Text Markup Language,超文本标记语言。...【超文本】:网页本身是一个文本文件,而超文本指的是这种文件中既可以包含文本信息,又可以包含图片,音频,视频和链接等非文字的信息。 【标记语言】:标记,也叫做标签。...也就是说HTML这门语言是由标签组成的。...flash插件实现的,但flash插件加载速度较慢,在H5之后专门提供了一个视频的标签; 9.超链接标签(a) 用法1:超链接:主要用于多个页面关联到一起,使用超链接可以直接访问另一个页面;

67640

Java成长之路 —— HTML基础

HTML 概念 ① HTML,英文全称 Hyper Text Markup Language,翻译过来就是①超文本标记语言,这是一种用于创建网页的标准标记语言。...超文本超文本就是用超链接的方法,各种不同空间的文字信息组织在一起的网状文本 标记语言标记语言由标签构成的语言,例如 html,xml等,都是标签语言。...标记语言不是编程语言。 ② HTML 的优点: 简易性:HTML版本升级采用超集方式,从而更加灵活方便。...例如下面我就使用了 标签来处理了部分文字。 ③ HTML 是编程语言吗? 不少人初学者可能会认为 HTML 是因为一种编程语言,因为其独特的语法格式。...列表标签: 标签: 标签 说明 有序列表 无序列表 列表的项目 5.

55710

web名词解释

HTML:超文本标记语言,标准通用标记语言下的一个应用。...CSS3:是 CSS(层叠样式表)技术的升级版本,于 1999 年开始制订,2001 年 5 月 23 日 W3C 完成了 CSS3 的工作草案,主要包括盒子模型、列表、超链接方式、语言模块、背景和边框...PHP: 超文本预处理器(Hypertext Preprocessor),PHP 程序嵌入到 HTML 文档中去执行,是 Web 开发动态网页制作技术之一。...Html5:万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,其主要的目标是互联网语义化,以便更好地被人类和机器阅读,并同时更好地支持网页中嵌入各种媒体。...Less: 是一种 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混入、函数等功能,让 CSS 更易维护,方便制作主题和扩充。使用 CSS 的语法。

1.9K20

2017前端开发手册四-前端开发人员应该掌握的Web技术

前端开发人员应掌握以下核心网络技术(考虑按此顺序学习): 统一资源定位器(又名URL) 超文本传输协议(又称HTTP) 超文本标记语言(又名HTML) 层叠样式表(CSS又名) JavaScript编程语言...对于所有网络相关规范的完整列表,看看platform.html5.org。 1 超文本标记语言(HTML又名) 超文本标记语言,通常被称为HTML,是用来制作网页的标准标记语言。...HTML描述了网站的结构线索呈现语义一起,使其成为一种标记语言,而不是一种编程语言。...它已被标准化的ECMAScript语言所规范。除了HTML和CSS,它是万维网内容制作的三个基本技术之一; 大多数的网站使用它。...下面是所有的接口的列表,您可能能够同时开发你的Web应用程序或网站。

1.4K80

一个网站开发人员必须掌握的知识是什么?

HTML 和 CSS 客户端脚本 - JavaScript and the DOM 服务端脚本 - ASP, PHP XML 和SQL 指南列表 WWW - 万维网 web站点是一个到世界各地电脑都可以连接上的网络...他是如何工作的呢? HTML - WEB标记语言超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...XML -扩展标记语言 XML 不是 HTML 的替代者。XML 用来描述及传输数据,而 HTML 用来显示数据。 PHP 和 ASP - 服务器端脚本化 服务器端脚本化指的是服务器端编程。...Web 标准 关于Web标准和万维网联盟. web 网站验证 这个章节介绍关于 HTML, XHTML, CSS, XML, 和 WMP 页面标准的验证。...Web 语义化 本章节介绍Web的语义 Web 词汇表 这是一个按字母顺序排列的互联网词汇表。 Web 搜索引擎优化 关于 SEO (搜索引擎优化)

26800

HTML的简介和历史发展过程

HTML的简介 HTML的英文全称是 Hyper Text Marked Language,中文意思为超文本标记语言。...首先我们为了更好的去理解一下什么是超文本标记语言,然后我们对超文本标记这五个字进行一一的拆分,然后去更好的理解它的意思。在理解超文本的时候,我们先来理解一下文本在我们的日常生活中代指的是什么东西?...这都是在我们的网页中称为超文本,那么在html文件里面,我们既能存放这些内容,也能存放文本内容,甚至说,比如你写一篇文章,文章里面总会有那种一级标题、二级标题,还有一些列表、选项等等,我们都可以通过HTML...平台无关性:虽然个人计算机有各式各样,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。...通用性:HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

1.6K11
领券