html顶部空白_使用HTML创建首页的顶部

左手的ㄟ右手 2022-11-28 15:25 148阅读 0赞

html顶部空白

**[How To Build a Website With HTML][] [如何使用HTML构建网站][How To Build a Website With HTML]**

This tutorial series will guide you through creating and further customizing [this website][] using HTML, the standard markup language used to display documents in a web browser. No prior coding experience is necessary but we recommend you start at the [beginning of the series][How To Build a Website With HTML] if you wish to recreate the demonstration website.

本教程系列将指导您使用HTML(用于在Web浏览器中显示文档的标准标记语言)创建和进一步自定义[此网站][this website] 。 不需要任何编码经验，但是如果您希望重新创建演示网站，建议您从[本系列][How To Build a Website With HTML]的[开头开始][How To Build a Website With HTML] 。

At the end of this series, you should have a website ready to deploy to the cloud and a basic familiarity with HTML. Knowing how to write HTML will provide a strong foundation for learning additional front-end web development skills, such as CSS and JavaScript.

在本系列的最后，您应该拥有一个可以部署到云的网站，并且对HTML有了基本的了解。 知道如何编写HTML将为学习其他前端Web开发技能(例如CSS和JavaScript)奠定坚实的基础。

We will now begin adding content by replicating the top section of the [demonstration website][].

现在，我们将通过复制[演示网站][demonstration website]的顶部开始添加内容。

This top section is composed of a large background image, a small profile image, a text header, a text subheader, and a link. Each of these pieces of content are styled and positioned with HTML.

该顶部由一个大的背景图像，一个小的配置文件图像，一个文本标题，一个文本子标题和一个链接组成。 这些内容中的每一个都使用HTML设置样式和位置。

In the remaining tutorials of this series, we’ll learn how to use HTML to recreate this content on a new webpage.

在本系列的其余教程中，我们将学习如何使用HTML在新网页上重新创建此内容。

> 翻译自: [https://www.digitalocean.com/community/tutorials/creating-the-top-section-of-your-homepage-with-html][https_www.digitalocean.com_community_tutorials_creating-the-top-section-of-your-homepage-with-html]

html顶部空白

[How To Build a Website With HTML]: https://www.digitalocean.com/community/tutorial_series/how-to-build-a-website-with-html
[this website]: http://html.sammy-codes.com/
[demonstration website]: https://html.sammy-codes.com/
[https_www.digitalocean.com_community_tutorials_creating-the-top-section-of-your-homepage-with-html]: https://www.digitalocean.com/community/tutorials/creating-the-top-section-of-your-homepage-with-html