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

一个简单的HTML 个人网页

news 2026/4/6 17:58:47

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>个人网页</title> <style> body { font-family: Arial, sans-serif; background-color: #f1f1f1; margin: 0; padding: 0; }

    header {background-color: #333;color: #fff;padding: 20px;text-align: center;}h1 {margin: 0;}nav {background-color: #555;color: #fff;padding: 10px;}nav ul {margin: 0;padding: 0;list-style: none;text-align: center;}nav ul li {display: inline-block;margin-right: 20px;}nav ul li a {color: #fff;text-decoration: none;}section {padding: 20px;}footer {background-color: #333;color: #fff;padding: 20px;text-align: center;font-size: 14px;}
&lt;/style>

</head> <body> <header> <h1>欢迎来到我的个人网页</h1> </header> <nav> <ul> <li><a href="#about">关于我</a></li> <li><a href="#skills">我的技能</a></li> <li><a href="#projects">我的项目</a></li> <li><a href="#contact">联系我</a></li> </ul> </nav> <section id="about"> <h2>关于我</h2> <p>你好，我是XXX，一名热爱编程的前端工程师。我喜欢探索新技术，并且不断提升自己的技能。</p> <p>在我的个人网页中，你可以了解我关于技术方面的知识和经验，还可以看到我的项目以及如何联系我。</p> </section> <section id="skills"> <h2>我的技能</h2> <ul> <li>HTML/CSS</li> <li>JavaScript</li> <li>React</li> <li>Vue.js</li> <li>Node.js</li> </ul> </section> <section id="projects"> <h2>我的项目</h2> <ul> <li>项目1：简历生成器</li> <li>项目2：电子商务网站</li> <li>项目3：博客系统</li> </ul> </section> <section id="contact"> <h2>联系我</h2> <p>如果你对我的个人网页或者项目有任何疑问或者建议，欢迎与我联系。</p> <p>Email: xxx@example.com</p> <p>电话: 123-456-7890</p> </section> <footer> © 2021 个人网页. All rights reserved. </footer> </body> </html>

相关文章：

一个简单的HTML 个人网页

<!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta name"viewport" content"widthdevice-width, initial-scale1.0"> <title>个人网页</title> <style> body { f…...

编程日记 2024/3/13 19:10:20

【SpringCloud微服务实战05】Feign 远程调用

Feign是一个由Netflix开发的轻量级RESTful HTTP服务客户端，用于简化和优雅地调用HTTP API。它允许用户通过Java接口注解来发起请求，而不必像传统方式那样手动构建HTTP请求报文。Feign支持Spring Cloud解决方案，使得服务消费者能够像调用本地接口方法一样调用远程服务。使得开…...

编程日记 2024/3/13 19:09:20

LiveGBS流媒体服务器中海康摄像头GB28181公网语音对讲、语音喊话的配置

LiveGBS海康摄像头国标语音对讲大华摄像头国标语音对讲GB28181语音对讲需要的设备及服务准备 1、背景2、准备2.1、服务端必备条件&#xff08;注意&#xff09;2.2、准备语音对讲设备2.2.1、不支持跨网对讲示例2.2.2、 支持跨网对讲示例 3、开启音频开始对讲4、搭建GB28181视频…...

编程日记 2024/3/13 19:07:17

【前端】尚硅谷Webpack教程笔记

文章目录 1. 基本使用1.1 功能介绍1.2 开始使用 参考视频:尚硅谷Webpack5入门到原理 课件地址 【前端目录贴】 1. 基本使用 1.1 功能介绍 Webpack 是一个静态资源打包工具。 它会以一个或多个文件作为打包的入口&#xff0c;将我们整个项目所有文件编译组合成一个或多个文件输…...

编程日记 2024/3/13 19:05:15

Java泛型使用及局限

Java泛型的局限和使用经验 泛型的局限 任何基本类型不能作为类型参数 经过类型擦除后&#xff0c;List中包含的实际上还是Object的域&#xff0c;而在Java类型系统中Object和基本类型是两套体系&#xff0c;需要通过“自动装包、拆包机制”来进行交互。 2.任何在运行时需要…...

编程日记 2024/3/13 19:04:14

Sklearn线性回归

Scikit-learn 中的线性回归是一个用于监督学习的算法&#xff0c;它用于拟合数据集中的特征和目标变量之间的线性关系。以下是使用 Scikit-learn 实现线性回归的基本步骤&#xff1a; 1. 导入所需库 首先&#xff0c;你需要导入所需的库和模块。 import numpy as np import …...

编程日记 2024/3/13 19:03:13

APP中互联网公司的必备知识

APP中互联网公司的必备知识 敏捷开发&#xff08;scrum&#xff09;模型角色工作流程 项目上线发布策略发布流程灰度发布 APP发布APP软件包类型APP客户端&#xff08;内部&#xff09;发布平台APP客户端&#xff08;线上&#xff09;发布平台 熟悉APP项目&#xff08;tpshop&am…...

编程日记 2024/3/13 19:02:12

论文翻译 - Visual Adversarial Examples Jailbreak Large Language Models

论文链接&#xff1a;https://arxiv.org/pdf/2306.13213.pdf 项目代码&#xff1a;https://github.com/Unispac/Visual-Adversarial-Examples-Jailbreak-Large-Language-Models Visual Adversarial Examples Jailbreak Aligned Large Language Models Abstract1 Introduction2 …...

编程日记 2024/3/13 19:01:11

android so载入过程

源自android 9 看源代码的网页 /bionic/libdl/libdl_static.c 好像没用。都是空的 /bionic/libdl/libdl.cpp 主角 22// These functions are exported by the loader 23// TODO(dimitry): replace these with reference to libc.so101// Proxy calls to bionic loader 102_…...

编程日记 2024/3/13 18:59:10

FlowerShop花店管理系统wpf+sqlserver

FlowerShop花店管理系统wpfsqlserver说明文档 运行前附加数据库.mdf&#xff08;或sql生成数据库&#xff09; 主要技术&#xff1a; 基于C#wpf架构和sql server数据库 功能模块&#xff1a; 顾客登录后可以查询花卉详情然后购买 店主登录管理后台 顾客管理 删除顾客多行删…...

编程日记 2024/3/13 18:54:04

如何在群晖NAS部署WPS容器并实现无公网IP远程访问本地office软件

文章目录 1. 拉取WPS Office镜像2. 运行WPS Office镜像容器3. 本地访问WPS Office4. 群晖安装Cpolar5. 配置WPS Office远程地址6. 远程访问WPS Office小结 7. 固定公网地址 wps-office是一个在Linux服务器上部署WPS Office的镜像。它基于WPS Office的Linux版本&#xff0c;通过…...

编程日记 2024/3/13 18:52:02

【C语言程序设计】C语言求圆周率π（三种方法）

题目一&#xff1a; 利用公式①计求π的近似值&#xff0c;要求累加到最后一项小于10^(-6)为止。 程序代码&#xff1a; #include <stdio.h> #include <stdlib.h> #include <math.h> int main(){float s1;float pi0;float i1.0;float n1.0;while(fabs(i)&…...

编程日记 2024/3/13 18:51:01

常见的特殊端口号及其用途

21端口&#xff1a;FTP&#xff08;文件传输协议&#xff09;服务端口。FTP允许用户进行文件传输&#xff0c;如上传和下载文件。22端口&#xff1a;SSH&#xff08;安全外壳协议&#xff09;服务端口。SSH用于远程登录到服务器&#xff0c;并提供加密的数据传输。23端口&#…...

编程日记 2024/3/13 18:50:00

Linux(ubuntu) 安装kotlin

Kotlin 是一种基于 Java 语言的静态类型编程语言&#xff0c;它可以运行于 JVM 上 1. 安装 Java Development Kit (JDK) Kotlin 运行于 JVM 上&#xff0c;所以首先需要安装 Java Development Kit&#xff08;JDK&#xff09; Ubuntu 或 Debian 系统 sudo apt update sudo a…...

编程日记 2024/3/13 18:47:58

微信小程序提交成功设置提示

在微信小程序中&#xff0c;当用户成功提交表单或完成某项操作后&#xff0c;通常我们会设置一个提示来告知用户操作已完成。这种提示通常可以通过几种方式来实现&#xff0c;例如使用 wx.showToast 方法显示一个短暂的提示消息&#xff0c;或者跳转到一个新的页面并显示成功信…...

编程日记 2024/3/13 18:43:54

Pycharm与Anaconda安装

网址&#xff1a; Pycharm&#xff1a;https://www.jetbrains.com/pycharm/ Anaconda&#xff1a;https://www.anaconda.com/download/ 官网下载速度太慢可以选择到清华源下载&#xff1a;https://repo.anaconda.com/archive/ 一&#xff1a;Anaconda安装 安装&#xff1a; …...

编程日记 2024/3/13 18:42:52

阿里云数据盘挂载目录

1、先登录服务器创建新目录aaa 2、云盘都快照备份下。后续操作完核实无误了&#xff0c;您根据您需求删除快照就行&#xff0c; 然后登录服务器内执行&#xff1a; fdisk -l lsblk blkid ll /aaa 3、执行&#xff1a;&#xff08;以下命令是进行数据盘做ext4文件系统并挂载到…...

编程日记 2024/3/13 18:41:51

【Python】探索PyPinyin 库：Python 中的中文拼音转换工具

花未全开月未圆&#xff0c; 半山微醉尽余欢。 何须多虑盈亏事&#xff0c; 终是小满胜万全。 —— 《对抗路—吕布》 PyPinyin 是一个功能强大的 Python 库&#xff0c;用于将中文文本转换为拼音。它提供了丰富的功能&#xff0c;能够满足各种中文文本处理的需求。在本文中&am…...

编程日记 2024/3/13 18:40:49

Linux运维总结：Centos7.6之OpenSSH7.4升级版本至9.3

一、环境信息 操作系统&#xff1a;Centos7.6.1810 OpenSSH_7.4p1, OpenSSL 1.0.2k-fips 注意&#xff1a;升级后由于加密算法的区别&#xff0c;低版本的SSH工具可能无法连接&#xff0c;建议改用Xshell7或SecureCRT9.0以上版本。 二、注意事项 1、 检查防火墙或selinux是否…...

编程日记 2024/3/13 18:39:48

SD-WAN能解决企业网络的哪些问题？

SD-WAN技术的崛起为企业网络带来了全新的解决方案。在数字化转型、云计算、远程办公和5G等领域&#xff0c;SD-WAN技术展现出强劲的市场趋势。那么&#xff0c;SD-WAN究竟能够解决企业网络中的哪些难题呢&#xff1f; 提升网络带宽利用率 传统网络在连接分支机构时&#xff0c;…...

编程日记 2024/3/13 18:37:47

Path of Building汉化版终极指南：5步掌握流放之路角色构建神器

Path of Building汉化版终极指南&#xff1a;5步掌握流放之路角色构建神器 【免费下载链接】PoeCharm Path of Building Chinese version 项目地址: https://gitcode.com/gh_mirrors/po/PoeCharm 还在为流放之路复杂的角色构建而头疼吗&#xff1f;PoeCharm作为Path of …...

编程新知 2026/4/6 17:35:30

终极指南：3分钟上手res-downloader，轻松下载全网视频音频资源

终极指南&#xff1a;3分钟上手res-downloader&#xff0c;轻松下载全网视频音频资源 【免费下载链接】res-downloader 视频号、小程序、抖音、快手、小红书、直播流、m3u8、酷狗、QQ音乐等常见网络资源下载! 项目地址: https://gitcode.com/GitHub_Trending/re/res-download…...

编程新知 2026/4/6 16:53:13

从理论到实践：剖析快速排序比较次数的优化边界

1. 快速排序的核心原理与比较次数 快速排序之所以被称为"快速"&#xff0c;核心在于它的分治策略。想象一下你正在整理一堆杂乱无章的书籍&#xff0c;最有效的方法可能是先选一个基准书&#xff08;比如按书名首字母&#xff09;&#xff0c;然后把其他书分成"…...

编程新知 2026/4/6 16:16:51

OpenClaw学习监督助手：Qwen3-14b_int4_awq制定计划与检查进度

OpenClaw学习监督助手&#xff1a;Qwen3-14b_int4_awq制定计划与检查进度 1. 为什么需要AI学习监督助手 去年备考PMP认证时&#xff0c;我经历过一段痛苦的自我管理期。每天下班后面对厚厚的PMBOK指南&#xff0c;总在"今天该看哪章"和"上次看到哪里"之间…...

编程新知 2026/4/6 15:56:45

HOJ部署进阶：绕过宝塔，用Nginx反向代理直接配置Docker服务的域名与HTTPS

HOJ部署进阶&#xff1a;Nginx反向代理直连Docker服务的全手动配置指南 当你在服务器上运行HOJ在线判题系统时&#xff0c;是否厌倦了依赖宝塔面板这类图形化工具&#xff1f;本文将带你深入探索完全通过命令行配置Nginx反向代理和HTTPS的全过程&#xff0c;实现从域名解析到安…...

编程新知 2026/4/6 15:28:23

2026山东大学软件学院项目实训（一）

Vue 3工程化实践与组件设计 核心任务概述 本次项目实训聚焦Vue 3前端工程化配置与全局组件开发&#xff0c;目标是通过模块化设计提升代码复用率&#xff0c;并建立规范的前后端协作流程。核心任务包括&#xff1a; 使用Pinia实现全局状态管理基于Ant Design Vue完成响应式布…...

编程新知 2026/4/6 14:03:42

ATPG约束C/T/O/DX傻傻分不清？一张图帮你搞定芯片测试中的cell constraint

ATPG约束C/T/O/DX全解析&#xff1a;芯片测试工程师的速查手册 刚接触ATPG工具的新手工程师们&#xff0c;是否曾被手册里那些神秘的字母组合搞得晕头转向&#xff1f;C、T、O、DX...这些看似简单的缩写背后&#xff0c;隐藏着对测试覆盖率的关键影响。本文将用最直观的方式&a…...

编程新知 2026/4/6 11:47:20

3步掌握Path of Building：让新手也能精准规划流放之路角色的工具指南

3步掌握Path of Building&#xff1a;让新手也能精准规划流放之路角色的工具指南 【免费下载链接】PathOfBuilding Offline build planner for Path of Exile. 项目地址: https://gitcode.com/GitHub_Trending/pa/PathOfBuilding 价值定位&#xff1a;为什么说Path of B…...

编程新知 2026/4/6 10:38:40

基于STM32CubeMX HAL库的RS485半双工通信实战指南

1. RS485通信基础与STM32开发环境搭建 第一次接触RS485通信时&#xff0c;我被它独特的半双工特性深深吸引。想象一下双向单车道的马路&#xff0c;车辆只能单向交替通行&#xff0c;这就是半双工的精髓。相比全双工需要两根数据线的设计&#xff0c;RS485仅用一对双绞线就能实…...

编程新知 2026/4/6 10:04:20

Debian13安装基于apt的Nvidia闭源驱动+CUDA开发环境

Ubuntu安装NVIDIA驱动实在太容易了&#xff0c;直接在额外驱动里面选择就好&#xff0c;但Debian没有这么简单。以往我们都需要从NVIDIA官网下载.run文件&#xff0c;但现在其实更建议各位使用Nvidia提供的本地apt源来管理。本文只针对apt版本驱动安装过程中特定的坑和CUDA开发…...

编程新知 2026/4/6 9:11:15