Hello, and welcome to Cyber Craftsmen! This is the first post on our brand new blog where we, John and Kevin, will be sharing tips, tricks, and tutorials on creating cool stuff with computers. Today, we’re kicking things off with an introduction to HTML and CSS, the foundational technologies of the web.
Getting Started with HTML
HTML (HyperText Markup Language) is the standard language for creating webpages. It structures your content and elements on the page. Here’s a simple example:
<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
<h1>Welcome to My First Webpage</h1>
<p>This is my very first webpage!</p>
</body>
</html>
This code sets up a basic HTML document with a title and a header.
Adding Style with CSS
CSS (Cascading Style Sheets) is used to style your HTML content. It allows you to add colors, fonts, and layouts. Here’s how you can add some basic styles to our HTML:
<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
<style>
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: navy;
}
p {
color: darkslategray;
}
</style>
</head>
<body>
<h1>Welcome to My First Webpage</h1>
<p>This is my very first webpage!</p>
</body>
</html>
With these styles, we’ve set the background color to light blue, changed the font, and added colors to the header and paragraph.
Conclusion
With just a few lines of HTML and CSS, you can create simple yet attractive webpages. Stay tuned for more posts where we’ll dive deeper into web development!
