HTML5 Filepath tutorial for beginners

File Path Setting in HTML

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


Harisystems is optimized for learning, testing and training. courses are designed to be simplified to improve reading and basic understanding for beginners to expert level. Tutorials and examples are constantly reviewed to avoid errors, however we cannot warrant full correctness of all content. if any found need to correct write us at info@harisystems.com. we Harisystems is not responsible for any with this tutorials, While using this site, you agree to have read and accepted our terms of use, cookie and privacy policy. Copyright 2007-2020 by Harisystems. All Rights Reserved.
Copyright © Harisystems 2020