盘点网页的制作那些事

最新推荐文章于 2025-11-25 15:30:00 发布

原创最新推荐文章于 2025-11-25 15:30:00 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

这篇博客介绍了如何一步步创建一个简单的HTML网页。首先，通过新建TXT文件和编写基本HTML结构来创建网页。接着，添加标题和内容，如h1、p元素，并学习了如何设置文字对齐和背景颜色。此外，还展示了如何插入链接和图片。最后，提供了进一步学习HTML的资源链接。

喝咯，大家好，今天我们来聊聊如何做一个网页

步骤1：

新建一个TXT

步骤2：

创造一个HTML

我们可以输入以下代码

<html>
    <head>
<title>创文工作室</title>
	</head>
<body>
<\body>
<\html>

注意，这是创造一个网页并输入标题：创文工作室

步骤3：

添加内容

为了是我们的网站更加完善，我们可以添加内容

例如：

<html>
    <head>
<title>创文工作室</title>
	</head>
<body>
<h1>wlecome to 创文工作室官网</h1>
<\body>
<\html>

h 表示HTML里的标题

1 2 3...1000标题表示大小

接下来，我们在标题下添加内容

<html>
    <head>
<title>创文工作室</title>
	</head>
<body>
<h1>wlecome to 创文工作室官网</h1>
<p>这是一个对所有用户开放的世界<\p>
<\body>
<\html>

p 即是添加内容

align="center" 可以使内容中置

bgcolor="xxx（添加颜色）"可以添加背景颜色

例：

<html>
	<head>
<title>创文工作室官网</title>
	</head>
<body bgcolor="AliceBlue">

<h1 align="center">创文简介</h1>
<h2 align="center">wlecome to 创文工作室官网</h2>
<p>这是一个对所有用户开放的世界</p>
<p>这里我们共同研发</p>
<p>一对机器人领域与游戏领域做出重大贡献而努力</p>
<p>对</p>
<p>大家的加入、</p>
<p>大家的支持、</p>
<p>大家的下载</p>
<p>在此表示深深的谢意</p>
<p>欢迎大家来到我们的官网，并下载我们的软件。</p>
</body>
</html>

<a href="https://blog.youkuaiyun.com/zhangBJS">戳这！创作者在优快云博客</a>

可以添加链接

可以添加图片

例：

<html>
	<head>
<title>创文工作室官网</title>
	</head>
<body bgcolor="AliceBlue">
<h1 align="center">登录界面</h1>

<p>创文工作室官网</p>


<h1 align="center">创文简介</h1>
<h2 align="center">wlecome to 创文工作室官网</h2>
<p>这是一个对所有用户开放的世界</p>
<p>这里我们共同研发</p>
<p>一对机器人领域与游戏领域做出重大贡献而努力</p>
<p>对</p>
<p>大家的加入、</p>
<p>大家的支持、</p>
<p>大家的下载</p>
<p>在此表示深深的谢意</p>
<p>欢迎大家来到我们的官网，并下载我们的软件。</p>
<a href="https://blog.youkuaiyun.com/zhangBJS">戳这！创作者在优快云博客</a>
<img src="C:\Users\Administrator\Desktop\hb.jgp" alt="图片"width="369px" height="246px">
</body>
</html>

步骤4：