Introduction

This tutorial will guide you through the fundamentals of HTML, CSS, and JavaScript. We'll cover basic structure, styling, and some simple interactivity.

Learn how to create well-structured web pages and add visual appeal using CSS.

HTML Structure

HTML provides the structure of your web page. Key elements include:

• Headings: `

  ` - `

  ` define heading levels.

• Paragraphs: `

  ` create paragraph text.

• Links: `` creates hyperlinks to other pages or resources.
• Images: `` display images.
• Lists: `
  ` - `
  • ` - `` creates unordered lists and tables.
    Divs: `

    ` is a container for grouping other HTML elements.
    Spans: `` is a generic inline container.
    And more...

    CSS Styling

    CSS (Cascading Style Sheets) controls the presentation of your HTML elements. We'll focus on basic styling like colors, fonts, and layout.

    Here's a very simple example:

            
              h1 {
                color: blue;
                text-align: center;
              }
              p {
                font-family: sans-serif;
                font-size: 16px;
                line-height: 1.5;
              }
            
          

    JavaScript Basics

    JavaScript adds interactivity to your web pages. We'll just touch on some basic syntax.

    Here's a simple example:

            
              console.log("Hello, JavaScript!");
              alert("This is an alert box!");