1.3.4 WEB TECHNOLOGIES

Hypertext Markup Language - Defines the structure/content of a web page by using tags

Cascading Style Sheets -defines the style/appearance of web pages and can be placed within HTML or externally in a file.

<html>

Container for meta data

<title> blank </title> which must be inside <head>

<body>

<h1> to <h6> the smaller the number the bigger

<p> which adds blank gaps after each tag

<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

This <a href ="link"> TEXT </a> is hyperlink

<img src="cat.png" alt="cat pic" height ="200" width = "200" >

Ordered list <ol>
Unordered list <ul>
<li> is used for every item in list

<div>

background-color:blue
use can hexa

border-color:red
u can use hexa

border-style:dotted
can be dotted, dashed, solid , double etc

border-width:5px
use px after numberl

color:red
shrimple

font-family:sans,papyrus,bubble
use comma if u want to include multiple fonts in case first fails

font-size:40px
in pixels

width:40px
height:48px
changes size of border and element

<h1 style = "color:green;"> CHICKEN </h1>
add the style term after the h or p
USE SEMI COLON TO FINISH A PROPERTY

<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

no quote marks needed

<link rel="stylesheet" type="text/css" href="thisfile.css>
inside head container

use .name then do the same as p1 stufff

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 create HTML forms for user input
<form id="form1" action = "dostuff.php">
id is just variable name
action = is where processing occurs.

where u do jave script within html

<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

returns variable with that ID:
var pass = document.getElementById("number");
pass is now equal to what number got inputted as

number = "200"
document.getElementById("number").innerHTML ="42000000000";
use .inner.HTML for that

within <script>
document.write("hello");
document.write

within <script>
alert("Hello world");