Day72 前端知识提要（1）——HTML

最新推荐文章于 2025-11-24 02:17:16 发布
最新推荐文章于 2025-11-24 02:17:16 发布
阅读量1.2k 收藏 24
点赞数 35
CC 4.0 BY-SA版权
分类专栏： 100天软件测试升级打怪路 文章标签： 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gregcsdn/article/details/135354921
本文介绍了HTML的基础知识，包括其定义、作用及基本结构。此外，详细讲解了Visual Studio Code（VSCode）的安装、插件管理、设置与使用。文章还涵盖了常见的HTML标签，如列表、表格和表单，并阐述了资源路径、相对路径与绝对路径的概念。

Day72 前端知识提要（1）——HTML

文章目录


image-20231225143351244

html 的介绍

学习目标

  • 能够知道html的作用

1. 网页效果图 – 百度首页

image-20230808103711136

2. html的定义

HTML 的全称为：HyperText Mark-up Language, 指的是超文本标记语言。 标记：就是标签, <标签名称> </标签名称>, 比如: <html></html>、<h1></h1> 等，标签大多数都是成对出现的。

所谓超文本，有两层含义:

  1. 因为网页中还可以图片、视频、音频等内容(超越文本限制)
  2. 它还可以在网页中跳转到另一个网页，与世界各地主机的网页链接(超链接文本)

