Web Development Basics Course
HTML Basics
HTML (Hypertext Markup Language) is the standard markup language for creating web pages.
HTML provides the structure of a webpage, using a system of elements and attributes.
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My First Webpage</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a simple webpage.</p>
</body>
</html>
Exercise: Create a basic HTML page with a heading, paragraph, and an image.
CSS Basics
CSS (Cascading Style Sheets) is used for styling web pages written in HTML and XML.
CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.
Example:
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 20px;
}
h1 {
color: #333;
}
p {
color: #666;
}
Exercise: Style the HTML page you created in the previous exercise with different colors and fonts.
JavaScript Basics
JavaScript is a high-level, interpreted programming language that can be embedded in HTML pages.
JavaScript allows you to create dynamically updating content, control multimedia, animate images, and much more.
Example:
document.getElementById('demo').innerHTML = 'Hello, JavaScript!';
Exercise: Create a button that, when clicked, changes the text of a paragraph on your HTML page.
