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

二、前端学习:个人主页网站搭建

文章目录

  • 一、html代码
  • 二、css代码

一、html代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的简历</title>
    <link rel="stylesheet" href="{
    { url_for('static', filename='main.css') }}">
</head>
<body>
    <header>
        <h1>张三的简历</h1>
    </header>
    <main>
        <section>
            <h2>个人信息</h2>
            <div class="selfMessage">
                <p>姓名:张三</p>
                <p>性别:男</p>
                <p>年龄:28岁</p>
                <p>籍贯:四川省成都市</p>
                <p>联系方式:15617930293</p>
                <p>邮箱:l15617930293@163.com</p>
            </div>
        </section>

        <section>
            <h2>教育背景</h2>
            <div class="benke">
                <h3>本科</h3>
                <p>北京大学</p>
                <p>计算机科学</p>
                <p>2010-2014</p>
            </div>
            <div class="shuoshi">
                <h3>硕士</h3>
                <p>哥伦比亚大学</p>
                <p>控制科学与工程</p>
                <p>2015-2017</p>
            </div>
            <div class="boshi">
                <h3>博士</h3>
                <p>悉尼大学</p>
                <p>船舶工业控制

http://www.kler.cn/a/390671.html

相关文章:

  • 字符及字符串(ASCII编码系统)
  • 【真题笔记】21年系统架构设计师案例理论点总结
  • Web安全之SQL注入---基础
  • stringUtils详细解释
  • Mit6.S081-实验环境搭建
  • 10款PDF合并工具的使用体验与推荐!!!
  • vue实现拖拽,可实现排序拖拽和自由拖拽(vuedraggable)
  • lnmp:自己的“百度网盘”
  • SpringBoot自动装配原理解析
  • Android 生成并加载PDF文件
  • 豆包大模型团队开源RLHF框架,破解强化学习训练部署难题
  • AI猫娘第二弹 | 基于Text和Chat模型实现文本生成
  • Oceanbase-Topk直方图
  • 【C++】基础语法概念
  • web安全漏洞之xss(1)
  • vue常见题型(10-15)
  • 在AutoDL上部署一个自定义的Python环境并在pycharm上使用
  • Java面试要点06 - static关键字、静态属性与静态方法
  • JavaScript如何操作HTML:动态网页构建指南
  • 数据结构---排序总结
  • Rust实战项目与未来发展——跨平台应用开发项目实践
  • SpringMVC学习记录(三)之响应数据
  • Webserver(5.6)服务器压力测试
  • Cross Modal Transformer: Towards Fast and Robust 3D Object Detection
  • Linux - 弯路系列1:xshell能够连接上linux,但xftp连不上(子账号可以连接,但不能上传数据)
  • 工位管理智能化:Spring Boot企业级平台