html

html

1. html

   • hypertext markup language

2. WWW

   • The world wide web is a collection of websites all over the world.
   • The websites are stored on servers all over the world there is no central storage
   • websites are accessed through the internet which is a global network of interconnected networks.
   • What happens when you try to view a website from your computer
     • 1) The local browser send a request the local internet service provider.
       • IPS
     • 2) The IPS fetches the website the requested content from a web server located on the internet
     • 3) It then sends it back to your computer

3. Layout of a web page

   • A web page is made up of a head and body
   • It also has a navigation bar on the side

4. html coding

   • <body> </body>
   • <title>html script</title>
   • <head> </head>
   • <h1> <h1>
     • This tag changes the size of the letters so the higher the number the smaller the text will e
   • <p> </p>
   • <a>
     • This tag is for a link
     • <a href="contact.html">Contact Us</a>
       • This is an example of what a link code would look like
   • <img src="img_chania.jpg" alt="Flowers in Chania">
     • you use this for an image
   • <li> </li>
     • This is for lists

5. Coding

   • 1) At the top of any code you must put
     • <!DOCTYPE html>
     • This shows that the document is html
   • You then put the head code
     • 3) This indicates the layout and that it is the heading
     • 4) After that you put you body and start your paragraphs
     • 2) You then put the code
       • <html>

6. CSS

   • Cascading style sheet
   • CSS defines the styles
     • Colours
     • Fonts
     • Borders
     • Layout of the web page
     • Any code of CSS MUST go in the tags
       • <style> </style>
     • Features of a good web design
       • limited colour palette (maximum 3 colours)
       • Navigating functions
         • navigation bar
         • buttons
     • what is meant by responsive
       • The website content automatically adjusts to best suit the size of the screen it is being viewed on

7. Names of codes

   • You would call your first page
     • index.html
     • Form page
       • <input type="text" name="username">
         • Yu would use this code to create a text box for a username
       • once all details are collected the registration details are submitted to a local web server which saves them to a local database
       • how to log in
         • the log in details are resubmitted to the web server which then performs a search in the database
           • If the details match the user is accepted