🛠️ HTML Basics
<!DOCTYPE html>
<a href="https://example.com" target="_blank">Open in New Tab</a>
<img src="image.jpg" alt="Image Description" width="300" height="200">
<table>
<tr><th>Name</th><th>Age</th></tr>
<tr><td>Amit</td><td>20</td></tr>
</table>
<form action="/submit" method="POST">
<input type="text" name="username" placeholder="Enter name" required>
<button type="submit">Submit</button>
</form>
<a href='url'>Link</a>
🎨 CSS Basics
/* Center an element */
div {
display: flex;
justify-content: center;
align-items: center;
}
/* Box Shadow */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
/* Gradient Background */
background: linear-gradient(90deg, #ff7e5f, #feb47b);
/* Hover Effect */
button:hover {
background: #007bff;
color: #fff;
}
/* Media Query */
@media (max-width: 768px) {
body {
background: lightgray;
}
}
⚙️ JavaScript Basics
// Alert Box
alert("Hello, World!");
document.querySelector("p");
// DOM Manipulation
document.getElementById("demo").innerText = "Hello!";
// Loop Example
for(let i = 0; i < 5; i++) {
console.log(i);
}
// Event Listener
document.querySelector("button").addEventListener("click", () => {
alert("Button clicked!");
});
// Fetch API Example
fetch("https://api.example.com")
.then(response => response.json())
.then(data => console.log(data));