User:Stonestone/HTML+CSS+JavaScript-Codes: Difference between revisions
Stonestone (talk | contribs) (Created page with "==Null== <pre><html> <head> <title> Null </title> <link href="style.css" rel="stylesheet"/> <style> →css style will be here: body{ background:green; } h1{ color:...") |
Stonestone (talk | contribs) (→Null) |
||
| Line 62: | Line 62: | ||
<img class="cat3" src="STONEFLYTIGER.jpg" alt="Stoneflytiger"> | <img class="cat3" src="STONEFLYTIGER.jpg" alt="Stoneflytiger"> | ||
</pre> | </pre> | ||
Latest revision as of 19:48, 12 October 2015
Null
<html>
<head>
<title> Null </title>
<link href="style.css" rel="stylesheet"/>
<style>
/* css style will be here */
body{ background:green;
}
h1{ color: red;
font-size: 15pt;
}
div{
width:100px;
height:100px;
margin-bottom:10px;
background-image:url("http://wac.450f.edgecastcdn.net/80450F/hudsonvalleycountry.com/files/2015/01/cat4.jpg");
background-size:100px;
background-repeat:no-repeat;
}
/* id = # in css*/
div#cat1{
height:100px;
width:100px;
background-image:url(https://upload.wikimedia.org/wikipedia/commons/1/1e/Large_Siamese_cat_tosses_a_mouse.jpg);
}
#cat2{
background-image:url(http://breadedcat.com/wp-content/uploads/2012/02/cat-breading-tutorial-004.jpg);
}
/* class = . in css */
.cat3
{color:blue;
font-size:40px;}
img {
width:20%;
}
iframe {width:360px;
border:pink 5px solid;}
</style>
<!--commenting-->
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/fz5PZbexd8U" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/fz5PZbexd8U" frameborder="0" allowfullscreen></iframe>
<br />
<div id="cat1">
<h1 class="cat3">cat one </h1>
</div>
<div id="cat3"><h2 class="cat3">cat two </h2></div>
<div><h3 class="cat3">cat three</h3></div>
<img class="cat3" src="STONEFLYTIGER.jpg" alt="Stoneflytiger">