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
Home
Q/A
Tools
Coding Ground
Current Affairs
UPSC Notes
Online Tutors
Code Examples
Whiteboard
Net Meeting
Articles
Library
Videos
eBooks

Text Formatting using HTML5 and CSS

html 

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

Russian Text Formatting using CSS and HTML5

html 

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<body>
<h1>Что такое CMS</h1>
<p>
<b>CMS</b> - «система управления контентом» (<b>движок</b>) – написанная PHP-программистами основа для сайта, с помощью которой вы сможете управлять сайтом (добавлять контент, менять пункты меню и т.п.) не зная HTML и CSS.
</p>
<p>
Однако, для того чтобы сделать сайт с помощью <b>CMS</b> <i>потребуются услуги</i> и программиста, и дизайнера, и верстальщика. И капиталовложения.
</p>
<h2>Какие бывают cms</h2>
<p>
Бывают различные системы управления контентом: для интернет-магазинов, для блогов, для форумов и т.д.
</p>
<h2>Примеры cms</h2>
<p>
<i>Примеры популярных CMS</i>: Joomla, WordPress (для блогов), PhpBB (для форумов).
</p>
<p>
<b>CMS-ки</b> бывают платные и бесплатные.
</p>
</body>
</html>

Writing Data in Tables using HTML5

html 

<!DOCTYPE html>
<html>
<head>
    <title>Web Page Design</title>
    <style>
        
    </style>
</head>
<body>
    <div title = "table">
        <table border = "5">
            <tr>
                <td>This is the first data cell</td>
                <td>This is the sec data cell</td>
            </tr>
            <tr>
                <td>This is <u>the third cell</u></td>
                <td>This is <b>finally</b> the <span style = "color:pink"><mark>final cell</mark></span>
        </table>
    </div>
    <br />
    <br />
    <div title = "shopping list">
        <ul type = "circle" >
            <li>Bob's sausages</li>
            <li>Fred's pizza sauce</li>
            <li>Supo's thicccc pizza crust</li>
        </ul>
        <div title = "footnotes">
            <dt><b><big>Bob's sausages</big></b></dt>
            <dd><b>Calories</b>: 240 per serving</dd>
            <dt><b><big>Fred's pizza sauce</big></b></dt>
            <dd><b>Calories</b>: 135 per cup</dd>
            <dt><b><big>Supo's thicccc pizza crust</big></b></dt>
            <dd><b>Calories</b>: 1040 per in<sup>2</sup></dd>
        </div>
    </div>
</body>
</html>

Online HTML Editor

html 

<html>
<head>
</head>
<body>
<p ID = "p1" > </p> 
<p ID = "p2" > </p>
<p ID = "p3" > </p>
<script>
    var numApples;
    numApples = 1;
    
    document.getElementById("p1").innerHTML = numApples;
    
</script>

<script>
    Book1 = {title: "Ur mum", author: "ur mum"};
    document.write(Object.values(Book1));
    document.getElementById("p2").innerHTML = Object.values(Book1);

    
</script>

<script>
    var num1= 10 > 2;
    var num2 = 2 < 3,
    num3 = num1&&num2
    document.getElementById("p3").innerHTML = num3
        
</script>

<script>
    word1= "I";
    word2= "gen";
    phrase1= word1.concat(word2);
    document.write(phrase1);
    
    
</script>

<script>
    word1 = "green"
    letter = word1.charAt(4);
    document.write(letter);
    
</script>

<script>
    var things = [];
    things[3432] = "fire";
    things[12] = "water";
    things[3] = "land";
    things.push("wind");
    things.push("sand");
    document.write(things.indexOf("sand"));
    
</script>

<script>
    var number = 5;
        if (number ==5){
                newString = "the number is 5";
        }else if (number > 5){
                newString = "number is greater than 5";
        }else{
                newString = "number is less than 5";
                
        }
        document.write(newString)
</script>

<script>
    
    var day = "Monday";
    switch(day){
        case "Monday":
            message = "It's Monday!";
            break;
        case "Tuesday":
            message = "It's Tuesday!";
            break;
            default:
            message = "It isn't Monday or Tuesday";
        
    }
    
    
</script>

        
</body>
</html>

HTML ISTM PROJECT

