【Javascript网页设计】个人简历网页案例

news/2025/3/15 23:02:07/

代码如下:

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历 - 张三</title>
</head>

<body>

    <!-- 1️⃣ 头部信息 -->
    <header>
        <h1>张三</h1>
        <p>前端开发工程师 | 3 年经验 | 热爱 Web 技术</p>
    </header>

    <!-- 2️⃣ 个人简介 -->
    <section>
        <h2>👋 关于我</h2>
        <p>我是一个充满激情的前端开发工程师,擅长 HTML、CSS 和 JavaScript,致力于构建高效、美观的 Web 应用程序。</p>
    </section>

    <!-- 3️⃣ 个人信息 -->
    <section>
        <h2>📌 个人信息</h2>
        <ul>
            <li><strong>姓名:</strong> 张三</li>
            <li><strong>年龄:</strong> 26 岁</li>
            <li><strong>地址:</strong> 北京市朝阳区</li>
            <li><strong>邮箱:</strong> zhangsan@example.com</li>
            <li><strong>GitHub:</strong> <a href="https://github.com/zhangsan" target="_blank">github.com/zhangsan</a></li>
        </ul>
    </section>

    <!-- 4️⃣ 技能列表 -->
    <section>
        <h2>🚀 技能</h2>
        <ul>
         


http://www.ppmy.cn/news/1579420.html

相关文章

文件系统 linux ─── 第19课

前面博客讲解的是内存级文件管理,接下来介绍磁盘级文件管理 文件系统分为两部分 内存级文件系统 : OS加载进程 ,进程打开文件, OS为文件创建struct file 和文件描述符表 ,将进程与打开的文件相连, struct file 内还函数有指针表, 屏蔽了底层操作的差异,struct file中还有内核级…

Unity中WolrdSpace下的UI展示在上层

一、问题描述 Unity 中 Canvas使用World Space布局的UI&#xff0c;想让它不被3d物体遮挡&#xff0c;始终显示在上层。 二、解决方案 使用shader解决 在 UI 的材质中禁用深度测试&#xff08;ZTest&#xff09;&#xff0c;强制 UI 始终渲染在最上层。 Shader "Custo…

《第六章 终章》在VMware中进行UR10e机器人的手眼标定实验全过程(ur10e手眼标定实验实机演示)

第六章&#xff1a;在VMware中进行UR10e机器人的手眼标定实验全过程 本实验需要用到的硬件设备&#xff1a; ur10e机器人 (其他型号)、windows电脑、Intel RealSense D455 深度相机 (其他型号) 网线、usb数据线&#xff08;用来连接安卓手机&#xff09;、usb3.0数据线&…

uniapp+Vue3 组件之间的传值方法

一、父子传值&#xff08;props / $emit 、ref / $refs&#xff09; 1、props / $emit 父组件通过 props 向子组件传递数据&#xff0c;子组件通过 $emit 触发事件向父组件传递数据。 父组件&#xff1a; // 父组件中<template><view class"container">…

【学习笔记】LLM技术基础

相比于预训练模型&#xff0c;大模型除了参数&#xff0c;数据量的大幅增长之外&#xff0c;还有能力的极大跃升。其目的已经不再是如之前NLP一样注重于解决特定任务&#xff0c;而是尝试成为通用任务求解器。为此&#xff0c;除了模型规模的增长&#xff0c;其训练过程相对也更…

什么是 React 的合成事件?

React 的合成事件 React 的合成事件&#xff08;Synthetic Events&#xff09;是 React 提供的一种跨浏览器的事件处理机制。它封装了原生事件&#xff0c;确保事件处理的性能和一致性。本文将深入探讨 React 合成事件的工作原理、特性、使用方式以及与原生事件的比较。 1. 什…

C++【类和对象】(超详细!!!)

C【类和对象】 1.运算符重载2.赋值运算符重载3.日期类的实现 1.运算符重载 (1).C规定类类型运算符使用时&#xff0c;必须转换成调用运算符重载。 (2).运算符重载是具有特殊名字的函数&#xff0c;名字等于operator加需要使用的运算符&#xff0c;具有返回类型和参数列表及函数…

小程序主包方法迁移到分包-调用策略

/** Date: 2024-12-10 15:59:32* Description: 加载异步代码*/import { type Type, type ReversedType, type ReversedTypeRecord } from /lazy/typetype Key keyof Type/** 只支持调用函数 */ export const lazierInit new Proxy<ReversedType>({} as any, {get<T …