WebDev HELP!

The World Wide Web was developed by Tim Berners-Lee. It was designed for sharing information on pages called 'web pages'. These pages can link to each other using 'hyperlinks'. These linked pages create a logical spiders web around the World, hence the name World Wide Web. Web pages can be accessed by connecting to the host web server using the Internet.

The Internet is NOT the World Wide Web.

The Internet is the inter connecting networks and cables that span the globe. The Internet is used for data transmission, and some of that data transmission is web traffic.

Web pages are written using a language called 'HTML' (Hypertext Markup Language)

Basic HTML 'tags'

<html> ... </html>
- Everything in between these tags belongs to the web page

<head> ... </head>
- Everything in between these tags is part of the header therefore is NOT displayed

<body> ... </body>
- Everything in between these tags is part of the main body of the page and IS displayed

<h1> ... </h1>
- This displays text with the 'Heading 1' status

<p> ... </p>
- This displays a paragraph of text

<img width="200" src=" ... ">
- This displays an image of width 200 pixels

<b> ... </b>
- This displays BOLD text

<a href="http://www.bbc.co.uk" target="_blank"> A link to another website </a>
- This creates a hyperlink to another webpage (BBC in this example)

Standard webpage

A typical webpage is made up of 3 technologies:

HTML is used to write the content of a webpage (CLICK HERE)
CSS (cascading style sheet) is used to add styles, colours, fonts etc to a webpage (CLICK HERE)
Javascript is used to add interactivity to a webpage (CLICK HERE)

Cascading Style Sheets (CSS)

Standard styling can be changed by describing the style differences in the CSS file.

In this example the background colour of the main body of the webpage has been changed to purple (described using hexadecimal) and the colour of all Heading 1 text has been changed to red.

I want my website to look 'professional'

Bootstrap

Bootstrap is a pre-written style library that can make your websites look great with very little coding (CLICK HERE)