HTML File Paths | 99codes Online Free Coding Tutorial

HTML File Paths


HTML File Paths


A HTML document way is utilized to portray the area of a record in a site envelope. Document ways resemble a location of record for an internet browser. We can connect any outer asset to include our HTML record with the assistance of document ways, for example, pictures, record, CSS record, JS document, video, and so on.

html file paths


The src or href ascribe requires a credit to connect any outside source to HTML record.

Following are the various kinds to determine document ways:

1.<img src="picture.jpg"> It indicates that picture.jpg is situated in a similar organizer as the present page.

2.<img src="images/picture.jpg"> It indicates that picture.jpg is situated in the pictures organizer in the present envelope.

3.<img src="/images/picture.jpg"> It indicates that picture.jpg is situated in the pictures organizer at the foundation of the present web.

4.<img src="../picture.jpg"> It indicates that picture.jpg is situated in the organizer one dimension up from the present envelope.

Record ways are utilized on website pages to interface outside documents like:


1.Site pages

2.Pictures

3.Templates

4.JavaScript

There are two sorts of File Paths:


1.Total File Paths

2.Relative File Paths


Absolute File Paths


Absolute file path specifies full URL address.

Example -



Following Result -

html file paths

Relative  File Paths -


The relative document way determines to a record which is identified with the area of current page.

Example -


Following Result -

html file paths

Example -

This is the manner by which a document way indicates a record in the pictures organizer situated in the present envelope.

Following Result -

html file paths

Example -

At the point when the pictures envelope situated in the organizer one dimension over the present envelope.

Following Result -

html file paths


Important Points for File Paths -


  • Continuously make sure to utilize legitimate URL, record name, picture name, else it won't show on the website page.

  • Attempt to utilize relative record ways, with the goal that your code will be free of URL.

HTML File Paths | 99codes Online Free Coding Tutorial HTML File Paths | 99codes Online Free Coding Tutorial Reviewed by Arup Roy on June 04, 2019 Rating: 5

No comments:

Powered by Blogger.