webtut/tutorials.html at master · Hiten-75/webtut · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
    <style>
  h1{
      color:brown;
      font-family:Georgia, 'Times New Roman', Times, serif
  }
  a{
      color:chocolate;
  }
  ul{
      font-size: 20px;
      color: darkslateblue;
  }
  .ol{
    color: darkslateblue;
  }
    </style>
</head>
<body style="background-color:blanchedalmond;">
  <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3">
           <span><img src="html.png" style="height:100px;width:140px;float:left;">
            <h1 >HTML</h1></span><br><br><br>
            <ul type="disc" style="color: chocolate;">
                <li ><a href="introhtml.html" style="color:chocolate;"target="tutorials">Introduction</a></li><br>
                <ol type="a" class="ol">
                    <li>The DOCTYPE element</li>
                    <li>The HTML element</li>
                    <li>The HEAD element</li>
                    <li>The TITLE element</li>
                    <li>The BODY element</li>
                </ol> <br>
                <li> <a href="headings.html"  target="tutorials">Headings</a></li>
                <ol type="a" class="ol">
                        <li>Creating headings</li>
                        <li>Aligning headings</li>
                </ol>
                <li><a href="link.html" target="tutorials">Working with Links</a></li>
                <ol type="a" class="ol">
                        <li>Creating a hyperlinks</li>
                        <li>Setting hyperlink colors</a></li>
                        <li>Linking Diffrent Sections of a Web Page</a></li>
                </ol>    <br>
                <li><a href="para.html" style="color:chocolate" target="tutorials"> Creating a Paragraph</a></li>  <br>
                <li ><a href="image.html" target="tutorialas">Working with Images</a></li><br>
                <ol type="a" class="ol">
                    <li>Inserting an Image on a Web Page</li>
                    <li>Displaying Alternate text for an Image </li>
                    <li>Adding a Border to an Image</li>
                    <li>Using Image as Links</li>
                    <li>creating Image Maps</li>
                </ol> <br>
                <li ><a href="table.html" target="tutorials">Working with Tables</a></li><br>
                <ol type="a" class="ol">
                    <li>Creating a Table</li>
                    <li>Specifying a Caption</li>
                    <li>Addiing a Table Headings</li>
                    <li>Setting the Table Border ,width and background-color</li>
                    <li>Cellpadding ,Cellspacing and spanning of rows n coloumns</li>
                    <li>Nesting Tables</a></li>
                </ol> <br>

            </ul>


            <img src="css.jpg" style="height:110px;width:130px;">
            <h1>CSS</h1>
            <ul type="disc" style="color:chocolate" target="tutorials">
                <li><a href="introcss.html" style="color:chocolate;">Introduction</a></li><br>
                <oL type="a" class="ol">
                <li>Inline CSS </li>
                    <li>Internal CSS </li>
                    <li>External CSS </li>
                </oL>
            </ul>


            <img src="js.jpg"style="height:100px;width:200px">
            <h1>JAVASCRIPT</h1>
            <ul type="disc" style="color:chocolate">
                    <li><a href="introjs.html" style="color:chocolate;">Introduction</a></li><br>
            </ul>


            <img src="php4.png" style="height:100px;width:150px">
            <h1>PHP</h1>
            <ul type="disc" style="color:chocolate">
                    <li><a href="introphp.html" style="color:chocolate;">Introduction</a></li><br>
            </ul>
   </div>
   <div class="col-sm-9">
        <iframe  width="100%" height="2000px" name="tutorials" style="border:none"></iframe>
   </div>
   </div></div>
</body>
</html>