How to Create a Website using HTML Code Example
Creating a website using HTML involves writing the HTML code to structure the content of your web pages. Below is a simple example of HTML code for a basic web page. This example includes a basic structure with a header, body, and footer.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Website Title</title>
<style>
/* Add your CSS styles here */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
main {
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>Your Website Header</h1>
</header>
<main>
<h2>Welcome to Your Website</h2>
<p>This is a sample web page created using HTML.</p>
<img src="your-image.jpg" alt="Image Description">
</main>
<footer>
<p>© 2024 Your Website. All Rights Reserved.</p>
</footer>
</body>
</html>
Explanation:
- The <!DOCTYPE html> declaration specifies the HTML version.
- The <html> element is the root element of the HTML document.
- The <head> section contains meta-information about the HTML document, such as character set and viewport settings.
- The <title> tag sets the title of the webpage (displayed on the browser tab).
- The <style> tag allows you to include CSS styles directly in the HTML file.
- The <body> element contains the content of the webpage.
- The <header>, <main>, and <footer> elements structure different parts of the page.
- The <h1>, <h2>, <p>, and <img> tags are used for headings, paragraphs, and images, respectively.
Feel free to modify this code according to your needs, add more content, and customize the styles. Save this code in an HTML file (e.g., ) and open it in a web browser to see your webpage.
Post a Comment