Introduction to HTML: Building Your First Web Page
What is HTML?
HTML (HyperText Markup Language) is the standard language used to create web pages. Every website on the internet uses HTML to structure its content.
HTML tells a web browser how to display text, images, links, and other elements on a webpage.
Basic Structure of an HTML Document
Every HTML page follows a basic structure:
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is my first HTML page.</p>
</body>
</html>
Understanding the Tags
<html>
The root element of the webpage.
<head>
Contains information about the page such as the title.
<title>
Displays the page title in the browser tab.
<body>
Contains all visible content.
<h1>
Creates a heading.
<p>
Creates a paragraph.
Adding a Link
You can create links using the anchor tag:
<a href="https://www.google.com">Visit Google</a>
Adding an Image
<img src="image.jpg" alt="Sample Image">
Conclusion
HTML is the foundation of web development. Learning HTML is the first step toward becoming a web developer.
CSS Basics: Making Your Website Beautiful
What is CSS?
CSS (Cascading Style Sheets) is used to style HTML elements.
Without CSS, websites would look plain and unattractive.
Example
HTML:
<h1>Welcome to KodaTechNG</h1>
CSS:
h1 {
color: blue;
text-align: center;
}
Common CSS Properties
Color
color: red;
Background Color
background-color: yellow;
Font Size
font-size: 20px;
Text Alignment
text-align: center;
Why Learn CSS?
CSS helps create modern, responsive, and visually appealing websites.
JavaScript for Beginners: Your First Script
What is JavaScript?
JavaScript is a programming language that makes websites interactive.
It can respond to user actions, validate forms, create animations, and much more.
Example
<button onclick="showMessage()">Click Me</button>
<script>
function showMessage() {
alert("Welcome to KodaTechNG!");
}
</script>
Variables
let name = "John";
Variables store information.
Functions
function greet() {
alert("Hello!");
}
Functions perform specific tasks.
Conclusion
JavaScript is an essential skill for modern web development.
How to Create a Simple Contact Form Using HTML
Why Contact Forms Matter
Contact forms allow visitors to communicate with website owners.
Example Contact Form
<form>
<label>Name:</label>
<input type="text">
<br><br>
<label>Email:</label>
<input type="email">
<br><br>
<label>Message:</label>
<textarea></textarea>
<br><br>
<button type="submit">Send</button>
</form>
Benefits
- Collect visitor feedback
- Generate leads
- Improve communication
Conclusion
Every website should have a contact form for better user engagement.