1.3.4 Web Technologies Flashcards
HTML
Hyper Text Markup Language
The script used to write web pages, interpreted and rendered by a browser
What do HTML elements consist of?
Start and end tags …
Beginning and ending a HTML document
Use < html > and < /html > to start and end
HTML headers
<h1> text </h1> <h2> text </h2> <h3> text </h3> ... Decrease in order of importance and size without style changes
HTML text
<p> text </p>
- a new line won’t start without a new <p></p>
HTML images
Open image tag
src = “filename.filetype” width=“x” height=“y”
Close image tag
HTML hyperlinks
<a> text </a>
HTML lists
<ol> and </ol>
start and end an ordered list (1.,2.,3.)
<ul> and </ul>
start and end an unordered list
<li> text and </li>
for each list item, a new line for each
CSS
Cascading style sheets
Describe how HTML styles are displayed
Using CSS in HTML
Either use inside a < link >tag or use externally to reuse
Using CSS
style = “property : type used ; property : type used;…
CSS colours
Use color : colour;
Can use #hex/names for colour
CSS borders
border-style : border type;
border-color : border colour;
CSS fonts
font-family : font : font type: broader font type;
If the first font cannot be used it is passed down
CSS external
section { property : type used property : type used }
CSS creating classes
.classname { property : type used property : type used ... }
CSS using classes
<div></div>
ID CSS
#ID { property : type used property : type used ... } Call with id = "IDname" at the start of the corresponding section
Linking CSS
link ret=“cssfilename” type=“text/css” href=“file name.css”
Enclosed in <>
What is javascript?
An interpreted scripting language used to code the functionality of web pages
Interpreted so it can run on multiple platforms
Javascript text box
input type=”text” id =”…” name = “…”
Enclosed in <>
Javascript button
input type=”submit” id =”…” name = “…”
Enclosed in <>
Javascript setting a button to run a function when clicked
button onclick=”functionname()
Enclosed in <>
Using javascript code in HTML
Enclose in < > tags
Javascript major difference to java
var is used instead of specific variable types
Changing contents of a HTML element with javascript
chosen element=getElementById(“…”). etc
Javascript alert
alert(“text to display”)
Javascript id vs class
You can have multiple classes but only one ID
HTML div tags
Divide a page into areas