Skip to main content

Posts

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

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

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>

BLOCK ELEMENTS IN HTML

 BLOCK ELEMENTS IN HTML 👉 On this blog We cover a Block Elements In HTML.  ✅ Block elements means its cover a 100% width of elements like DIV elements and other we will show you.. < address > < article > < aside > < blockquote > < canvas > < dd > < div > < dl > < dt > < fieldset > < figcaption > < figure > < footer > < form > < h1 > - < h6 > < header > < hr > < li > < main > < nav > < noscript > < ol > < p > < pre > < section > < table > < tfoot > < ul > < video > ✔ Here we show you Which is Block and Inline Elements <!-- Address Elements --> <address> <strong> ADDRESS ELEMENT </strong> <br> Coding with Negi <br>  123 Street No. 1 Delhi <br> INDIA</address> <!-- ARTICLE --> <article> Lorem ipsum dolor sit amet, consectetur adipiscing e

Types of HTML Lists

👉 TYPES OF HTML LIST We have 3 types of lists in HTML Order Lists Unordered Lists Description List How to write a Ordered list in HTML. <ol> <li>Computer</li> <li>Mouse</li> <li>Printer</li> <li>Monitor</li> </ol> We also change of type in Ordered list type: type="1" The list items will be numbered (default) type="A" The list items will be uppercase alphabet  type="a" The list items with lowercase letters type="I" The list items will be uppercase roman numbers type="i" The list items will be numbered with lowercase roman numbers UNORDERED LIST <h2> Unordered lists </h2> <ul> <li> facebook</li> <li>twitter</li> <li>chatbox</li> <li>bingo</li> </ul> Output : We can also change type of Square, Circle, and disc disc Sets the list item to a bullet (default) circle Sets the list item to a circle

Tables in HTML

How to Use Table tag in HTML In this blog we understand the table elements in HTML. How to Create a Tables in HTML Firstly we understand table elements.  1. when we create a table in editor type with <table> 2. after that we create a table row with <tr> 3. between <tr> we create table data <td> see it into sublime text editor <body> <table border="1px"> <caption> Student Data</caption> <tr> <td> Name</td> <td>Roll NO</td> <td>Marks</td> <td>total Marks</td> <td>Percentage</td> </tr> <tr> <td> JOhn</td> <td>32655</td> <td>250</td> <td>500</td> <td>50%</td> </tr> <tr> <td> Carter</td> <td>1254</td> <td>250</td> <td>500</td> <td>50%</td> </tr> </table> W

Change FAVICON in HTML

On this blog we discussed about what is FAVICON on HTML and how to add your logo on favicon. What is Favicon? Favicon is a logo when you visit a site a logo show on your title bar. Here is code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Change of Favicon logo</title> <link rel="icon" type="image" href="d:/mybloglogo.png"> </head> <body> </body> </html> Output: Subscribe and See on video:  Like and Subscribe फ़ेविकॉन क्या है और इसे कैसे चेंज करें