1.3

1.3

So far I have looked at a lot of HTML tags, some which I will eventually use on my webpage and some that aren't useful for what i am doing.

These are some HTML tags that I have found and their uses:

<b> - This tag means 'bold', putting this in front of some text will make it appear bold.

<h1> to <h6> -  This tag means 'heading',  if put in front of text it will make them look like a title. I have learnt that <h1> should be reserved only for the main heading of a website

<img src= - This codes for embedding an image. The name that comes after refers to the name of the source of the image.

<select> - This is a drop down list, which used to be coded for in Javascript unit HTML5 was realised. After <select> a tag called <option> must be used for each option in the drop down list.

<ul> - This code is for an un-ordered list, which is a navigation bar. These are usually seen at the top of webpages.

<video> - This is used for embedding a video file, this is new to html5.

I had a go at creating a very small website for a photography project which I did last year. For this website I obviously wanted  to have embedded images, I also wanted the website to be only HTML.

This is the coding that I came up with for my very simple website. This is my first attempt at website building and was done all on notepad.

As you can see, in my small website script I added CSS into the HTML. This is a bad idea if you are making a website with multiple pages, as it would mean you would have to type out the CSS script on each page. Usually the CSS is in a separate file, which you would link to in the head of the HTML script for each page.

In my CSS i have created a style division called '#FaceMe1', so anything with '<div id=FaceMe1>' will have a grey background with a 1px black border. So, if i put it around another piece of text it would look like this: 

 

And this is the coding that I used, I have highlighted the CSS:

The website can be found here: faceme.comxa.com