HTML and CSS

Html and CSS

HTML and CSS are key elements that help make and shape websites, and web content that we see today. In this blog, you will understand the difference between both and how they work together.

HTML-Hypertext mark-up language

HTML is the language used to code websites, and what web browsers can understand. They effectively translate HTML to words and pictures  We are currently using HTML5, which has features such as easy implementation of email field, lists. It also has local storage, which improves the loading the time of a website that has been previously opened. Finally html is allow better optimisation for mobile web browsers

HTML is the name given to the script behind the web page. All web pages, start and end with “<html> </html>”, and can be created in simple programs such as Notepad. Other examples include href links- href, <p>  </p>,- paragraph , <h1> <h1/>- headings.

<h1>  Boy killed and woman injured in house fire </marquee> </h1>

<p>Firefighters were called to a home on Platt Avenue, Sandbach, at 2.50am on Sunday where they found a woman outside with serious burns.

The 35-year-old, believed to be the boy's mother, was said to have been screaming after the boy was left inside the burning house.

The eight-year-old was rescued from the upstairs of the property, but died at around 5am.

The woman was taken to Leighton Hospital, Crewe, in a stable condition.

The pair has been named in reports as Kelly-Ann Carter and Lucas Carter.

One neighbour described how he smashed a window in an attempt to save the boy, before being overcome by the fire.

Cheshire Fire and Rescue Service said four crews were sent to the property and extinguished the fire. 

Police have opened an investigation into the blaze.

A spokesperson for Cheshire Constabulary said: "Our thoughts at the current time are with the family of the boy and we request for their privacy to be respected at this difficult time. 

</p>

</body> 

The example above shows the HTML coding for a website, which consist of <p> tags which are used to layout paragraphs and, <h1> tags which are heading given to a piece of text. With the <h>, there are 6 <h> tags, which are differentiate from each other, e.g. <h1>,<h2> etc.

This image shows the CSS code of the website. CSS allows you to change the properties of html elements; for example, with CSS you are able to change the properties of individual  tags e.g size, font, background. With CSS you can make a website more presentable, and keep the code clean by having it on a separate ".css" file and linking the website to it.

CSS- Cascading style sheets

CSS is a language that is used to present a website and how it looks. This includes dimensions, and layouts of web pages. With CSS web developers are able to create website that can be suited for different devices such as phone and tablets. The purpose of CSS is to allow web developers, to get more precise measurements of websites and web based elements such as; position of images position of text, font and colour.

    

How does HTML and CSS work together?

HTML and CSS are both vital elements when creating websites. HTML allows web developers to create basic layout of a web page and defines, where tags, and paragraphs appear on the page e.g. above or below picture.

CSS however allow web developers more control of the website, by being able to change the properties of individual tags.By adding colour  and changing page margins, which can make a web page more interactive. In conclusion HTML is the main coding for the website, and CSS is used to change the properties of the website.

http://www.w3schools.com/html/html_intro.asp

http://www.yourhtmlsource.com/starthere/whatishtml.html

http://www.w3schools.com/css/css_intro.asp

https://www.w3.org/standards/webdesign/htmlcss