Please note, this is a STATIC archive of website www.tutorialspoint.com from 11 May 2019, cach3.com does not collect or store any user information, there is no "phishing" involved.
Tutorialspoint

Online HTML Editor

<!DOCTYPE html>
<html>
<head>
    
</head>
<body>
    <img src='https://www.hjmt.com/blog/wp-content/uploads/2012/08/Logo_TV_2015.png' width=100>
<hr>
    <a href='https://uatime.xyz/'><strong>Точное время,</strong></a>
    <a href='https://finance.i.ua/converter/'><strong>Курс валют,</strong></a>
    <a href='https://rozetka.com.ua/'><strong>Онлайн магазин</strong></a>
<hr>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <img src='https://www.podorozhnyk.com.ua/assets/images/countries/tanzanya/307757.jpg' width=450>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> 
    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <img src='https://romantosite.files.wordpress.com/2016/08/gjljhjs.jpg?w=640' Width=450>
<hr>
    Все права защищены &copy;
</body>
</html>

Evans

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style type="text/css">
div
{
   width:100px;
   height:75px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, CSS3!</div>
</body>
</html>

Online HTML Editor

<!DOCTYPE html>
<html>
<head>
    <title>Application Form</title>
</head>
<body>
    Name:<br>
    <input type = "text" name="UName" placeholder="Enter Your name"><br>
    <br>Colleage Name:<br>
    <input type = "text" name="CLGName" placeholder="Enter Your Colleage Name"><br>   
    <br>City:<br>
    <input type = "text" name="CName" placeholder="Enter Your City Name"><br>
    <br>Address:<br>
    <input type = "text" name="address" placeholder="Enter Your Address" ><br>
    <br>Date-Of-Birth:<br>
    <input type = "date" name="dob" placeholder="D-O-B"><br>
   <br>Gender<br>
    <input type="radio" name="gender" value="male" checked> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="radio" name="gender" value="other"> Other<br>
  <br>YearOfPassout<br>
   <input type="checkbox" name="passout" value="Bike"> 2016 <br>
  <input type="checkbox" name="passout" value="Car"> 2017 <br> 
    <input type="submit" onclick="alert('Thanks For Submit!')" value="Submit">
  <input type="reset">
</body>
</html>

test

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style type="text/css">
div
{
   width:100px;
   height:75px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Hello!</div>
<div id="div2">TEST</div>
</body>
</html>

GOOD

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style type="text/css">
div
{
   width:100px;
   height:75px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, CSS3!</div>
</body>
</html>

godfrey

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<style type="text/css">
div
{
   width:500px;
   height:75px;
   background-color:pink;
   border:1px solid black;
}
#div2
{
   transform:rotate(90deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg);
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Godfrey, odhiambo!</div>
</body>
</html>

hi dr sinha

<!DOCTYPE html>
<html>
<title>My First programme in r language</title>
<head>
<style type="text/css">
div
{
   width:100px;
   height:75px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Prof Ripu Ranjan Sinha !</div>
<div>Prof Ripu Ranjan Sinha !</div>
<div id="div2"> International ICT CONSULTANTS !</div>
</body>
</html>

Ext.jsExt.tab.PanelContainer

<!DOCTYPE html>
<html>
   <head>
      <link href = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" 
         rel = "stylesheet" />
      <script type = "text/javascript" 
         src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>
      
      <script type = "text/javascript">
         Ext.onReady(function () {
            Ext.create('Ext.tab.Panel', {
               renderTo: Ext.getBody(),
               height: 100,
               width: 200,
               
               items: [{
                  xtype: 'panel',
                  title: 'Tab One',
                  html: 'The first tab',
                  listeners: {
                     render: function() {
                        Ext.MessageBox.alert('Tab one', 'Tab One was clicked.');
                     }
                  }
               },{
                  // xtype for all Component configurations in a Container
                  title: 'Tab Two',
                  html: 'The second tab',
                  listeners: {
                     render: function() {
                        Ext.MessageBox.alert('Tab two', 'Tab Two was clicked.');
                     }
                  }
               }]
            });
         });
      </script>
   </head>
   
   <body>
   </body>
</html>

extjssampleprogram

<!DOCTYPE html>
<html>
   <head>
      <link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>
      <script type="text/javascript">
         Ext.onReady(function() {
         Ext.create('Ext.Panel', {
            renderTo: 'helloWorldPanel',
            height: 100,
            width: 200,
            title: 'Hello world',
            html: 'First Ext JS Hello World Program'
            });
         });
      </script>
   </head>
   <body>
      <div id="helloWorldPanel"></div>
   </body>
</html>

Online HTML Editor

<!DOCTYPE html>
<html>

   <head>
      <title>GOOGLE</title>
   </head>
	
   <body>
       <h1>TITLE</h1>
       <nav>
      <ul>
         <li>HOME</li>
         <li>ABOUT</li>
         <li>CONTACT</li>
         <li>MORE</li>
      </ul>
      </nav>
   </body>
   
</html>

Advertisements
Loading...

We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.