Each of the three language has its own syntax and purpose:
- HTML uses <tags> and its purpose is to add content on the page such as text, pictures, and video clips.
- CSS is used to customise the look and feel of the page by defining the position of each element on the page, defining the layout of the page as well as formatting text, pictures and other components on the page.
Each of these languages are based on web standards defined by the World Wide Web Consortium W3C. As a consequence these languages are recognised by all the main web-browsers including Google Chrome, Microsoft Edge, Modzilla Firefox, Safari, etc. on various platforms (Windows, MacOs, Linux, Android etc.)
On this codepen you can click the button located below the “Mind the Gap” sign in order to change the text of the sign.
Add one more button to allow the user to change the background colour of the both sections of the logo (circle and label).
To do so you will need to:
- Add a button below the poster
document.getElementById("red-circle").style.borderColor = "#FFFF00"; document.getElementById("blue-label").style.backgroundColor = "#00FF00";
You can then use your web application to re-create the following signs: