University of Westminster

American dogs.html

As it shown from the codes of my Notepad document. The header section is almost not changed. Cause there is navigation bar which should appear the same on every page of the website. Only the code

American dogs

is added due to in this page of American dogs.html and it should have class active in its page code. Furthermore I made two divisions to create and style them in CSS. The first is

. This division is typed by me but the image was taken from Internet which is clearly stated on the comment on my Notepad document. The second division is

it consist of information about a particular dog. Moreover, clicking the phrase “read more” leads to another site in the new opened window. This is made by adding the tag namely target="_blank" which makes a link opened in the new window. For providing link itself the following code was used:

tag

in this codes means anchor and it is mainly with href used to provide link to new webpage or website. With right placed target="_blank" inside of the code allow to open any page on the new page.

Asian, European dogs.html

These pages are similar to each other. Because, the code used American dogs.html is repeated in the other two pages also with only changed info and images. Using this method was recommended by our teacher on tutorials. Because this method saves much time and accelerate coding process.