制作一个简单的HTML个人网页

youmatech

已于 2024-02-16 15:38:37 修改

阅读量171

点赞数 3

文章标签： html 前端

于 2024-02-15 07:53:32 首次发布

本文链接：https://blog.csdn.net/DCdafan01/article/details/136118023

版权

本文详细介绍了如何使用HTML、CSS和JavaScript创建一个基本的个人网页，包括页面结构、导航链接、自我介绍、技能列表和联系方式的展示。

摘要由CSDN通过智能技术生成

以下是一个简单的 HTML 个人网页示例：
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
    <title>个人网页</title>
</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>这里是关于我自己的介绍。</p>
    </section>
    
    <section id="skills">
        <h2>技能</h2>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</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>
        <ul>
            <li>Email: yourname@example.com</li>
            <li>电话: 123-456-7890</li>
        </ul>
    </section>
    
    <footer>
        <p>版权所有 &copy; 2024</p>
    </footer>
</body>
</html>