img

Introduction to Web Development: HTML, CSS, JavaScript

Introduction to Web Development: HTML, CSS, JavaScript

Web development is the process of creating websites and web applications that run on the internet. It involves a combination of different technologies and programming languages working together to deliver content and functionality to users. The core technologies that every web developer needs to know are HTML, CSS, and JavaScript.

HTML (HyperText Markup Language)

HTML is the foundation of any webpage. It provides the structure and content of the page using a system of elements or 'tags'. These tags define headings, paragraphs, links, images, forms, and other elements of the page.




    My First Webpage


    

Welcome to My Webpage

This is a paragraph of text.

In this example:

  • declares the document type and version of HTML.
  • is the root element of the page.
  • contains meta-information like the title of the page.
  • contains the visible content of the page.
  • defines a top-level heading.

  • defines a paragraph of text.

CSS (Cascading Style Sheets)

CSS is used to control the presentation and styling of HTML elements. It allows developers to define how the content of a webpage looks, including colors, fonts, layout, and responsiveness across different devices.

h1 {
    color: blue;
    text-align: center;
}

p {
    font-size: 16px;
    line-height: 1.5;
}

This CSS code will:

  • Make all

    headings blue and center-aligned.

  • Set the font size of all

    paragraphs to 16 pixels and adjust the line height for better readability.

CSS can be applied in three ways:

  1. Inline CSS: Directly within HTML elements.
  2. Internal CSS: Within a