当前位置：首页 > article >正文

（前端基础）HTML（一）

article 2026/4/22 1:11:53

前提

W3C:World Wide Web Consortium（万维网联盟）

Web技术领域最权威和具有影响力的国际中立性技术标准机构

其中标准包括：机构化标准语言（HTML、XML）

表现标准语言（CSS）

行为标准（DOM、ECMAScript）

HTML：超文本标记语言

建立html文件

利用浏览器打开该文件

若出现错误提示：

打开文件设置：

选择Tools：

HTML基本结构

DOCTYPE:告诉浏览器，我们要使用什么规范
<html>:整个网页
head：网页头部
body：网页主体
title：网页标题
meta：描述性标签，用来描述网站的信息

Ctrl+/:html文件的注释快捷键

meta标签使用：

如网易云：

网页基本标签

标题标签<h1>
段落标签<p>
换行标签<br/>
水平线标签<hr/>
字体样式标签<strong>、<em>
注释和特殊符号  > < ©

块元素：无论内容多少，该元素独占一行（p、h1-h6）

行内元素：内容撑开宽度，左右都是行内元素的可以在排在一行（a、strong、em）

图像标签

常见图像格式JPG、GIF、PNG、BMP

利用img标签嵌入图像

<img src="图像地址" alt="图像的替换文字" title="鼠标悬停时提示文字" width="图像宽度" height="图像高度"/>

该处选择资源目录下的图片文件中的图片进行测试

src：图片地址

相对地址：../resources/image/apple.jpg

绝对地址：D:\学习资料\java\前端\resources\image\apple.jpg

图片不存在的情况：

链接标签

文本、图像超链接

<a href="链接路径" target="链接在哪个窗口打开"></a>

href:可以是html文件、URL地址

target：链接在哪个窗口打开

_blank:在新标签中打开
_self:默认值。在自己的网页中打开

锚标签

使用方法：

需要一个锚标记
跳转到标记#

页面跳转：

功能性链接

邮件链接：mailto：邮箱地址

列表标签

列表：信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者更快捷地获得相应的信息。

列表分类：

无序列表

<ol><li></li>
</ol>

有序列表

<ul><li></li>
</ul>

定义列表

<dl><dt>列表名称</dt><dd>列表内容</dd>
</dl>

表格

表格简单通用，结构稳定。

基本结构有：单元格、行、列、跨行、跨列

如下：

表格标签：table
行row：tr
列：td
边框：border
跨行：colspan，参数是跨的列数
跨列：rowspan，参数使跨的行数

<table><tr><td>1.1</td><td>1.2</td><td>1.3</td></tr><tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
</table>

媒体元素

视频元素标签：video

音频元素标签：audio

属性src：所要选中的文件位置
属性controls:控制播放
属性autoplay:自动播放

<video src="mp4文件" controls autoplay></video>
<audio src="mp3文件" controls autoplay></audio>

扩展：页面结构分析

header	标题头部区域内容（页面或页面中的一块区域）
footer	标记脚部区域内容（整个页面或页面的一块区域）
section	Web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或应用（侧边栏）
nav	导航类辅助内容

iframe内联框架

<iframe src="页面地址" name="框架标识名" frameborder="0"></iframe>

使用方法：

width:宽度

height：高度

<iframe src="https://www.baidu.com" frameborder="0" width="1000px" height="700px"></iframe>

该处跳转到百度

也可以通过a标签往iframe加东西

name：框架标识名

target：链接在哪个窗口打开

（前端基础）HTML（一）

前提 W3C:World Wide Web Consortium（万维网联盟） Web技术领域最权威和具有影响力的国际中立性技术标准机构其中标准包括：机构化标准语言（HTML、XML） 表现标准语言（CSS） 行为标准&#xf…...

编程日记 2026/4/9 16:07:24

pdf.js默认显示侧边栏和默认手形工具

文章目录默认显示侧边栏(切换侧栏)默认手形工具(手型工具) 大部分的都是在viewer.mjs中的const defaultOptions 变量设置默认值,可以使用数字也可以使用他们对应的变量枚举值默认显示侧边栏(切换侧栏) 在viewer.mjs中找到defaultOptions,大概在732行,或则搜索sidebarViewOn…...

编程日记 2026/4/14 16:12:55

学习总结三十三

括号序列如果它是一个右括号，考察它与它左侧离它最近的未匹配的的左括号。如果该括号与之对应（即小括号匹配小括号，中括号匹配中括号），则将二者配对。简单理解，找到一个右括号，向左找一个左括号…...

编程日记 2026/4/21 17:00:43

微信小程序 - 组件

