User:Stonestone/HTML+CSS+JavaScript-Codes

From XPUB & Lens-Based wiki

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