Skip to main content

Posts

Showing posts from November, 2022

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
Post a Comment
Read more

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
Post a Comment
Read more

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 फ़ेविकॉन क्या है और इसे कैसे चेंज करें 
Post a Comment
Read more

HTML BACKGROUND IMAGES

HTML Background Images In this Blog we learn that how to change background color in HTML and how to use background element in Backgrounds. 1.     In this blog we use Internal CSS to change a background. 2.     We given a code Below in this Blog and  You can see on youtube video link here:  Click Here <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Image Background</title> <style type="text/css"> body{background-image: url(D:\mybloglogo.png); background-repeat: no-repeat; background-attachment: fixed; background-size: auto;} </style> </head> <body> <h2>What is Lorem Ipsum? </h2>  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
Post a Comment
Read more

HTML BORDER WITH CSS

 Many Type of HTML Border We have many types of border in HTML. We can change it with border style and colors. So we discussed how to change a Border color and Style in HTML. 1.      Firstly we write a Code in Sublime Text and Save it to Borderwithcss file 2.      Secondly we link a stylesheet in  <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>change border style</title> <link rel="stylesheet" type="text/css" href="d:/html blog/style.css"> </head> <body> <p class="b1"> this is a normal paragraph for change border style with css</p> <p class="b2"> this is a normal paragraph for change border style with css</p> <p class="b3"> this is a normal paragraph for change border style with css</p> <p class="b4"&g
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 file in sublime text and save with filename.css extention. Link with your css file code in below <link rel=“stylesheet” href=“filename.css”> This code also write on under <head> tag....
Post a Comment
Read more

HTML FORMATTING ELEMENTS

HTML FORMATTING ELEMENTS On this blog we learn about Formatting Elements in HTML Like: How to use Bold, Strong, Italic, emphasized, mark, Small, Delete, Insert, Subscript and Superscript text... <b> -  for Bold text <strong> - presently we use Important text <i> -  for Italic text <em> -  presently we use Emphasized text <mark> - Marked text who is important <small> - Smaller text <del> - Delete the text with a line Deleted text <ins> -  Inserted in text Inserted text <sub> - for a formula with a Subscript text <sup> - Superscript text
Post a Comment
Read more

Change the Style Elements in HTML

 HTML Styles Elements  What you learn today Use Background-color   for background color html page. Use color attribute for text color Use font-family for text fonts Use font-size for text size. Use text-align for text alignment Youtube channel : Like and Subscribe my Channel Example <!DOCTYPE html> <html> <head> <title> style sheet </title> </head> <body style =" background-color:purple; " > <p style =" color:red; "> this is text color </p> <p style =" font-family:arial; " > font family using html </p> <p style =" font-size:200%; " > font size using html </p> <p style =" text-align:center; " > text align center using html </p> </body> </html>
Post a Comment
Read more
What is ELEMENTS Start tag and End tag is everything in elements <tagname> content...... </tagname> example: <h1> heading1 </h1> The following example four HTML Elements (<html>, <body>, <h1> and <p>) : In a previous blog we learn a heading tags: Paragraph Elements Here we learn about paragraph tag: paragraph tag start with....  <p> my first paragraph </p> Line Breaking Element <br> tag use in when we want to break a line here we use: Horizontal Line Element <hr> tag use for a Line 
Post a Comment
Read more

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
What is  HTML? HTML stand for Hyper Text Markup Language.  Its Creating Web Pages. HTML represents Hyper Message Markup Language, HTML is the standard markup language for making Site pages. HTML of a progression of component HTML components advise the program how to show webpage HTML components name bits of content, for example, " this is a heading", "this is a paragraph", "this is a links", etc. How to Write a Code     Many ways to write a code firstly we use NOTEPAD and then we use HTML editors. 1. Open NOTEPAD on your system. CODE : <html> <head> <title> first page </title> </head> <body> <p> my first page </body> </html> we use this code in notepad. its a starter code for a browser which type of code we written. when you complete the code then SAVE from file menu.  It is save to name and extension .html in file name. Example: firstpage.html (it use in file name with .html)
Post a Comment
Read more