There are lots of things you can do to personalise your page some more. There are lots of code combinations that can produce different effects
as well. Here are a few things you can do to make your page look exactly how you want it;
Changing Individual Text Colours
To change the colour of a word, or even individual letters without causing the entire sentence to change colour, we use <span style="color: #ffffff"> on the left, changing the hex code to whatever colour you want, and then </span> on the right of whatever you want to be coloured differently.
So, for example, <span style="color: #2edb0e">This text will be green!</span>
Using Multiple Formatting Options In One
This is really easy. All you have to do is use each formatting option you want in a row. Pretty much any combination of these can be used! So, if you wanted something bold, italic, and underlined, you'd type
<b><i><u>This text will be bold, italicised, and underlined!</u></i></b>
You need to close the brackets in the reverse order of how you started them. So, in the example above, it goes "bold - italics - underlined" on the left, and "underlined - italics - bold" on the right.
Changing Link Colours
If you don't like the default blue that hyperlinks have, or the purple they change to once you've clicked them, you can change these in your style.css file. To do this, find lines six and seven of the CSS sheet, which should be these two;
All you have to do is change the hex code to one you'd prefer. 'Visited' refers to the colour the link will turn after it's been visited, making the one that just says 'a' the default colour.
Adding Scrolling Text
For this, we would use the <marquee> bracket. This will make your text scroll from one side of the screen to the other and then loop when formatted as <marquee>Message goes here!</marquee>, like so;
These can be easily customised with a number of different style tags - for instance, you could add bgcolor="#ffffff" directly between the word 'marquee' and the > to give the text a background colour;
Or you can make one that goes faster or slower by adding scrolldelay="85ms" truespeed="85ms" between the word 'marquee' and the >, then changing the numbers. For best results, both numbers should match. You don't need the truespeed part if you want your number to be 60ms or higher, but if you make it lower than 60 without truespeed, it will ignore that input. Making the number lower makes the text faster, and vice versa;
You can have one that goes up, down or right using direction="left", replacing the word 'left' with the direction;
You can combine all of these by putting them one after another, ensuring they have a space between each one;
You can even have a scrolling image by putting our <img src="x"> code in place of a message;
Adding A Dividing Border
This is a very basic dividing line that wraps on the page. It's mostly just for making your page look tidy, but can be used for anything, and there's a few things you can do to modify it. The basic tag is <hr>, and looks like this;
You can change the colour of this by adding color="#ffffff" after the hr, changing the hex code;
You don't have to use any of these, or you can use them all if you'd like to.
Feel free to experiment! You could make a page just to try out different things. If any of your code is wrong, your terminal will go red on the incorrect line, and tell you why where it can. If you make any big mistakes, there's always ctrl+z.