👋 Welcome to Web Development!
Web development combines creativity 🎨 and technology 💻 to create engaging, functional websites. Join me on my journey exploring HTML, CSS, and JavaScript!
Web development combines creativity 🎨 and technology 💻 to create engaging, functional websites. Join me on my journey exploring HTML, CSS, and JavaScript!
<!DOCTYPE html>
<html lang="en">
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Hello, World!</h1> <!-- Main heading -->
<p>This is my first webpage.</p> <!-- Paragraph text -->
</body>
</html>
HTML defines the structure of your webpage. It utilizes tags like <div>, <p>, and <h1> to semantically organize content.
🔍 Click for a fun fact!🌐 The first webpage, made by Tim Berners-Lee, is still available online from 1991!
CSS makes your website visually attractive. Use selectors, properties, Flexbox, Grid, and responsive techniques to style and layout your pages effectively.
🎉 Click for a CSS fact!✨ CSS allows the creation of stunning animations without any JavaScript!
/* General body styles */
body {
font-family: 'Inter', sans-serif;
color: #333;
background-color: #fff;
}
/* Simple button styles */
button {
padding: 10px 20px; /* Spacing inside button */
border: none; /* Remove default border */
border-radius: 5px; /* Rounded corners */
background-color: #191A23; /* Dark background */
color: #fff; /* White text */
}
// JavaScript click interaction example
const button = document.querySelector("button");
// Listen for button clicks
button.addEventListener("click", () => {
alert("🎉 Button was clicked!");
});
JavaScript adds functionality and interactivity to your websites. It handles events like clicks, mouse movements, data loading, and dynamic page updates.
🚀 Click for JavaScript fact!🕒 JavaScript was created by Brendan Eich in just 10 days!
Through exploring HTML, CSS, and JavaScript, we've built a solid foundation for crafting interactive, responsive, and visually pleasing websites. Continuous practice will unlock endless possibilities in the world of web development. 💡
🔑 Final Fact✨ The world of web development is always evolving—there's always more to learn!
