General Intro to Programming

Behind the Screen

When you see all the icons, logos, words, numbers, and images on a website, you see what someone else has programmed.

For example, this website is coded using HTML (HyperText Markup Language), CSS (Cascading Style Sheets), and JavaScript. In this capstone project, you will learn the basics of how they work together to create the websites you use every day.

Infographic showing HTML as the structure, CSS as the style, and JavaScript as the interaction

The Three Building Blocks of the Web

1. HTML (The Structure)

HTML tells the computer to put text and images on the screen, like when you type on a word document. It is the absolute foundation of everything on a webpage.

2. CSS (The Style)

While CSS is how you change the look of what you put on screen, like changing the font, adding colors, and arranging the layout.

3. JavaScript (The Interaction)

Finally, JavaScript is what gives the website user interactions like, when you have a check list on a word document and you press the check box.

Test Your Knowledge!

Challenge 1: Which language is which?

If you wanted to take a plain paragraph of text and make it HBA Gold, which of the three languages would you use?

Click here to reveal the answer
CSS!

HTML puts the paragraph on the screen, but CSS is what changes its color to gold.