Let’s break it down further, so we can fully associate the relationship these languages have, shall we:
- Your Hypertext Markup Language
- The blank canvas with all the sets of the standard, your masterpiece will follow.
- Indicate here your essential texts, title, and actions for your Webpage
- This is the part where all of your other parts will be hosted, defined, or incorporated
- Where UI is present
- Cascading Style Sheets
- This is where you now can accessorize, design, decide the size and add color to your artwork or Webpage based on the idea or first draft you have done in your canvas. All aesthetic elements can be directed here and input here to be seen by your audience.
- The language you use in your Webpage or artwork that defines graphics, animation, and sounds
- If you want your artwork to have bonuses of other features and functionalities, this is the part responsible for that.
- Think of it as a bonus and added flare to your artwork.
- This is in charge of facilitating the next steps for your buttons, links, icons, and anything to do with what is clickable on your page
- This defines what your artwork is all about and what it is for.
HTML with Script Tag
HTML via Code Programming
HTML via Separate File
To avoid these errors when using this method, attach a path to enable direction via <script src=(insert “PATH”)>
CSS via Style Tag
HTML. This way, the relationship of each corresponding code is attributed fairly.
The background color of your page, size of your text or font, and the dynamics of the texts can be manipulated here.