DEV Community: Gaurav Singh

How to distinguish which HTML tag has to close tag or Not?

Gaurav Singh — Mon, 08 Jan 2024 06:56:47 +0000

If any HTML element doesn't have any content inside them then it will not have a closing tag.

For Example image tag will not contain any content inside it that's why it doesn't have a closing tag.

The paragraph tag will have content that's why it has a closing tag.

I am a Web Developer & enjoy working on challenging projects, which is what makes this job so rewarding. You can reach out to my My Portfolio Site. I hope this article will helpful

Why unordered list is used to create navigation on the website not an ordered list?

Gaurav Singh — Mon, 23 Oct 2023 09:00:32 +0000

We don't need to follow any order while creating the navigation that's why we use an unordered list instead of an ordered list while creating links in Navigation.

Ordered List (`<ol>`)

An ordered list is used when you want to display a list of items in a specific numerical or alphabetical order.
It is created using the <ol> (ordered list) element and contains list items as <li> (list item) elements.
By default, ordered lists use numbers (1, 2, 3, etc.) to indicate the order, but you can customize the numbering style using CSS.

Unordered List (`<ul>`)

An unordered list is used when you want to display a list of items without any specific order or hierarchy. It is often used for creating bulleted lists.
It is created using the <ul> (unordered list) element and contains list items as <li> elements.
By default, unordered lists use bullet points (•) to indicate list items, but you can customize the bullet style using CSS.

The choice between ordered and unordered lists should be based on the content and the desired presentation of that content on your web page.

I am a Web Developer & enjoy working on challenging projects, which is what makes this job so rewarding. You can reach out to my My Portfolio Site. I hope this article will helpful

Basics Terminal Command Every Web Developer Should Know.

Gaurav Singh — Thu, 28 Sep 2023 13:52:59 +0000

Home Directory ~

See all files in the current Directory ls

See in which Directory you are currently now pwd

Clear Console clear

Navigation Commands

Change Directory cd

Traverse back to Directory cd ..

Root Vs Home Directory

Root Directory /

Home Directory ~

Absolute vs Relative Path

Absolute

Relative Path

Create a new Directory

mkdir dir

Flags

Flags are the additional command embedded with the commands to show more in the directory (Hidden folders/files)

ls -l

ls -a

Create a New file

touch filename

Delete Files/Folders

Delete files rm - filename

Delete Folders

Empty Folder

Folder with files

I am a Web Developer & enjoy working on challenging projects, which is what makes this job so rewarding. You can reach out to my My Portfolio Site. I hope this article will helpful

How to style text in console in the browser?

Gaurav Singh — Mon, 08 May 2023 11:05:35 +0000

If you find it difficult to style the output, we can do it in the JavaScript console.

The steps are as follows:

Click on Inspect Element in the browser's Developer Tools, and then scroll down to see your new string!
Print this code in the JavaScript console:

console.log("%cHello world","font:size:40px; color:blue ");

Change the text to whatever you want and then hit enter

Now you can see the changes in the console tab

Have fun and enjoy coding!😊

DEV Community: Gaurav Singh

How to distinguish which HTML tag has to close tag or Not?

Why unordered list is used to create navigation on the website not an ordered list?

Ordered List (<ol>)

Unordered List (<ul>)

Basics Terminal Command Every Web Developer Should Know.

Navigation Commands

Root Vs Home Directory

Absolute vs Relative Path

Create a new Directory

Flags

Create a New file

Delete Files/Folders

Delete Folders

How to style text in console in the browser?

Ordered List (`<ol>`)

Unordered List (`<ul>`)