Web Technology Flashcards

0.0(0)
studied byStudied by 0 people
learnLearn
examPractice Test
spaced repetitionSpaced Repetition
heart puzzleMatch
flashcardsFlashcards
Card Sorting

1/20

encourage image

There's no tags or description

Looks like no tags are added yet.

Study Analytics
Name
Mastery
Learn
Test
Matching
Spaced

No study sessions yet.

21 Terms

1
New cards

Who invented the World Wide Web (WWW)?

Tim Berners-Lee in the early 1990s at CERN.

2
New cards

What are the three main components of the Web?

  • HTML (Structure & Content)

  • Browser (Views Web Pages)

  • HTTP (Transfers Web Files)

3
New cards

What are the three main components of a modern web page?

  • HTML → Structure & Content

  • CSS → Design & Styling

  • JavaScript → Dynamic Behavior

4
New cards

Why is separation of duties important in web design?

It allows better flexibility, maintainability, and compatibility across devices.

5
New cards

What is the purpose of HTML?

HTML defines the structure and content of a web page.

6
New cards

What is an HTML element?

An HTML element consists of:

  • Opening tag (e.g., <b>)

  • Content (e.g., "Bold text")

  • Closing tag (e.g., </b>)

7
New cards

Give an example of a hyperlink in HTML.

knowt flashcard image
8
New cards

How do you add an image as a link in HTML?

knowt flashcard image
9
New cards

What is the purpose of CSS?

CSS controls the appearance and layout of a web page.

10
New cards

What are the three ways to apply CSS to a web page?

  • Inline CSS → Inside an HTML tag (style="").

  • Embedded CSS → Inside <style> in the <head>.

  • External CSS → In a separate file, linked with <link>.

11
New cards

What is a CSS rule?

A CSS rule consists of:

  • Selector (HTML element to style)

  • Declaration Block ({property: value;})

12
New cards

Give an example of a CSS rule.

knowt flashcard image
13
New cards

What happens when two conflicting styles apply to an element?

  • The more specific rule wins.

  • Inline styles override embedded/external styles.

  • Child styles override parent styles (inheritance).

14
New cards

What is JavaScript used for?

JavaScript enables dynamic behavior and user interactions in web pages.

15
New cards

What are the two ways to add JavaScript to a webpage?

  • Inline JavaScript: Inside <script> tags in HTML.

  • External JavaScript: In a separate file (.js) and linked with <script src="file.js"></script>.

16
New cards

What is the DOM (Document Object Model)?

A tree-like structure that represents a web page’s HTML elements in the browser.

17
New cards

What can JavaScript do with the DOM?

  • Modify HTML content dynamically.

  • Change CSS styles.

  • Handle user interactions like button clicks.

18
New cards

What is the window object in JavaScript?

It represents the browser window and contains useful properties and methods.

19
New cards

Name two important properties of the window object.

  • window.location → Gets the current page URL.

    • window.innerWidth → Returns the width of the browser window.

20
New cards

What does window.open("https://twitter.com") do?

Opens a new browser window with Twitter’s homepage.

21
New cards

What are the key web technologies and their roles?

knowt flashcard image