当前位置：首页 > 行业动态 > 正文

用html制作个人网页

段落、列表、链接等，以下是一个简单的个人网页的HTML代码示例：

<!DOCTYPE html>
<html>
<head>
    <title>我的个人网页</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        h1 {
            color: #333;
        }
        p {
            color: #666;
        }
    </style>
</head>
<body>
    <header>
        <h1>欢迎来到我的个人网页</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#about">关于我</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="projects">
        <h2>项目</h2>
        <ul>
            <li><a href="#">项目1</a></li>
            <li><a href="#">项目2</a></li>
            <li><a href="#">项目3</a></li>
        </ul>
    </section>
    <section id="contact">
        <h2>联系我</h2>
        <p>如果你对我的工作有兴趣，或者有任何问题，欢迎通过以下方式联系我：</p>
        <p><strong>Email: example@example.com</strong></p>
        <p><strong>Phone: 123-456-7890</strong></p>
    </section>
    <footer>
        <p>&copy; 2022 我的个人网页. All rights reserved.</p>
    </footer>
</body>
</html>

这个示例包含了一个基本的HTML结构，包括头部（head）、主体（body）、导航（nav）、内容区域（section）和页脚（footer），在头部，我们设置了页面的标题，在主体部分，我们添加了一些基本的样式，以及一些内容区域，包括关于我、项目和我的联系信息，在页脚，我们添加了版权信息。

html代码个人网页
本站发布或转载的文章及图片均来自网络，其原创性以及文中表达的观点和判断不代表本站，有问题联系侵删！
本文链接：http://www.xixizhuji.com/fuzhu/351869.html
0

相关文章

随机文章