How Websites Work | TryHackMe

br4ind3ad
3 min readSep 17, 2021
source ~TryHackMe

The two major components that make up a website:

  1. Front End (Client-Side) — the way your browser renders a website.
  2. Back End (Server-Side) — a server that processes your request and returns a response.
What term best describes the side your browser renders a website?
Client-Side

In a webpage :

HTML: define their structure

CSS: adds styling options

Javascript: implement complex features on pages using interactivity

HTML: Hypertext Markup Language — is the language websites are written in. Tags are the building block of a website.

Structure of a HTML document

Source~TryHackMe

Difference Between Class and ID

A class name can be used by multiple HTML elements, while an id name must only be used by one HTML element within the page

One of the images on the cat website is broken — fix it, and the image will reveal the hidden text answer!
HTMLHERO
Add a dog image to the page by adding another img tag (<img>) on line 11. The dog image location is img/dog-1.png
DOGHTML
Source~TryHackMe
Click the “View Site” button on this task. On the right-hand side, add JavaScript that changes the demo element’s content to “Hack the Planet”
JSISFUN
Add the button HTML from this task that changes the element’s text to “Button Clicked” on the editor on the right, update the code by clicking the “Render HTML+JS Code” button and then click the button.
View the website on this task. What is the password hidden in the source code?
testpasswd
View the website on this task and inject HTML so that a malicious link to http://hacker.com is shown.
HTML_INJ3CTI0N

--

--