In this weeks lesson we continued learning about HTML and CSS, we also learned how to add tables and images into our website.
This week we learned some more tags that will improve our website, these included, <viewport>, <br>,<hr>, and <blockquote>.
The typefaces I choose for my website were decided on google fonts, I chose the typefaces and then inputted the HREF link into my HTML. The fonts I chose were Arapey.
For images, I choose mine images from a Plugin on Figma called Unsplash, this ensured my images were not blurry when I was resizing them. To insert them into the website it was important to change them to JPG, ensuring the quality is excellent. Below is the images that I choose for my website.
To insert the images from your file to HTML, there is a code that allows this image to be transferred. By renaming the image to something unique, you can type the name into the given code. For example, I named the image “women1”, which can be seen in the code below. This way the HTML will recognise this name.
With this, we can also use CSS to tamper with the image. Below is the coding I used in my CSS.
Lastly, we decided to change the footer to make it more interactive. Below is some of the coding for the buttons in my footer, such as a link to my email. In CSS I added colour and margins.
