What Is Semantic Elements?
 |
| Semantic Tag <!DOCTYPE html> </html> |
This Blogs Mostly Tell About coding stuffs and Share U With my Sources Code Which I used To learn from it.
Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
Sunday, 7 March 2021
HTML TUT-8 What Is Semantic Tags ?
HTML TUT-7 What Is HTML Entities ?
What Is HTML Entities ?
 |
| Special Character make with the help of html Entities <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>html entities</title> </head> <body> <div class="container"> <p>This is a paragraph</p> </div> <div class="container"> <p>dollar is written like this $</p> <p>Copywrite is written like this ©</p> <p>pound is written like this £</p> <p>Empty is written like this ​</p> </div> </body> </html> |
HTML TUT-6 What Is ID and Classes In HTML ?
What Is IDs and Classes In HTML ?
 |
| Id and Classes |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ids and classes</title>
</head>
<body>
<h1>Ids and classes tutorials</h1>
<span id="mainvlogs"></span>
<strong class="blackborder redBG Background">This is a line</strong>
<div class="background blackbackground redbg"></div>
<span class="myclass myclass2 myclass3">frist </span>
<span class="myclass myclass2 myclass3">second</span>
<span class="myclass myclass2 myclass3"></span>
<span class="myclass myclass2 myclass3">fourth</span>
<span class="myclass myclass2 myclass3">fivth</span>
<span class="myclass myclass2 myclass3">sixth</span>
<span class="myclass myclass2 myclass3">seventh</span>
</body>
</html>
HTML TUT-5 How To Identify The Inline And Block Elements In Html(With the help of CSS)
How To Identify The Inline And Block Elements In Html(With the help of CSS)
 |
| Block And Inline Elements <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Inline and Block</title> </head> <body> <li type="circle" style="border: 2px solid red;">This is a paragraph</li> <li type="square" style="border: 2px solid black;">this is a second paragraph</li> <em style="border: 2px solid orange;">This is a Emphasis</em> <div style="border: 2px solid blue;">This is a Block Element </div> <img style="border: 2px solid black;" src ="" alt="This is a block Element"> </body> </html> |
HTML TUT-4 How To create Forms And inserts Links Tags in it ?
How To Create Forms And Inserts Links Tags In It ?
 |
| Forms Example <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Forms and tags </title> </head> <body> <h2>This is Html form</h2> <form action="backend.php"> <div> Name:<input type="text" name="myName"> </div> <br> <div> Role:<input type="text" name="myRole"> </div> <div> <br> Email:<input type="text" name="myEmail" > </div> <div> <br> Date:<input type="date" name="myDate" > </div> <div> <br> Are you elegible?:<input type="checkbox" name="myEligibility" > </div> <br> <div> Gender:Male<input type="radio" name="myGender"> Female<input type="radio" name="myGender"> Other<input type="radio" name="myGender"> </div> <br> <div> Bonus:<input type="Number" name="myBonus"> </div> <br> <div> Write about Yourself:<br><textarea name="text" cols="30" rows="10"></textarea> </div> <br> <div> <label for="car">car</label> <select name="mycar" id="car"> <option value="swi"selected>swift</option> <option value="ymh">yamaha</option> <option value="mar">maruti</option> <option value="son">sony</option> </select> </div> <br> <div> Reset:<input type="reset" value="Reset Now"> </div> <br> <div> submit:<input type="submit" value="submit Now"> </div> <br> </form> <a href="https://Google.com" target="_blank">Follow Us On Google</a> <br> <br> <a href="https://Facebook.com" target="_blank">Follow Ours Facebook Page</a> <br> <br> <a href="https://Linkedin.com" target="_blank">Follow Ours Linkedin Page</a> <br> <br> <a href="Upendra.html" target="_blank">Visits Ours Next Page</a> </body> </html> |
HTML TUT-3 Creating Lists and Tables In HTML
Creating Lists And Tables In html
 |
| Lists And Tables <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lists and Tables</title> </head> <body> <ol type="1"> <li>This is frist orders</li> <ul> <li>Another list </li> <ol> <li>Another one </li> <li>Another two </li> <li>Another three </li> </ol> <li>Another list2 </li> <li>Another list3 </li> <li>Another list4 </li> </ul> <li>This is second orders</li> <li>This is thirds orders</li> <li>This is fourth orders</li> </ol> <ul type="circle"> <li>This is frist Lists</li> <li>This is seconds Lists</li> <li>This is thirds Lists</li> <li>This is fourth Lists</li> </ul> <table> <h2>Web development Company</h2> <thead> <tr> <th>Employees name</th> <th>Employees ID</th> <th>Employees Role</th> </tr> </thead> <tr> <td>UpendraYadav</td> <td>5265</td> <td>programmer</td> </tr> <tr> <td>Sachin </td> <td>2565</td> <td>apps development</td> </tr> <tr> <td>rahul </td> <td>5655</td> <td>HTML Expert</td> </tr> </table> </body> </html> |
HTML TUT-2 How to Add Link and Images
How To Add Links And Images
 |
| Links And Images <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Links and images</title> </head> <body> <a href="http://Google.com"target="_blank">Go to the google</a><br> <a href="http://facebook.com"target="_blank">Go to the facebook</a><br> <a href="http://youtube.com"target="_blank">Go to the youtube</a><br> <a href="http://linkedin.com"target="_blank">Go to the linkedin</a><br> <a href="/tut6.html"target="_blank">Go to the Tutorials 6 </a><br> <a href="/Upendra.html"target="_blank">Go to the upendra Tutorials 6 </a><br> <!-- if image is not shown alt gives an inf abt --> <img src="https://source.unsplash.com/user/erondu/500x500" alt="Remote image" ><br> <img src="Upendra.html" alt="Error loading in the images"><br> </body> </html> |
HTML Tutorials - 1
HTML TUT-1
HTML and its Basics Tips and Trips
HTML Tips and Tricks
 |
HTML Basics Tags and ShortCuts in HTMLp - paragraphs h1 - headlines <br>- line space <hr>-horizontal lines Lorem emmet for 24 dummy words b- bold i- italic strongs - words bold em - emphasizeds the words link for linking scripts for js linkings <! ctrl+/ ctrl+enter for new line ctrl +D for copy down ctrl + U up ctrl +K for delete meta name="contents" Inline and Block ElementsInline and Block Element Inline means in one block block means whole line Segmantic ElementsSegmantic elemnt it tells the actual website workings pattern |
Web Development Tutorial-
HTML Tutorials - 1
 |
HTML5html Basics<!DOCTYPE html> <html lang ="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> Hello World </body> </html> |
Subscribe to:
Posts (Atom)
-
How To Give Beautiful Heights, Widths,Border,Border-Radius and Background In HTML Using CSS ? CSS Design <! DOCTYPE html > < h...
-
Pointer in c program problems #include <stdio.h> int main () { int i = 34 ; int * j = & i ; int ...
-
function and recursion in c programs #include <stdio.h> float average ( int a , int b , int c ); //prototype int main ...
