Skip to content
CPSC-1520-DG

What is a Website?

Contrast and Compare

Section titled “Contrast and Compare”

Beginners can be forgiven for thinking that an HTML file is an actual web page. The truth is, HTML is simply a description of a web page. The actual web page is something that is created by the browser.

Compare and contrast what you see in these two tabs.

The following is not a website. Rather, it is the code for a website.

index.html
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Software Development</title>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
    >
    <style>
        blockquote > img {
            float: left;
            padding-right: 1em;
            width: 96px;
        }
    </style>
</head>
<body class="container">
    <h1>A Career in Software Development</h1>
    <p>At the heart of software development lies the <strong><em>Computer Program</em></strong>. What is a "Computer Program"?</p>
    <blockquote>
        <img src="./img/undraw_typing-code_6t2b.svg" alt="Computer Code" />
        "A <strong>computer program</strong> is <mark>a set of instructions</mark> for manipulating <mark>information</mark>."
        <footer>
            <cite>&ndash; Dan Gilleland</cite>
        </footer>
    </blockquote>
    <p>In this brief course, you will learn the fundamentals of software development. At the end, you will be able to</p>
    <ul>
        <li>Create simple CLIs in JavaScript.</li>
        <li>Write JavaScript code to interact with the browser.</li>
    </ul>
</body>
</html>
Document Object Model Devopedia offers an excellent overview of the DOM. From nodes and elements to text and attributes, this article discusses how it's all stiched together.

What The Browser Does

Section titled “What The Browser Does”