Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html>
<head>
<style>
p { margin:0; margin-left:10px; color:red; width:220px;
height:120px; padding-top:70px;
float:left; font-size:14px; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<html>
<head>
<title>Form</title>
</head>
<body>
<!-- Set up our form, which will pass a series of strings to our PHP program -->
<form name="input" action="result.php" method="get">
Name:
<?php
// retrieve values passed from our form and store them in PHP variables
$first = $_REQUEST["name"];
$color = $_REQUEST["color"];
$month = $_REQUEST["month"];
$number = $_REQUEST["number"];
// Set the value of our bgcolor variable based on the month selected by the user
if ($month == "jan") {
$bgcolor = "blue";
<html>
<head>
<title>*** PHP ***</title>
</head>
<body>
<?php
// This is a comment
#map {
background-image: url('map.jpg');
width:800px;
height:398px;
}
#numberone {
font-size:18px;
color: #000;
<audio controls="controls">
<source src="you_suffer.mp3" type="audio/mp3" />
</audio>
@font-face {
font-family: 'KomikaAxisRegular';
src: url('KOMIKAX_-webfont.eot');
src: url('KOMIKAX_-webfont.eot?#iefix') format('embedded-opentype'),
url('KOMIKAX_-webfont.woff') format('woff'),
url('KOMIKAX_-webfont.ttf') format('truetype'),
url('KOMIKAX_-webfont.svg#KomikaAxisRegular') format('svg');
}
@font-face {
font-family: 'KomikaAxisRegular';
src: url('KOMIKAX_-webfont.eot');
src: url('KOMIKAX_-webfont.eot?#iefix') format('embedded-opentype'),
url('KOMIKAX_-webfont.woff') format('woff'),
url('KOMIKAX_-webfont.ttf') format('truetype'),
url('KOMIKAX_-webfont.svg#KomikaAxisRegular') format('svg');
}
body {
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>CSS3 Transformations and Transitions</title>
<link href="transition.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="box" id="one">box 1</div>
<div class="box" id="two">box 2</div>
<div class="box" id="three">box 3</div>
width:100px;
height:100px;
margin:20px;
padding:20px;
float:left;
background-color:yellow;