Task 2

Introduction – in this report, I am going to be describing how HTML and CSS work together to produce websites. I will describe what HTML is and what its purpose is in developing websites. I will also be doing the same for CSS. After describing, I will conclude by describing how HTML and CSS work together in the development of websites. This description will go over the ability for the programmer to pre define tags and the ease it will bring when having to come back to edit the tag.

HTML – HTML stands for Hypertext Mark-up Language, HTML uses tags like - <p> and </p>. This tag will make it so the text written within them, will be classed as a paragraph. Its purpose is to create websites, the language is very easy to learn, and this is because most of the code uses tags. HTML is the mark-up language that all web pages are written in. HTML is very basic and can cause a lot of confusion, the formatting for HTML is limited and is not very good at formatting multiple lines of text, though it is possible, it will take the programmer a lot of time to do so.

CSS – stands for Cascading Style Sheet. CSS is a plain text file format and is used for formatting content on webpages (HTML). CSS is able to edit the way text looks in more depth than what HTML can. Formatting for example can be – font, size, colour, border and location of HTML. HTML is also able to create a house style for the pages of a website. In other words, CSS will be used for the ease of being able to format multiple amounts of text. The programmer can set it so that a paragraph can be pre-defined, or the programmer can create a border at the start of the file and be able to edit it with ease if they need to change it.

Compare and Contrast – HTML is what everyone will write their page in. With HTML you are able to create a title, paragraph, insert links etc. However with HTML, you are limited to how you do this. For example, if you were creating a webpage for someone and you have one line as a different colour, the person may want that line changed to blue and the rest of the text to purple. With HTML, you will need to go to each line of code and manually change them. However, with CSS you can configure the tags. For example, <p1> can be pre-defined to have a font size of 50 and the colour to be red. Now if the person doesn’t like the way <p1> looks, you can go back to where you pre-defined how <p1> will look and change the values without having to go to each line of code to edit the colour.