Inspecting Contents on a Website

Shif — Tue, 22 Oct 2024 17:01:16 +0000

Have you ever wanted to know what kind of style that website is using?

Well, there is a simple way you can find that.

1) Hover over the content of the website and right click.

2) There you can see inspect option click on it.

3) You will see a tab opens on the right side of the page titled DevTools.

4) If you click on the three dots on the top right corner of DevTools you will be able to adjust the positioning of it.

5) The below image represents the HTML of the website page, you can edit it and see the changes on the site. The changes you make here are temporary they will disappear once you reload the website.

6) The below image represents the Styling of the website page.

This way you can inspect the website. Thank you!!!

Cover Image by Icons8 Lunacy

Your First Hello World! with HTML

Shif — Wed, 09 Oct 2024 03:37:27 +0000

HTML is a hyper text markup language, it is the structure of the website simply put what displays on the website

Download Visual Studio code (it is a code editor) https://code.visualstudio.com/Download
Create a new file hello.html
On the first line type html ! and then press enter

Remove the white highlighted html from first line
On the 9th line type <span>Hello World!</span>

Save the file
Open the file from file explorer and it will open on your default browser

Cover image by Icons8 Lunacy

So that was a simple tutorial on your first Hello World! with HTML

DEV Community: Shif

Inspecting Contents on a Website

Have you ever wanted to know what kind of style that website is using?

Your First Hello World! with HTML

HTML is a hyper text markup language, it is the structure of the website simply put what displays on the website