HTML5 Filepath tutorial for beginners

File Path Setting in HTML

« Back Next »

File Path Setting in HTML

Setting Paths in HTML

In HTML web page to interact images, documents like files, path to identify where the file is located in a web site’s file and folder formation that is structure.
Will see some of file path descriptions and how it use the path..

By using <img> tag with src=”path here” attribute to set the path of a file or image. <img src=”image.jpg”> -- indicates this image.jpg is located in the same folder where the current web page is located. <img src=”pictures/image.jpg” alt="harisystems"> -- indicates this image.jpg is located in the pictures folder where the current web page is located outside of pictures. <img src=”/pictures/image.jpg” alt="harisystems"> -- indicates this image.jpg is located in the pictures folder where the folder at root level of current structure. <img src=”.. /image.jpg” alt="harisystems"> -- indicates this image.jpg is located in the folder where the folder one level up from the current folder. <img src=”../.. /image.jpg” alt="harisystems"> -- indicates this image.jpg is located in the folder where the folder two levels up from the current folder.

html5 tutorial for beginners

Script tag

Different type of files path setting

In HTML form by setting file path not only .jpg file also we can set a path for others to access nd present on web page.
By setting path externals we call it as
Images
Web Pages
JavaScripts
Style Sheets
.pdf and .doc files
By setting file paths in programming language as well computer terminology it call it as Absolute file path and relative file path. We will cover in this session both