html和css初识

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人名片</title>
    <!--颜色的三种写法
     1.在head中使用style;
     2.使用id,或者直接在标签上写;
     3.使用引入,<link type = "text/css" rel = "stylesheet" href = "css+地址">-->
    <style>
        h1{color: blue;}
        #xxx{color: red;}
    </style>

</head>
<body>
    <h1>
        一条咸鱼
    </h1>
    <h2>
        基本信息
    </h2>
    <img src="img/小黑.jpeg" width="369" height="369">
    <p>
        求职意向:Java开发工程师
    </p>
    <p>
        联系电话:186-6666-8888
    </p>
    <p>
        邮箱:xiaohei@foxmail.com
    </p>
    <p>
        <a href="https://github.com/">我的GitHub</a>
    </p>
    <p>
        <a href="https://blog.csdn.net/qq_46877337/article/details/109500722?spm=1001.2014.3001.5501">我的博客</a>
    </p>
    <h2>
        教育背景
    </h2>
    <ol>
        <li>
            2000-2006年,幼儿园
        </li>
        <li>
            2006-2012年,中学
        </li>
        <li>
            2012-2016年,大学
        </li>
        <li>
            2016-2021年,公司
        </li>
    </ol>
    <h2>
        专业技能
    </h2>
    <ul>
        <li>
            Java基础语法扎实,已经刷了800道力扣题;
        </li>
        <li>
            常见的数据结构可以独立实现并熟练应用;
        </li>
        <li>
            熟知计算机网络理论,并且可以独立排查常见的问题;
        </li>
        <li>
            掌握Web开发能力,并且独立开发了学校的表白墙功能。
        </li>
    </ul>
    <h2>
        我的项目
    </h2>
    <ol>
        <li>
            <h3 id="xxx">留言墙</h3>
            <p>开发时间:2008年9月到2008年12月</p>
            <p>功能介绍</p>
            <ul>
                <li>支持留言发布</li>
                <li>支持匿名留言</li>
            </ul>
        </li>
        <li>
            <h3>学习小助手</h3>
            <p>开发时间:2008年9月到2008年12月</p>
            <ul>
                <li>支持错题检索</li>
                <li>支持同性探讨</li>
            </ul>
        </li>
    </ol>
<h2>个人评价</h2>
<p>在校期间,学习成绩优良,多次获得奖学金</p>
</body>
</html>

成果展示:

在这里插入图片描述
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值