Links within pages

If we create another page of a website, we can link to it within our website using the <a href> </a> tags. e.g. <a href="about_me.html">About me</a> If the file 'about_me.html'…

Continue Reading Links within pages

Styling text with css

  • Post author:
  • Post Category:CSS
  • Post Comments:0 Comments

First, let's start with just a basic HTML page. A link has been added as well so we can look at styling that too. index.html <!DOCTYPE html> <html> <head> <title>My…

Continue Reading Styling text with css

CSS classes and IDs

  • Post author:
  • Post Category:CSS
  • Post Comments:0 Comments

Classes and IDs are used to target specific elements in a page. Using classes index.html <!DOCTYPE html> <html> <head> <title>My website</title> <meta charset="UTF-8"> <link rel="stylesheet" a href="browser-reset.css"> <link rel="stylesheet" a…

Continue Reading CSS classes and IDs

Comments inside HTML and CSS

Often, it's a good idea to make comments in HTML and CSS code. These comments server the purpose to tell us in plain English what the code actually is, or…

Continue Reading Comments inside HTML and CSS

Targetting specific css tags

  • Post author:
  • Post Category:CSS
  • Post Comments:0 Comments

h2 { color: blue; font-size: 40px; margin: 50px; background-color: yellow; text-align: center; } p { color: #55CC77; background-color: rgb(120,20,56); } h3 { color: pink; font-size: 20px; margin: 0px; background-color: blue;…

Continue Reading Targetting specific css tags

Basic text styling

  • Post author:
  • Post Category:CSS
  • Post Comments:0 Comments

<!DOCTYPE html> <html> <head> <title>My website</title> <meta charset="UTF-8"> <style> h2 { color: blue; font-size: 40px; margin: 0px; /* remove standard margin on all sides */ } </style> </head> <body> <div>…

Continue Reading Basic text styling

div tag in HTML

Is a way of breaking up the page into boxes that can be moved and styled using CSS <!DOCTYPE html> <html> <head> <title>My website</title> <meta charset="UTF-8"> </head> <body> <div> <section>…

Continue Reading div tag in HTML

Basic HTML layout

  • Post author:
  • Post Category:HTML
  • Post Comments:0 Comments

<!DOCTYPE html> <html> <head> <title>Holidays</title> <meta charset="UTF-8"> </head> <body> <section> <h2>Latest Deals</h2> <h3>See latest holiday deals here</h3> <article> <h4>Holiday 1</h4> <p>A lovely break in spain</p> </article> </section> </body> </html>

Continue Reading Basic HTML layout