3. html

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Day73 前端知识提要（2）——CSS
老板来片烤面包的博客
01-03 1066
学习目标能够知道css的作用css(Cascading Style Sheet)层叠样式表，它是用来美化页面的一种语言。没有使用css的效果图使用css的效果图css 选择器是用来选择标签的，选出来以后给标签加样式。当子元素(标签)的尺寸超过父元素(标签)的尺寸时，此时需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来完成。visible 默认值, 显示子标签溢出部分。hidden 隐藏子标签溢出部分。auto 如果子标签溢出，则可以滚动查看其余的内容。
Day74 前端知识提要（3）——JavaScript
老板来片烤面包的博客
01-05 945
学习目标能够知道JavaScript的作用JavaScript是运行在浏览器端的脚步语言, 是由浏览器解释执行的, 简称js, 它能够让网页和用户有交互功能, 增加良好的用户体验效果。前端开发三大块1、HTML：负责网页结构 2、CSS：负责网页样式 3、JavaScript：负责网页行为， 比如:网页与用户的交互效果。
Day75 前端知识提要（4）——JQuery
老板来片烤面包的博客
01-05 958
学习目标能够知道jQuery的作用及优点jQuery是对JavaScript的封装，它是免费、开源的JavaScript函数库，jQuery 极大地简化了 JavaScript 编程。jquery选择器就是快速选择标签元素，获取标签的，选择规则和css样式一样。选择集过滤就是在选择标签的集合里面过滤自己需要的标签选择集转移就是以选择的标签为参照，然后获取转移后的标签事件代理就是利用事件冒泡的原理(事件冒泡就是事件会向它的父级一级一级传递),把事件加到父级上，通过判断事件来源，执行相应的子元素的操作，
Day76 前端知识提要（5）——Vue3教程
老板来片烤面包的博客
01-05 925
Day76 前端知识提要（5）——Vue3教程
Day77 前端知识提要（6）——jinja2模板语法
老板来片烤面包的博客
01-05 960
这种方法的主要问题是 Python 本 身没有被污染的值的概念，所以一个值是否安全的信息会丢失。要知道的是，导入量会被缓存，并且默认下导入的 模板不能访问当前模板中的非全局变量。要递归地 使用循环，你只需要在循环定义中加上 recursive 修饰，并在你想使用递归的地 方，对可迭代量调用 loop 变量。你可以对这类值做什么取决于应用的配 置，默认的行为是它如果被打印，其求值为一个空字符串，并且你可以迭代它，但其它 操作会失败。即一个块标签不仅提供一个可以填充的部分，也在父级 定义填充的内容。
day01-HTML
qq_43361287的博客
10-27 269
HTML前情提要软件分类可分为又分为工具下载网页开发标准HTML标准结构快捷键HTML标签HTML元素块元素行内元素HTML属性HTML实体 前情提要 软件分类 可分为 系统软件 应用软件 游戏软件 又分为 客户端 形式： -文字客户端（命令行） -图像化客户端[C/S架构]（点击拖动） -网页[B/S架构]（浏览器访问网页） -无需安装 -无需更新 -跨平台 服务器（负责远程处理业务逻辑） 服务器的开发语言： java（最
重新领略前端CSS样式表的魅力
曲折旅程，艰难人生
02-13 851
CSS知识提要
研一自救指南 - 03.面向面经预习（前端）
一直在学习的博客
03-17 876
针对前人面经整理高频问题和答案。
Web第六讲：HTML基础
m0_47670683的博客
12-04 777
内容提要： HTML文档的基本结构 标记(标签)类型、标记(标签)语法 body标记的属性的设置方法 给网页添加注释 meta元信息的作用 HTML文档类型。<!doctype html> html文件由头部head和主体body两部分组成： 在头部<head>标记中，可以定义标题、样式等，头部里放的是网页元信息，不显示在网页内，元信息是关于网页的基本描述...
Vue开发工具使用技巧
最新发布
2509_93946471的博客
11-24 224
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。
Python全栈开发项目——AI智能聊天机器人
qiao_yue的博客
11-24 508
本项目实现了AI聊天功能，具有语音输入和聊天背景自定义等亮点功能
【前端】Grid布局实现瀑布流：随机生成数据、动态计算每项高度、无限滚动、异步请求更多
karshey的博客
11-21 989
本文介绍了使用CSS Grid布局实现瀑布流效果的方法。普通版通过设置grid-auto-rows:10px和动态计算gridRowEnd实现基础瀑布流布局。进阶版则通过随机生成颜色和高度数据，并实现无限滚动加载功能，模拟异步请求场景。核心思路是利用Grid布局的特性，动态计算每个项目在网格中的跨度，从而实现参差不齐的瀑布流排列效果。文中提供了完整的代码示例和实现原理说明。
Spring Boot 集成 Spring AI：实现大模型对话与MCP Client
iioSnail的博客
11-20 833
上篇文章中（Spring Boot 集成 Spring AI：实现可被大模型调用的 MCP Server），我们构建了一个MCP Server，提供了查询个人信息、查询订单信息、下单等操作。但是，上篇文章我们使用的是Cherry Studio作为客户端来与后端进行交互。实际生产中，让客户去下载Cherry Studio，然后配置MCP Server显然不显示。因此，本篇文章将会教会你如何使用 Spring AI 构建一个简单的聊天界面，并支持MCP Client.
Vue3响应式原理详解
2509_93942542的博客
11-24 378
当访问响应式对象的某个属性时，get拦截器会被触发，此时会执行track函数来收集当前的依赖（也就是正在运行的副作用函数）。当effect执行时，Vue3会将其设置为当前活跃的副作用函数，这样在访问响应式数据时，get拦截器就能准确知道是哪个effect依赖了这个数据。值得一提的是，Vue3的响应式系统是完全独立的模块，这意味着它可以在任何JavaScript环境中使用，不仅限于Vue框架。另外，Proxy的拦截是浅层的，对于嵌套对象需要递归代理，Vue3通过在get拦截器中自动解包来实现这一功能。
Vuex的store特性
xiaoxiaoovo的博客
11-20 221
分别是overview和home，在overview页面修改store中的配置，切换浏览器页签到home页面想要使用最新的store，需要按照以下流程进行实现。不同标签页（window.open）每个标签页是独立的Vue应用。共享同一个Vue应用实例。共享同一个Vue应用实例。同一标签页的路由切换。Vue应用重新初始化。
WebService — apache axis 1.4 — wsdl — 整合第三方短信
Keep Reading Keep Writing Keep Thinking
11-21 405
本文记录了使用Apache Axis 1.4整合第三方短信服务的过程。首先搭建环境，下载Axis 1.4并配置环境变量，添加必要的jar包。获取短信服务的WSDL文件（本地或在线），示例使用了http://ip:port/WSSMSIF/services/SmsService?wsdl。文中详细描述了WSDL文件结构，包含SmsMessage、SmsMessages等复杂类型定义，为后续接口调用提供基础。整个流程涵盖了从环境配置到接口文档解析的关键步骤，适用于对接老旧WebService系统。
HarmonyOS + Cordova：原生与 Web 双向桥接常见问题总览与解决方案
小淼淼的博客
11-21 412
本文分析了HarmonyOS+Cordova双向桥接通信的常见问题与排查方法。主要内容包括：1）两条核心链路：JS调原生（cordova.exec→ArkTS插件）和原生调JS（onArkTsResult事件推送+JS Proxy注入）；2）常见问题点：service/action不匹配、回调缺失、JSON解析失败、Proxy注入时机不当等；3）排查流程：通过日志打点定位问题层级，检查发起方→桥接层→接收方的调用链；4）优化建议：统一消息结构、确保回调完整性、合理控制数据频率。文章提供了系统化的故障定位思路
React性能问题导致的页面卡顿处理
2509_93941399的博客
11-23 231
打开React DevTools的Profiler录制功能，操作表格筛选时发现某个子组件在每次输入框变化时都会重新渲染。明明数据没变化，整个子树却跟着刷新的元凶就是：父组件传递的props是每次重新生成的匿名对象！性能优化没有银弹，关键是要理解React的渲染机制，对症下药才能药到病除。在实际项目中还遇到了一个隐藏很深的性能陷阱：Context引起的全局重渲染。当我们在根组件提供主题配置Context时，任何主题值的变动都会导致所有消费组件重渲染，哪怕它们只使用了Context中的部分数据。
JavaScript移动应用案例
2509_93946509的博客
11-21 308
客户想要一个轻量级的社区平台，重点在消息推送和实时交互。Ionic 的 Cordova 插件帮了大忙，比如用相机插件实现图片上传，用地理位置插件做附近的用户推荐。数据库方面，我们选了 Firebase 作为后端，它的实时同步功能和 JavaScript SDK 无缝集成，省去了自己搭服务器的麻烦。这个项目的亮点是插件生态——我们自定义了一个文件导出插件，把任务列表生成 Excel，员工反馈很实用。不过，PhoneGap 的性能瓶颈明显，在低端设备上偶尔卡顿，我们通过减少 DOM 操作和压缩资源缓解了问题。
HTML日程管理工具——day-planner使用指南
知识点六：关于day-planner-master项目 day-planner-master项目可能是一个用于日程安排的HTML项目。从项目名称可以推断，它可能是一个具有主从结构的网页应用，其中包含了多个页面和组件。这个项目可能包含了HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

老板来片烤面包

君子博学于文，赠之以礼,谢君~

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

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

打赏作者

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

抵扣说明：

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

余额充值