组件通信事件父传子父组件如果需要向子组件传递指定属性的数据，在 WXML 中需要使用数据绑定的方式与普通的 WXML 模板类似，使用数据绑定，这样就可以向子组件的属性传递动态数据。父组件如果需要向子组件传递数据，只需要两…...

编程日记 2026/2/20 3:41:14

如何在Ubuntu中切换多个PHP版本

在Ubuntu环境下实现PHP版本的灵活切换，是众多开发者与系统管理员的重要技能之一。下面，我们将深入探讨如何在Ubuntu系统中安装、配置及管理多个PHP版本，确保您的开发环境随心所欲地适应各类项目需求。开始前的准备确保您的Ubuntu系统保持…...

编程日记 2026/4/15 18:02:36

解决DeepSeek服务器繁忙问题

目录解决DeepSeek服务器繁忙问题一、用户端即时优化方案二、高级技术方案三、替代方案与平替工具（最推荐简单好用） 四、系统层建议与官方动态用加速器本地部署DeepSeek 使用加速器本地部署DeepSeek的完整指南一、核心原理与工具选择二、…...

编程日记 2026/4/7 12:43:59

Huatuo热更新--安装HybridCLR

1.自行安装unity编辑器支持2019.4.x、2020.3.x、2021.3.x、2022.3.x 中任一版本。推荐安装2019.4.40、2020.3.26、2021.3.x、2022.3.x版本。根据你打包的目标平台，安装过程中选择必要模块。如果打包Android或iOS，直接选择相应模块即可。如果你想打包…...

编程日记 2026/4/21 16:38:38

flink cdc2.2.1同步postgresql表

目录简要说明前置条件maven依赖样例代码简要说明在flink1.14.4 和 flink cdc2.2.1下，采用flink sql方式，postgresql同步表数据，本文采用的是上传jar包，利用flink REST api的方式进行sql执行。前置条件 1.开启logical 确保你…...

编程日记 2026/4/16 22:27:30

Golang协程调度模型MPG

深入解析Golang协程调度模型MPG：原理、实践与性能优化一、为什么需要MPG模型？ 在传统操作系统调度中，线程作为CPU调度的基本单位存在两个根本性挑战：1）内核线程上下文切换成本高昂（约1-5μs）…...

编程日记 2026/4/21 19:59:50

纪念日倒数日项目的实现-【纪念时刻-时光集】

纪念日/倒数日项目的实现## 一个练手的小项目，uniappnodemysql七牛云。在如今快节奏的生活里，大家都忙忙碌碌，那些具有特殊意义的日子一不小心就容易被遗忘。今天，想给各位分享一个“纪念日”项目。【纪念时刻-时光集】一…...

编程日记 2026/4/15 5:49:19

WPF的MVVMLight框架

在NuGet中引入该库： MVVMLight框架中的命令模式的使用： <StackPanel><TextBox Text"{Binding Name}"/><TextBox Text"{Binding Title}"/><Button Content"点我" Command"{Binding ShowCommand…...

编程日记 2026/4/14 23:26:42

DeepSeek从入门到精通（清华大学）

DeepSeek是一款融合自然语言处理与深度学习技术的全能型AI助手，具备知识问答、数据分析、编程辅助、创意生成等多项核心能力。作为多模态智能系统，它不仅支持文本交互，还可处理文件、图像、代码等多种格式输入，其知识库更新至2…...

编程日记 2026/4/12 14:32:43

【DeepSeek】DeepSeek R1 本地windows部署（Ollama+Docker+OpenWebUI）

1、背景： 2025年1月，DeepSeek 正式发布 DeepSeek-R1 推理大模型。DeepSeek-R1 因其成本价格低廉，性能卓越，在 AI 行业引起了广泛关注。DeepSeek 提供了多种使用方式，满足不同用户的需求和场景。本地部署在数据安全、性…...

编程日记 2026/4/21 19:02:58

一环境描述 Oracle 11g单机环境二基本操作 2.1 数据库的启动与停止启动: C:\Users\Administrator>sqlplus / as sysdba SQL*Plus: Release 11.2.0.4.0 Production on 星期五 7月 31 12:19:51 2020 Copyright (c) 1982, 2013, Oracle. All rights reserved. 连接到:…...

编程日记 2026/4/18 4:37:14

【弹性计算】弹性计算的技术架构

弹性计算的技术架构 1.工作原理2.总体架构3.控制面4.数据面5.物理设施层虽然弹性计算的产品种类越来越多，但不同产品的技术架构大同小异。下面以当前最主流的产品形态 —— 云服务器为例，探查其背后的技术秘密。 1.工作原理云服务器通常以虚拟机的方…...

编程日记 2026/4/5 6:22:48

