Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Understanding How Websites Work | Section
Introduction to Web and Frontend Development

bookUnderstanding How Websites Work

メニューを表示するにはスワイプしてください

A website is made up of different files that work together to create what you see in the browser. The three main components are HTML, CSS, and JavaScript, and each has its own job.

HTML File

HTML is the backbone of every webpage. If a website were a house, HTML is the bricks, the material used to build the structure. HTML defines text, images, buttons, links, and all the content that appears on the page.

CSS File

CSS is responsible for the visual appearance of the website. Continuing the house analogy, CSS is the paint, decorations, and design choices, the things that affect how the house looks. CSS allows you to change colors, style text, create layouts, add spacing, make elements visually appealing.

CSS takes the raw HTML content and makes it look good.

JavaScript File

JavaScript adds behavior and interactivity. In the house analogy, JavaScript is the electricity, appliances, and tools, the features that make the house functional. JavaScript lets websites respond to user actions, display interactive elements, update content dynamically, validate forms, animate elements.

Without JavaScript, a web page would remain static and non-interactive.

1. What are the three types of files commonly received from a server when accessing a website?

2. What is the purpose of HTML files in a website?

3. What is the purpose of CSS files in a website?

4. What is the purpose of JavaScript code in a website?

question mark

What are the three types of files commonly received from a server when accessing a website?

正しい答えを選んでください

question mark

What is the purpose of HTML files in a website?

正しい答えを選んでください

question mark

What is the purpose of CSS files in a website?

正しい答えを選んでください

question mark

What is the purpose of JavaScript code in a website?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  4

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  4
some-alt