html 

<!DOCTYPE html>
<html>


   <head>
<title>Mariana Hernandez E-Portfolio Home</title>
      <!-- created by: Mariana Hernandez Quiros, Section 502-->
      
 
   </head>
    
   <body bgcolor="pink">
       <table bgcolor="white" align="center" width=800px cellpadding="15px" >
           <tr>
               <td>
           
       
      <h1 align="center">Mariana Hernandez Website Home</h1>
      
      <hr width="800px" color="pink">
     <center> <a>Home</a> 
      <a href="#">Favorites</a></center>
      <hr width="800px" color="pink">
     
      </div></body>
      

      

      

      <div>
    <center><img src="Mariana.png" alt="profile picture" width="270" height"370"/></center>   
          
          
      </div>
   
   <h2 align="center"> About Me</h2>
   <p>Hola! My name is Mariana Hernandez Quiros and I am a Business Honors student at <a href="https://www.tamu.edu/" target="_blank">Texas A&M University.</a> I hope to major in Supply Chain Management and someday open up a business or non-profit of my own!</P>
   <p>I have had the privilege of living in two diffrent countries through out my life:
   <a href="https://en.wikipedia.org/wiki/Monterrey" target="_blank">Mexico</a> and the United States. Encountering these two very ditinct but amazing cultures has made my love for meeting and connecting with people grow, so it lead me to pursue a career in business. </p>
   <p>I developed this webpage for my information systems class using basic html code. </p>
   <br>
   <br>
<hr width="500px" color="pink">
 <center> <a href="mailto:[email protected]">Email Me</a> 
 <br>
      <a href="#">My Portfolio</a></center>
     
      <hr width="500px" color="pink"


   
   </p>
   </td>
   </tr>
   </table>
   </body>
    </html>

my Project

html 

<!DOCTYPE html>
<html>

   <head>
      <title>Using Image in Webpage</title>
   </head>
	
   <body>
      <p>Simple Image Insert</p>
      <img src = "/html/images/test.png" alt = "Test Image" />
   </body>
	
</html>

html5

html 

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

Leprosy

html 

<!DOCTYPE html>
<html lang="en-US">
    <title>Leprosy</title>
    <meta charset="UTF-8">
    <body style="background-color:navy">
        <h1 style="color:white" align="middle">ALASKA AND LEPROSY</h1>
        <hr>
        <br>
        <p style="color:white" align="middle"><b>Reasons Alaska is cool:</b></p>
        <Tl style="color:white" align="middle">
            <li>cold</li>
            <li>no leprosy</li>
        </Tl>
        <br>
        <br>
        <p style="color:white" align="middle">In conclusion Alaska is a cold and has no leprosy, thus it is cool. Thank you for your time and consideration as this is my personal passion to educate about alaska and its non leprosyness.</p>
    </body>
</html>

btm4

html 

<html>
   <head>
      <title>Angular JS Forms</title>
   </head>
   
   <body>
  			    <h2>AngularJS Sample Application</h2>

      
      <div ng-app = "mainApp" ng-controller = "shapeController">
         <p>{{message}} <br/> {{type}} </p>
         
         <div ng-controller = "circleController">
            <p>{{message}} <br/> {{type}} </p>
         </div>
         
         <div ng-controller = "squareController">
            <p>{{message}} <br/> {{type}} </p>
         </div>
			
      </div>
      <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> </script>
      
      <script>
         var mainApp = angular.module("mainApp", []);
         
         mainApp.controller("shapeController", function($scope) {
            $scope.message = "In shape controller";
            $scope.type = "Shape";
         });
         
         mainApp.controller("circleController", function($scope) {
            $scope.message = "In circle controller";
         });
         
         mainApp.controller("squareController", function($scope) {
            $scope.message = "In square controller";
            $scope.type = "Square";
         });
			
      </script>
     
      
   </body>
</html>

Online HTML Editor

html 

<html>
<head>
<style>
p {
    color:red;
}
</style>
</head>
<body>
    <p>My name is Usman Nubar</p>
</body>
<hmtl>

1 2 3 4 5 6 7 ... 732 Next
Advertisements
Loading...
img img img img img img

Follow

© Copyright 2019. All Rights Reserved.

Newsletter

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