Skip to main content

Posts

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
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

What is META Tags

 What is Meta tags and What is uses in HTML ? HTML meta tags in  <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> meta tags</title> </head> 👉      Define The Character:                                      <meta charset=“UTF-8”> 👉    Define keyword for Search Engine                      <meta name=“keyword” content=“ HTML, CSS, Javascript”> 👉    Define the Description of Webpage:                      <meta name=“description” content=“Free Development   Courses”> 👉    Define the Author of Website:                      <meta name=“author” content=“Negi”> 👉    Refresh document every 3 seconds:                      <meta http-equiv=“refresh” content=“03”> 👉    Viewport to make your website look good on any devices :                 <meta name=“viewport”   content=“width=device-width”, init
Post a Comment
Read more

What is Iframe in HTML

What is IFRAME in HTML? I frame used to embed another document the current HTML document.  Syntax:   <iframe src="filepath.html" name="iframe_1" height="300px" width="100%" title="Demo"></iframe> <p><a href="https://www.w3schools.com" target="iframe_1">W3Schools.com</a></p> <p>When the click on attribute of a link matches the name of an iframe, the link will open in the iframe.</p> Example: Do practice this command and look out : if any question and query kindly contact with us via contact forms. Thank you
Post a Comment
Read more

HTML Classes and ID's Attributes

  The class Attribute The  class  attribute is often used to point to a class name in a style sheet. It can also be used by a JavaScript to access and manipulate elements with the specific name. In the following example we have three  <div>  elements with a  class  attribute with the value of ".classes". All of the three  <div>  elements will be styled equally according to the  .classes  style definition in the head section: You can manipulate your and design by the classes. Example: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> html classes and IDs </title> <style type="text/css"> .classes{ background-color: green; color: ghostwhite; border: 2px 4px 3px 2px; margin: 20px; padding: 20px; font-family: arial,; } </style> </head> <body>
Post a Comment
Read more