网站推广.NET

网站推广.NET

用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个人网页完整代码