1.3.4 WEB TECHNOLOGIES
Study these flashcardsFree · spaced repetition · iPhone, Android, Mac & web
All cards
1
HTML?
Hypertext Markup Language - Defines the structure/content of a web page by using tags
2
CSS - used to make it look noice
Cascading Style Sheets -defines the style/appearance of web pages and can be placed within HTML or externally in a file.
3
what tag needs everything to be inside?
<html>
4
what does <head> do
Container for meta data
5
how to apply title to website?
<title> blank </title> which must be inside <head>
6
what tag is where you place all of your actual text and images n stuff?
<body>
7
How to make headings of different sizes?
<h1> to <h6> the smaller the number the bigger
8
How to write paragraphs?
<p> which adds blank gaps after each tag
9
How to add images?
<img> which has two attributes:
src: specifies file path of image
alt: text for if image not appear
always use height and width to change size
src: specifies file path of image
alt: text for if image not appear
always use height and width to change size
10
how to add hyperlink
This <a href ="link"> TEXT </a> is hyperlink
11
how to use <img>? image to be used is cat.png
<img src="cat.png" alt="cat pic" height ="200" width = "200" >
12
How to make the two types of lists
Ordered list <ol>
Unordered list <ul>
<li> is used for every item in list
Unordered list <ul>
<li> is used for every item in list
13
How to split up web page?
<div>
14
How to change background colour thru CSS?
background-color:blue
use can hexa
use can hexa
15
HOW TO CHANGE colour of borders css
border-color:red
u can use hexa
u can use hexa
16
how to change border style? css
border-style:dotted
can be dotted, dashed, solid , double etc
can be dotted, dashed, solid , double etc
17
how to change border width css
border-width:5px
use px after numberl
use px after numberl
18
how to change color of text css
color:red
shrimple
shrimple
19
how to change font css
font-family:sans,papyrus,bubble
use comma if u want to include multiple fonts in case first fails
use comma if u want to include multiple fonts in case first fails
20
How to change size of font
font-size:40px
in pixels
in pixels
21
how to use width and height in css
width:40px
height:48px
changes size of border and element
height:48px
changes size of border and element
22
how to use style like change color to green
<h1 style = "color:green;"> CHICKEN </h1>
add the style term after the h or p
USE SEMI COLON TO FINISH A PROPERTY
add the style term after the h or p
USE SEMI COLON TO FINISH A PROPERTY
23
what if u want to use style but change to red and change border color to blue
<h1 style ="color:red;border-color:blue;"> hello </h1>
start doing the same format for the other property after semicolon
start and end speech marks at the end of the whole thing
start doing the same format for the other property after semicolon
start and end speech marks at the end of the whole thing
24
How to alter how h1 and p looks like via external files
no quote marks needed
25
how to link css external file if its called thisfile
<link rel="stylesheet" type="text/css" href="thisfile.css>
inside head container
inside head container
26
How to define classes in external css files and how to use them
use .name then do the same as p1 stufff
27
Image occlusion: name the hidden labels
28
Java script?
Programming language that runs in a web browser and can be embedded in HTML by <script>
Used to make website interactive via buttons/inputs etc
Used to make website interactive via buttons/inputs etc
29
what does form do and how to use
Used to create HTML forms for user input
<form id="form1" action = "dostuff.php">
id is just variable name
action = is where processing occurs.
<form id="form1" action = "dostuff.php">
id is just variable name
action = is where processing occurs.
30
<script>
where u do jave script within html
31
How to use the input tag?
<input type ="text" id ="forename" name="Name" >
type = determines the type of input either if its a text box or a submit button by "submit"
name = just the text that shows beside
type = determines the type of input either if its a text box or a submit button by "submit"
name = just the text that shows beside
32
what does .getElementById do?
returns variable with that ID:
var pass = document.getElementById("number");
pass is now equal to what number got inputted as
var pass = document.getElementById("number");
pass is now equal to what number got inputted as
33
How to convert an id into a different value?
number = "200"
document.getElementById("number").innerHTML ="42000000000";
use .inner.HTML for that
document.getElementById("number").innerHTML ="42000000000";
use .inner.HTML for that
34
how to directly write to website via java?
within <script>
document.write("hello");
document.write
document.write("hello");
document.write
35
how to write smth via aler box?
within <script>
alert("Hello world");
alert("Hello world");