个人网页制作html代码

redmaomail 2024-10-23 11:01 阅读数 18 #建站与主机

个人网页制作

个人网页制作是一种基于HTML代码的创作过程，通过编写代码，设计并构建个人网站。下面是一份简单的HTML代码示例，用于构建一个基本的个人网页：


<!DOCTYPE html>
<html>
<head>
<title>个人网页</title>
</head>
<body>
 
<h1>欢迎来到我的个人网站</h1>
 
<p>这是我的个人简介：</p>
<ul>
<li>姓名：张三</li>
<li>年龄：25岁</li>
<li>所在地：中国</li>
</ul>
 
<p>这是我的技能列表：</p>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
 
</body>
</html>

以上代码是一个基本的HTML文档结构，包含了标题、段落、列表等元素。通过修改和添加代码，可以根据个人需求来设计和构建更复杂的个人网页。

在构建个人网页时，还可以使用CSS样式来美化页面的外观。下面是一个示例代码，通过CSS样式来改变个人网页的背景颜色和文字颜色：


<style>
body {
  background-color: lightblue;
  color: white;
}
 
h1 {
  font-size: 24px;
  text-align: center;
}
 
p {
  font-size: 18px;
}
 
ul
 ol {
  font-size: 16px;
}
</style>