前端基础day-01

最新推荐文章于 2024-11-08 13:43:44 发布
最新推荐文章于 2024-11-08 13:43:44 发布
阅读量273 收藏
点赞数
分类专栏： 前端基础 文章标签： python html http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41615044/article/details/112201535
版权

文章目录

URL

URI - Universal Resource Identifier - 统一资源标识符

URL - Universal Resource Locator - 统一资源定位符

URI = URL + URN(x)

https://www.baidu.com:443/index.html

https://14.215.177.38:80/index.html

  • 协议 - HTTP / HTTPS

    HTTP - Hyper-Text Transfer Prrotocol
    HTML - Hyper-Text Markup Language

    HTTPS - HTTP over SSL 安全的HTTP

      2017年1月1日苹果App Store 强制使用HTTPS
  
  微信小程序强制使用HTTPS跟后台程序通信
  
  Chrome 从2017年发布的版本开始都会对HTTP提示不安全

  • 域名/IP地址 - 要连接的主机

  • 端口号 - 端口用来区分不同的服务

  • 资源路径

DNS - Domain Nme System - 将域名解析为IP地址
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

HTTP

HTTP协议 - 请求响应式的协议

HTTP请求

  • 请求行 - GET / HTTP/1.1

        - GET：从服务器获取资源
  
    - POST：向服务器提交数据

  • 请求头 - 键值对 - 告诉服务器的额外的信息

  • 空行（\r\n）

  • 消息体 - 你要发给服务器的数据

HTTP响应

  • 响应行 - HTTP/1.1 200 OK

      - 响应状态码 - 404 Not Found / 403 Forbidden
  
      ~ 2xx：成功了
      
      ~ 3xx：重定向
      
      ~ 4xx：请求有问题
      
      ~ 5xx：服务器有问题

  • 响应头 - 键值对 - 服务器给浏览器的额外信息

  • 空行（\r\n）

  • 消息体 - 服务器发给浏览器的数据

      - 如果请求的是图片，就获得图片的二进制数据
  
  - 如果请求的网页，就获得网页的源代码，浏览器执行代码，用户看到页面

在这里插入图片描述

HTML页面源代码

HTML - 超文本标记语言 - 网页的内容都是写在标签里面

<!doctype html>
<html>
    <head>
        写在这里的内容不会显示在浏览器窗口
        但是这里却包含了网页比较重要的元信息
    </head>
    <body>
        写在这里的内容会显示在浏览器窗口中
    </body>
</html>

  • HTML页面源代码由三样东西构成：

    1. 标签 - 数据（content - 承载内容）

2. 层叠样式表（CSS）- 显示（display - 渲染页面）

3. JavaScript（JS）- 行为（behavior - 交互行为）

  • 文本

    h1~h6：标题

p：段落

sub / sup：下标、上标

em / strong: 强调

  • 图像

    img - src属性

  • 链接

    a - href属性 / name属性 / target属性（_self/_blank/_parent/_top）

  ~ 页面链接
  
  ~ 锚链接
  
  ~ 功能链接

  • 列表

    ul - 无序列表（unordered list） - li（列表项，list item）

ol - 有序列表（ordered list）

dl - 定义列表（definition list）- dt（定义标题）/ dd（定义描述）

  • 音视频

    audio

video

在这里插入图片描述

Python程序联网获取数据

requests

pip config set global.index-url https://pypi.doubanio.com/simple

pip install requests

pip list / pip freeze
klspree
关注
专栏目录
前端基础之html：day01
eve_gf的博客
12-02 1383
       序言：从2018年6月23号大学毕业之后，顺利进入一家上市公司，也是从事软件开发，但是自己对前端的学习却热衷不已，想着能够掌握前端的技术并且从事前端工作，因为它会给人带来一种前所未有的成就感，其实此前已经学过一遍前端的知识，但是由于从事的工作不是前端，长时间不用导致一些基础都已经忘得差不多了，所以从今天开始想通过博客来记录自己的前端学习之路。     正文： 1.什么是html?...
