Skip to main content

Posts

Basic rules of using CSS

 if you are using inline CSS then paragraph color should be red if you're using external CSS then paragraph color should be orange  if you're using internal CSS then paragraph color should be blue.
Recent posts

Add CSS using external CSS

>>> U just need to create a another page and save it with the name style.css >>> and then go to link that style page with your html docs how to link your css with html page ? >>> You can find code below , it will help you to link your external page with your html docs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Divyanshu Khare || MERN Developer</title> <meta description = "description" content="Divyanshu Khare's website"> <link rel="stylesheet" type="text/css" href="style.css">   <!----------link external css page ---------> </head> <body> </body> </html>

Meta data in Website

 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta description ="description" = content="Hey I'm creating this website for my own practice"> <title>Divyanshu khare || MERN Developer</title> </head> <body> <form> <div> <lable = "UserName">user Name</lable>  <!--------Lable is before any box ----> <input type="text" id="UserName" >  </div> <div> <lable = "passwordFor">Password</lable>  <input type = "password" id = "passwordFor" required      placeholder = "Enter your password"> </div> <div><input type = "submit"></div> <!-----------This is submit button-----------> </form

Create a Simple form HTML

Login Form IN HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <form> <div> <lable = "UserName">user Name</lable>  <!--------Lable is before any box ----> <input type="text" id="UserName" >  </div> <div> <lable = "passwordFor">Password</lable>  <input type = "password" id = "passwordFor" required placeholder = "Enter your password"> </div> <div><input type = "submit"></div> <!-----------This is submit button-----------> </form> </body> </html> Explanation: >> for create a form we should use first form tag then will take input from user to validate da

HTML Character

 Space in paragraph: &nbsp: no break space <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <p>lorem ipsun &nbsp;        it will give u space it will give u one space if you want more space in a paragraph u need to use thing tag multiple times as per your requirement &nbsp; &nbsp; it will give you 2 space bcse I've used 2 times</p> <p>p tag is used for [paragraph]</p> </body> </html>

Block vs Inline Elements In HTML

  Block: Block element always start in New Line  Block element always start in new line occupy complete width available  Example: h2, p, div Inline Element: They do not start in new line occuply width as much required  Example: img, anchor a,span There are no different between div and span, only difference is div is block element and span is Inline, it will help you to group your content or elements