Skip to main content

HTML File Paths

 HTML  FILE PATHS

In HTML, file paths are used to specify the location of external files, such as images, stylesheets, scripts, and other HTML documents. There are three types of file paths commonly used:

1. **Relative Paths**: Relative paths specify the location of a file relative to the current document. They are defined based on the directory structure of the website. Relative paths can be categorized into two types:

   - **Relative Paths without a leading slash**: These paths are relative to the current directory. For example, if your current file is located at `example.com/index.html` and you want to link to an image located in the same directory, you would use `image.jpg` as the path: `<img src="image.jpg">`.

   - **Relative Paths with a leading slash**: These paths are relative to the root directory of the website. For example, if your current file is located at `example.com/blog/index.html` and you want to link to a stylesheet located in the root directory, you would use `/css/style.css` as the path: `<link rel="stylesheet" href="/css/style.css">`.

2. **Absolute Paths**: Absolute paths specify the complete URL or file path to a resource. They include the protocol (`http://` or `https://`) and the full URL or file path. Absolute paths are typically used when linking to external resources on other websites. For example: `<script src="https://example.com/js/script.js"></script>`.

3. **Root-Relative Paths**: Root-relative paths are similar to relative paths with a leading slash, but instead of being relative to the website's root directory, they are relative to the server's root directory. They start with a leading slash (`/`) but do not include the domain name. For example: `<img src="/images/image.jpg">`.

It's important to note that the correct usage of file paths depends on the file's location relative to the current HTML document and the desired resource.
Labels:
Location: India

Comments

Post a Comment

Popular posts from this blog

HTML Basic

 How to Write HTML Tags All HTML document must start with <!DOCTYPE HTML> HTML Document start with <html> and end with </html> (that's call a start tag and end tags. The visible part of the document between <body> and </body> tags. Type of Heading Tags:  HTML document contains a 6 types of heading  we are heading describe with  <h1> heading 1 </h1> tags <h2>  heading 2  </h2>   <h3>  heading 3  </h3>   <h4>  heading 4  </h4>   <h5>  heading 5  </h5>   <h6>  heading 6  </h6> Every heading have a different fonts size. Example: Do practice and Touch with our blog  
Post a Comment
Read more

TYPE OF HTML CSS

 Types of HTML CSS To change a HTML documents style Three Types to Add CSS in HTML 1.      Inline CSS: To using by <p style> change a style of HTML Attribute.      2.     Internal CSS: by using <style> tag in the below of <head> tag.           3.    External CSS : By using <link> element in link to external CSS file. INLINE CSS We use inline CSS in a line      Example : <p style=“color:green;”> Green Text </p> Here we use inline css… INTERNAL CSS In this section we use Internal CSS.      We use <style> element under the <head> section. Example:           <style>                 p {color:green ;}                      </style> EXTERNAL CSS External CSS create a new fil...
Post a Comment
Read more

Forms Tag in HTML

Forms tag in HTML 👉 The forms tag is used to create an HTML form for user input.. 👉 In this Blog i will show you how to create a form and its tags, attributes. 👉 Let's Start Firstly we  create a form start with <form> tag </form> <form action=" serverlink " method="POST" autocomplete="off"> <fieldset >  <legend> Registration form</legend> Note: Firstly we create a Label tag  <label for="fname" class="fname"> First Name </label> </br> 👉We use input type ="text" for  get a user information in text. like name address, and other info.           <input type="text" name="fname" id="fname"> </br> </br> <label for="lname"> Last Name </label></br> <input type="text" name="lname" id="lname"> </br> </br> 👉     When we want a user email id so we...
Post a Comment
Read more