Web Technologies

0.0(0)
Studied by 0 people
call kaiCall Kai
learnLearn
examPractice Test
spaced repetitionSpaced Repetition
heart puzzleMatch
flashcardsFlashcards
GameKnowt Play
Card Sorting

1/6

encourage image

There's no tags or description

Looks like no tags are added yet.

Last updated 1:47 PM on 4/16/26
Name
Mastery
Learn
Test
Matching
Spaced
Call with Kai

No analytics yet

Send a link to your students to track their progress

7 Terms

1
New cards

What is HTML?

  • Hypertext markup language (HTML) - standard markup language for web pages

  • Elements represented by <> tags

  • Can have attributes that provide extra info about the element

2
New cards

What are the eighteen HTML tags you need to know?

  • <html> - shows the file is a HTML file

  • <link> - links to CSS stylesheet (SELF-CLOSING)

  • <head> - contained for metadata (e.g <title>)

  • <title> - title of document (tab heading)

  • <body> - main content of website

  • <div> - divider (SELF-CLOSING)

  • <h1> to <h3> - heading (1 is biggest)

  • <p> - paragraph

  • <img> - embed image, need src + alt attributes (SELF-CLOSING)

  • <a> - hyperlink

  • <form> - HTML form for inputs

  • <input> - text box / button used in form (SELF-CLOSING)

  • <ol> - ordered list

  • <ul> - unordered list

  • <li> - list item

  • <script> - definer for JS code

3
New cards

What is CSS?

Cascading style sheets (CSS) - describes how HTML elements are to be described

4
New cards

What are the two methods of using CSS?

  • Inline styling
    e.g <h1 style=“color:red;”>

  • External stylesheet + use elements/classes/IDs
    e.g <link rel=“stylesheet” href=“styles.css”>

    In styles.css (for classes):
    .intro {
    color: red;
    }

5
New cards

What is some example JS code?

function myFunction() {
var x = document.getElementById(‘form1’);
var text = “”;
var i;

for (i = o; i < x.length; i++) {
data = x.elements[i].value;

if (data != “Submit”) {
text += “Your name was entered as ” + data + “.”';
}
}
document.getElementById(‘output_here’).innerHTML = text;
}

6
New cards

What are the two types of compression + uses?

  • Lossy compression - reduces file size by permanently removing data

  • Use - photos

  • Lossless compression - reduces file size by temporarily removing data

  • Use - text files

7
New cards

What is an advantage + disadvantage of lossy compression?

  • Adv - reduces more file size

  • Dis - permanently removes data → cannot be used on text files