Web Technology
<a>
hyperlink
<em>
emphasised text
<ol> and <li>
ordered (numbered) list
<p>
paragraph.
<img>
content images
What are the request and response formed with?
HTTP
<link> with rel=icon
Tab icon.
<audio> / <source>
Audio player.
Give an example of an element
<title>Hello World</title>
What is a web sever?
A computer connected to the internet that holds the files that make up a website. When it gets a request it sends back the files - it serves the website
What does an element look like?
An element is made up of start and end tag
What is a HTML document made up of?
Elements
<h1> to <h6>
Heading sizes
What is hypertext?
Hypertext is saved in a format called HTML and is usually paired with CSS
What does HTML stand for?
Hypertext markup language
What does HTTP stand for?
Hypertext transfer protocol
<map> / <area>
Image map links.
What does HTML do?
It describes the content of a website to a web browser.
What is a protocol
It is a way of doing something. In HTTP is just mean the way to transfer the hypertext
What does a web browser do?
It makes a request to the web sever asking for the file stored at the web sever's address
What does CSS do?
It tells the browser how we want the web browser to look. This includes colours, fonts, and background images
<br>
Line break, eg for poem. Not to be used to create paragraph break or other formatting
<body>
The body is the main part of the web page. Note - you can only have one body!
<head>
The head of the document gives important set up information, such as the title and the link to the css.
<link>
The main use for this tag is to link your css file to your html file.
What is CSS often described as?
The presentation layer
<html>
The rest of the document should be between a pair of html tags
<title>
The title is the name of the website that is displayed in the browser tab. It's compulsory to include the title in the head of the page.
<!DOCTYPE html>
This must be the first line of code and tells the browser that this document is an html document
<table> <tr> <td> <th>
Used to create a table - <tr> for the rows and then <td> for each column within that row (nested). Optionally use <th> instead of <td> for cells in the header row.
<header> / <footer>
Used to create header or footer to the page
<section>
Used to define different sections of the page
<video> / <source>
Video player.
<ul> and <li>
unordered (bullet) list
<nav>
used to create a menu