📘 Lesson 8 – Where Website Code Is Written
🔊 Audio Learning
Ready to read.

🎯 What You Will Learn in This Lesson

In this lesson, you will learn:

‱ Where website code is written
‱ What a text editor is
‱ How HTML and CSS files are created
‱ How browsers display code as webpages

By the end of this lesson, you will understand where website code exists and how it becomes a visible webpage.

🌐 Websites Are Built With Code Files

Earlier in this course, you learned that websites are made of:

‱ HTML
‱ CSS
‱ media files

But where are these files actually created?

Web developers write website code using text editors.

A text editor is a program that allows you to write and edit code files.

đŸ–„ What Is a Text Editor?

A text editor is a tool used to write code.

Some popular text editors include:

‱ Visual Studio Code
‱ Notepad++
‱ Sublime Text
‱ simple editors like Notepad

These programs allow developers to create files such as:

 
index.html
styles.css
 

These files contain the instructions that build a webpage.

📄 Example: A Simple HTML File

A very simple webpage might look like this:

 
<h1>Hello World</h1>
<p>This is my first webpage.</p>
 
 

This code tells the browser:

‱ show a title
‱ show a paragraph

When the browser reads the file, it displays a webpage.

🎹 Adding CSS

CSS files control the design of the page.

For example:

 
h1 {
color: blue;
}
 

This tells the browser to display the title in blue.

HTML creates the structure, and CSS controls the appearance.

đŸ–„ How the Browser Shows the Page

When a browser opens a website:

1ïžâƒŁ It downloads the HTML file
2ïžâƒŁ It loads the CSS styles
3ïžâƒŁ It loads images and other files
4ïžâƒŁ It builds the webpage on your screen

The browser translates the code into a visible page.

🧠 Important Idea

Web developers write code.

Browsers display webpages.

The code itself is not what users see — it is what creates the page.

🛠 Practice Reflection

Think about a website you visit often.

Behind that website are many files, such as:

‱ HTML files
‱ CSS files
‱ images
‱ scripts

These files are written and edited by developers using text editors.

✅ Lesson Summary

Today you learned:

‱ Website code is written in text editors
‱ Developers create HTML and CSS files
‱ Browsers read these files and build webpages
‱ Code is the hidden structure behind every website

Understanding this helps you see how websites are created and managed.

Exercise Files
startfreecourses-internet-course-lesson-8-mini-quiz (pdf)
3.63 KB
PreviousNext