Blog – Page 4 – Dr James Froggatt

Creating menus

Post author:admin
Post published:February 7, 2019
Post category:HTML
Post comments:0 Comments

We create menus using the unordered list tags <ul></ul> and the list item tags <li></li>. Let's start with some raw html and see what it looks like. <!DOCTYPE html> <html>…

Links within pages

Post author:admin
Post published:February 7, 2019
Post category:CSS HTML
Post comments:0 Comments

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'…

Using different fonts in CSS that are not available in browser

Post author:admin
Post published:February 7, 2019
Post category:CSS
Post comments:0 Comments

By going to https://fonts.google.com/ we are able to use many new fonts on our websites. Method 1: Downloading from the internet We are able to select fonts for our website.…

Styling text with css

Post author:admin
Post published:February 7, 2019
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…

CSS classes and IDs

Post author:admin
Post published:February 7, 2019
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…

Comments inside HTML and CSS

Post author:admin
Post published:February 7, 2019
Post category:CSS HTML
Post comments:0 Comments

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…

Reset browser specific inbuilt style sheets

Post author:admin
Post published:February 7, 2019
Post category:CSS
Post comments:0 Comments

All browsers have their own inbuilt style sheets and this can interfere with the look that you're trying to create from browser to browser. We can download this code and…

Targetting specific css tags

Post author:admin
Post published:February 7, 2019
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;…

Basic text styling

Post author:admin
Post published:February 7, 2019
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>…

div tag in HTML

Post author:admin
Post published:February 7, 2019
Post category:CSS HTML
Post comments:0 Comments

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>…