前端篇begin---HTML
wgwg
05-11 884
前端学习历程 HTML:网页的骨架 没有任何的样式 CSS:给骨架添加各种样式 变得好看 JS:控制网页的动态效果 前端框架:BOOTSTRAP、JQuery、Vue 提前给你封装好了很多操作 你只需要按照固定的语法调用即可 软件开发架构 cs 客户端 服务端 bs 浏览器 服务端 ps:bs本质也是cs 浏览器窗口输入网址回车发生了几件事 """ 1 浏览器朝服务端发送请求 2 服务端接受请求(eg:请求百度首页) 3 服务端返回相应的响应(eg:返回一个百度首页) 4 浏览器接收响应
前端基础速成day01--总体介绍
_web_Z的博客
11-30 350
前端发展史 前端开发： 用技术实现用户界面（site or app）+ 数据交互 技术： HTML+ CSS+ JS +框架 拿数据 + 静态界面 ----》 用户界面 web1.0 时代 静态 用户只能阅读者 没有交互 web2.0 js 交互 web3.0 node.js 大前端时代 左侧第5个图标 扩展 搜索一下两个插件 右下角 install 安装即可 chinese汉化 view in broswer 查看 关闭 重新打开！！！ 把 自动保
【HTML认知】
zilin_taku的博客
07-03 877
网站：利用前端技术制作的网页集合。网页：构成网站的基本元素，通常是 HTML 格式的文件（.htm 或 .html）必须通过浏览器来阅读。超文本：由图片、声音、动画、视频……构成且可以相互链接的文本。HTML：超文本标记语言（HTML 不是编程语言，而是由一套标记标签构成的标记语言）。前端代码开发 ——> 浏览器解析、渲染代码 ——> 呈现 Web 页面。PC 端五大浏览器： IE、Chrome、Firefox、Safari、Opera、（目前 IE 已经被 Edge 取代）。四大浏览器内核：IE（Trid
前端基础_HTML(DAY01)
weixin_43716329的博客
04-20 324
文章目录一、什么是前端？二、前端的分层架构1.结构层2.表现层3.行为层三、超文本标记语言 HTML (Hyper Text Markup Language)1.建立HTML文件HTML的文档结构2.HTML标签节点3.HTML基本常用标签4.HTML表单 一、什么是前端？ 前端最核心的三项技术：HTML,CSS,JAVAScript 前端还会涉及：Bootstrap jquery vue rect angular.js Node.js Echars protype ES5 ES6 ajax 等 Mys
前端学习day01-HTML标签01
06-21
本教程“前端学习day01-HTML标签01”着重讲解HTML的基本概念和常用的HTML标签，旨在帮助初学者入门HTML，了解其在网页设计中的重要作用。 HTML由一系列元素组成，这些元素通过标签来表示。标签通常成对出现，比如`...
DAY01-VUE Cli基础-01
06-20
Vue CLI是Vue.js官方推出的一款强大的脚手架工具，用于快速搭建前端单页面应用。Vue.js自身是一个渐进式框架，其核心理念是通过数据绑定和组件化来简化前端开发，减少DOM操作，提高开发效率。Vue CLI为开发者提供了...
前端day-01
m0_59882269的博客
06-05 162
目录什么是前端为什么学习前端前端学习经历软件开发架构 浏览器窗口输入网址回车发生的事情 http协议 HTML简介HTML文档结构两种打开HTML文件的方式标签的分类head内常用标签body内常用标签基本标签标签的分类2特殊符号常用标签img标签a标签标签具有的两个重要书写标签既可以有默认的书写也可以有自定义的书写列表标签无序列表(较多)有序列表(了解)标题列表(了解）总结 作业超文本标记语言如果你想要让浏览器能够渲染出你写的页面。你就必须遵循HTML语法我们浏览器看到的页面，内部其实都是HTML代码(所
Web前端基础day01.zip
08-09
CSS 学习如何美化页面 (装修) JavaScript 学习如何给页面添加动态效果 jQuery JS语言框架,简化原生JS开发 Bootstrap 前端框架对html/css/JavaScript/jQuery进行封装,目的是提高前端页面的开发效率
前端基础：Day06
华山栈道的博客
04-27 1726
文章目录HtmlJS1.index.jscss Html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="renderer" content="webkit"> <link rel="stylesheet" typ
前端学习笔记day01--基本标签
m0_38077048的博客
09-22 400
前端学习笔记day01 W3C(World Wide Web Consortium)万维网联盟，制定标准 1.结构标准（XHTML，XML）–html 2.表现标准（CSS）–css 3.交互标准（DOM，ECMAscript）–js（JavaScript） 动态效果 标准的目的：达到表现与结构、交互的分离 HTML（Hyper Text Markup Language） 超文本标记语言 超文本：支持视频、音频、图片等多种格式 标记语言：用标签组成->浏览器解析->网页 不区分大小写 93
练习前端-CSS权重计算、复杂选择器、基础属性-day05
08-31
在Day05.css和Day05.html文件中，你可以实践这些概念，通过编写和调试CSS代码，加深对权重计算、复杂选择器和基础属性的理解。通过实际操作，你将更好地掌握如何有效地控制网页元素的样式，提升前端开发技能。
前端基础Day04
华山栈道的博客
04-27 1381
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="renderer" content="webkit"> <link rel="stylesheet" href="js/lib/ich.
【python GUI编码入门-21】如何用Tkinter创建一个记事本应用
最新发布
木头大左的博客
11-08 21
在现代编程环境中，图形用户界面（GUI）应用程序的开发变得越来越重要。Python的Tkinter库是一个功能强大且易于使用的GUI工具包，非常适合初学者和有经验的开发者使用。本文将详细介绍如何使用Tkinter创建一个简易的记事本应用，涵盖从安装到实现各项功能的全过程。Tkinter是Python的标准GUI库，它提供了丰富的接口来创建窗口、对话框、按钮等常见的GUI组件。Tkinter具有良好的跨平台性，可以在Windows、Mac OS和Linux上运行。
智能化运维的未来：AI和机器学习在运维中的应用
Echo_Wish的博客
11-05 363
AI和机器学习在运维中的应用，不仅提高了运维效率和质量，还为企业的数字化转型提供了强有力的技术支持。通过预测性维护、自动化运维、异常检测和智能告警等应用，企业可以更好地管理和优化其IT基础设施，确保系统的高效、稳定运行。希望本文能为读者提供有价值的参考，帮助你在运维实践中更好地应用AI和机器学习技术。如果有任何问题或需要进一步讨论，欢迎交流探讨。让我们共同推动智能运维的发展，实现更高效、更智能的运维管理。
【anaconda】使用记录
zhuyan108的博客
11-05 324
window11 下安装anaconda。
Python 类和对象
疯一样的码农
11-04 743
在 Python 中，类是一个对象创建的蓝图。它指定了对象（实例）将具有的属性和方法的集合。类通过封装数据和行为，促进了代码的组织、复用和模块化。使用类可以建模现实世界中的对象，定义其属性，并更有效地控制应用程序的复杂性。在 Python 中，一切都是对象，所有的数据类型和结构都是特定类的实例。对象是类的实例，具有用于修改数据的方法和存储数据的属性。理解对象对于掌握 Python 中的面向对象编程（OOP）范式至关重要。
一次薅国家超算平台的记录
weixin_55179972的博客
11-07 305
参与 谁是下一个“AI”跃人 -AI体验推介活动，赢取千元算力券！（https://www.scnet.cn/home/subject/modular/index270.html）2. Clone开源的Llama3 Chinese （https://github.com/LlamaFamily/Llama-Chinese）活动名称主题：国家超算互联网「AI跃升季」：谁是下一个“AI”跃人 - AI算力体验活动。其中位置1，2替换为商品基模型和训练出来的微调模型。模型改为商城下载的模型。2、运行的过程记录。
Python小游戏21——拼图小游戏
cxh666888_的博客
11-05 1027
如果图像大小不同，你需要调整tile_size和图像缩放代码。初始化Pygame：使用pygame.init()来初始化Pygame库，这是使用Pygame进行任何游戏开发的第一步。更新屏幕：使用pygame.display.flip()或pygame.display.update()来更新屏幕显示。调整图像大小：使用pygame.transform.scale()来调整图像的大小，以适应拼图游戏的需求。设置屏幕尺寸：使用pygame.display.set_mode()来设置游戏的屏幕尺寸和模式。
Python的自然语言生成与对话系统介绍
余生的博客
11-05 812
自然语言生成(Natural Language Generation，NLG)和对话系统是人工智能领域的重要研究方向。NLG 涉及将计算机理解的信息转换为自然语言文本，而对话系统则涉及计算机与用户之间的自然语言交互。Python 作为一种易于学习、易于使用的编程语言，在这两个领域中发挥了重要作用。核心概念与联系核心算法原理和具体操作步骤数学模型公式详细讲解具体最佳实践：代码实例和详细解释说明实际应用场景工具和资源推荐总结：未来发展趋势与挑战。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值