Welcome to the basics of web development! Whether you're a beginner or looking to refresh your knowledge, this guide will cover the essential elements of web development.

HTML

HTML (HyperText Markup Language) is the standard markup language for creating web pages and web applications. It describes the structure of a web page semantically and originally included cues for presentation, such as boldening text (which is why HTML is sometimes confused with a styling language).

  • Basic Tags:
    • <html>: The root element of an HTML page.
    • <head>: Contains meta-information about the document.
    • <body>: Contains the content of the document.
    • <h1> to <h6>: Define HTML headings.
    • <p>: Defines a paragraph.
    • <a>: Defines a hyperlink.

CSS

CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation of a document written in HTML or XML. CSS describes how HTML elements should be displayed on screen, paper, or in other media.

  • Selectors:

    • Element selectors (e.g., p for paragraph).
    • Class selectors (e.g., .my-class).
    • ID selectors (e.g., #my-id).

  • Properties:

    • color: Sets the color of the text.
    • font-size: Sets the size of the font.
    • margin: Sets the space around an element.

JavaScript

JavaScript is a programming language that conforms to the ECMAScript specification. It is high-level, often just-in-time compiled, and multi-paradigm. It has dynamic typing, prototype-based object-orientation, and first-class functions.

  • Features:
    • Variables and data types.
    • Control structures (e.g., if, for, while).
    • Functions.
    • DOM manipulation.

Resources

For further reading, check out our Web Development Guide.

Web Development