RAG（检索增强生成）落地：基于阿里云opensearch视线智能问答机器人与企业知识库

文章目录一、环境准备二、阿里云opensearch准备1、产品文档2、准备我们的数据3、上传文件三、对接1、对接文本问答一、环境准备 # 准备python环境 conda create -n opensearch conda activate opensearch# 安装必要的包 pip install alibabacloud_tea_util pip install ali…...

编程日记 2026/4/21 7:40:05

【踩坑】pytorch模型导出部署onnx问题记录

问题1：repeat_interleave 无法转译具体报错为： TypeError: torch._C.Value object is not iterable (Occurred when translating repeat_interleave).原因是我的模型代码中有： batch_indices torch.repeat_interleave(torch.arange(can…...

编程日记 2026/4/21 17:01:16

利用prompt技术结合大模型对目标B/S架构软件系统进行测试

利用prompt技术结合大模型对目标B/S架构软件系统进行测试，可参考以下步骤和方法：测试需求理解与prompt设计明确测试点：梳理B/S架构软件系统的功能需求、非功能需求（如性能、安全性、兼容性等），确定具体的测试点，如用户登录功能、数据查询功能、系统响应时间要求等。设…...

编程日记 2026/4/14 22:14:52

DeepSeek vs ChatGPT：AI对决中的赢家是……人类吗？

DeepSeek vs ChatGPT：AI对决中的赢家是……人类吗？ 文章目录 DeepSeek vs ChatGPT：AI对决中的赢家是……人类吗？一、引言1. 背景2. 问题二、DeepSeek vs ChatGPT：谁更胜一筹？2.1 语言生成能力评测对比场景…...

编程日记 2026/4/21 19:28:16

基于ollama搭建本地deepseek大模型服务

基于ollama搭建本地deepseek大模型服务简介准备工作系统要求ollama的安装ollama 模型ollama 安装流程ollama 如何运行大模型前端部署注意事项简介本指南旨在帮助初学者在本地环境中设置和运行DeepSeek大模型服务。本文将使用Ollama平台来简化这一过程，确保即使是新手也能顺…...

编程日记 2026/4/21 17:52:21

elementUI rules 判断 el-cascader控件修改值未生效

今天修改一个前端项目，增加一个多选字段，使用的是el-cascader控件，因页面是通过引用子页面组件形式使用，出现一个点选后再勾选原有值，输入框内不展示或取消后的也未正常隐藏，如果勾选的值是全新的则其他已选…...

编程日记 2026/4/21 12:10:03

讯方·智汇云校华为授权培训机构的介绍

官方授权华为授权培训服务伙伴（Huawei Authorized Learning Partner，简称HALP）是获得华为授权，面向公众（主要为华为企业业务的伙伴/客户）提供与华为产品和技术相关的培训服务，培养华为产业链所…...

编程日记 2026/4/21 18:24:38

力扣-二叉树-257 二叉树的所有路径

思路除去根节点，每一层添加->val，然后使用前序遍历的顺序代码 class Solution { public:vector<string> res;void getTreePaths(string s, TreeNode* root){s "->";s to_string(root->val);if(root->left nullptr &…...

编程日记 2026/4/3 3:02:27

DeepSeek4j 已开源，支持思维链，自定义参数，Spring Boot Starter 轻松集成，快速入门！建议收藏

DeepSeek4j Spring Boot Starter 快速入门简介 DeepSeek4j 是一个专为 Spring Boot 设计的 AI 能力集成启动器，可快速接入 DeepSeek 大模型服务。通过简洁的配置和易用的 API，开发者可轻松实现对话交互功能。环境要求 JDK 8Spring Boot 2.7Maven/Gr…...

编程日记 2026/4/14 21:22:26

Vue.js 组件开发深入解析：Vue 2 vs Vue 3

Vue.js 是一个渐进式框架，旨在通过声明式渲染和组件化开发来提高开发效率和可维护性。组件是 Vue 应用的基本组成部分，几乎所有的功能都可以通过组件来实现。随着 Vue 3 的发布，Vue.js 引入了许多新的特性，使得组件的开发变得更加…...

编程日记 2026/4/21 3:56:37

MySQL数据库误删恢复_mysql 数据误删

2、BigLog日志相关 2.1、检查biglog状态是否开启声明: 当前为mysql版本5.7 当前为mysql版本5.7****当前为mysql版本5.7 2.1.1、Navicat工具执行 SHOW VARIABLES LIKE LOG_BIN%;OFF 是未开启状态，如果不是ON 开启状态需要开启为ON。{默认情况下就是关闭状态} 2.…...

编程日记 2026/4/6 12:12:02