Sunday 7 March 2021

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



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=2.0">
    <meta name="Discription" Discription ="html tutorials for world class learner">
    <meta name="contents" contents ="html,html tutorials,web developments">
    <meta name="robots" robots="index,follow">
    <title>www.htmlTutorial.com</title>
<!-- This the code for css -->
<link rel="stylesheet" href="tut4.css">
<!-- This is the file for js  -->
<script src="upendra.js"></script>
</head>
<body>
    <h1>Tut4 for html User</h1>
    <h2>Tut4 listen</h2>
    <h3>Tut4</h3>
    <h4>Tut4</h4>
    <h5>Tut4</h5>
    <h6>Tut4</h6>
<p>Tut 4 of html is describe about the heading 
    <br>
    variations 
    <br>
    Something related to the paragraphs 
    <br>
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 Praesentium explicabo commodi quo facere <strong>This is strongs</strong> magni 
culpa eos aliquid dolorem rerum nisi dignissimos eum vitae nam aperiam, excepturi modi est temporibus eaque.
Natus aspernatur, magnam placeat eum temporibus amet ratione ut provident quas suscipit 
totam. Mollitia nam praesentium <em>This is empharsized</em> 
odio voluptatem nobis dignissimos doloribus magni esse iste
 necessitatibus, accusamus dolorem eveniet, in quaerat.
Harum enim eaque quo, cupiditate <strong>thsis a stg</strong> explicabo nam 
repudiandae minima <b>this a bold tags </b> ad temporibus at. Recusandae, 
exercitationem nemo 
architecto nulla autem tenetur facere dolores ut voluptatibus itaque 
error nam <i>This is a italic tags</i> quia. Necessitatibus, laudantium repellendus.
Eius nihil molestiae, labore quidem, laudantium voluptatum impedit delectus 
<hr>
, ut fuga facilis. Reiciendis quod excepturi et fuga corporis, laborum ea animi iure placeat aperiam <br>*4
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
 ipsam deleniti incidunt sequi!</p>
<p>frist</p>
<p>second</p>
<p>this a most repeated line </p>

<p></p>
<p>thirds</p>
<p>fours</p>
</body>
</html>



HTML and its Basics Tips and Trips

 

HTML Tips and Tricks 

HTML 

Basics Tags and ShortCuts in HTML

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

Inline and Block Element
Inline means in one block
block means whole line 

Segmantic Elements

Segmantic elemnt 
it tells the actual website 
workings pattern 

Web Development Tutorial-

HTML Tutorials - 1

HTML5

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


Python if / else

 Python if / else a1 = int ( input (" Enter the number: \n ")) a2 = int ( input (" Enter the number: \n ")) a3 = int ( i...