📅 最后修改于: 2023-12-03 14:44:33.323000 🧑 作者: Mango
Navratri is a Hindu festival celebrated for nine nights and ten days. It is one of the most significant festivals in India and is dedicated to the Goddess Durga.
In this article, we will learn how to create a Navratri 2020 website using HTML.
The first step is to create the basic structure of the website using HTML. We will use the HTML5 doctype and create the basic skeleton using the <html>, <head>, and <body> tags.
<!doctype html>
<html>
<head>
<title>Navratri 2020</title>
</head>
<body>
<h1>Navratri 2020</h1>
</body>
</html>
Next, we will add CSS to style the website. We will create a new file called style.css and link it to our HTML file using the <link> tag in the head section.
<!doctype html>
<html>
<head>
<title>Navratri 2020</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Navratri 2020</h1>
</body>
</html>
h1 {
color: red;
font-size: 36px;
}
We will now add some Navratri images to our website. We will create a new folder called images in our project directory and add some images to it.
<!doctype html>
<html>
<head>
<title>Navratri 2020</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Navratri 2020</h1>
<img src="images/navratri.jpg" alt="Navratri" width="500">
</body>
</html>
Finally, we will add some Navratri information to our website using HTML.
<!doctype html>
<html>
<head>
<title>Navratri 2020</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Navratri 2020</h1>
<img src="images/navratri.jpg" alt="Navratri" width="500">
<div>
<h2>What is Navratri?</h2>
<p>Navratri is a nine-day festival celebrated in India in honor of the goddess Durga. It is observed twice a year, once in the Spring (Chaitra Navratri) and once in the Fall (Sharad Navratri).</p>
</div>
</body>
</html>
In this tutorial, we learned how to create a Navratri 2020 website using HTML. We created the basic structure using HTML, added CSS to style the website, added Navratri images, and finally added some Navratri information. This was just a starting point and you can continue to build on this website by adding more features and information.