Css

Contoh CSS Tradis 3D
1. CSS dapat digunakan untuk membuat beberapa efek 3D yang

menakjubkan. Inilah tardis 3D:
<html>
<head>
<title>Tardis</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="name">
<div>Gerwin van Royen</div>
<div><a target="_blank"
href="https://www.twitter.com/gerwinvanroyen">@gerwinvanroyen</a></d
iv>
</div>
<div class="perspective">
<div class="tardis-wrap">
<div class="tardis">

<div class="side">
<div class="top-sign">
<div class="text">
<span class="left">POLICE</span>
<span class="tiny">PUBLIC CALL</span>
<span class="right">BOX</span>
</div>
</div>
<div class="door-frame">
<div class="door door-left">
<div class="door-inset"></div>
<div class="door-inset b"></div>
<div class="sign"></div>
<div class="window">
<div class="pane a"></div><div class="pane
b"></div><div class="pane c"></div>
<div class="pane d"></div><div class="pane
e"></div><div class="pane f"></div>
</div>
</div>
<div class="door door-right">
<div class="door-inset c"></div>
</div>
</div>
</div>
</div>

<div class="side">
<div class="text">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="side">
<div class="text">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="side">
<div class="text">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="roof"></div
<div class="roof-top">
<div class="roof-panel a"></div>
<div class="roof-panel b"></div>
<div class="roof-panel c"></div>
<div class="roof-panel d"></div>
<div class="top-lid"></div>
</div>
<div class="light">
<div class="light-panel a"><div class="bottom"></div><div
class="top"></div></div>
<div class="light-panel b"><div class="bottom"></div><div
<div class="light-panel c"><div class="bottom"></div><div
<div class="light-panel d"><div class="bottom"></div><div
<div class="light-lid"></div>
</div>

<div class="floor">
<div class="floor-panel a"></div>
<div class="floor-panel b"></div>
<div class="floor-panel c"></div>
<div class="floor-panel d"></div>
<div class="floor-lid"></div>
</div>

</div>
</div>
</div>
</body>
</html>
Pengertian HTML,CSS,PHP,MySQL
HTML adalah, (HyperText Markup Language) sebuah bahasa standar yang
digunakan oleh browser Internet untuk membuat halaman dan dokumen pada
sebuah Web yang kemudian dapat diakses dan dibaca layaknya sebuah artikel.
HTMLjuga dapat digunakan sebagai link link antara file-file dalam situs atau
dalam komputer dengan menggunakan localhost, atau link yang menghubungkan
antar situs dalam dunia internet.
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web
untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih
terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata
seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading,
subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan
bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk
memformat tampilan halaman web yang dibuat dengan bahasa HTML dan
XHTML.
PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan atau
disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web
dinamis. PHP dapat digunakan untuk membangun sebuah CMS.
MySQL adalah Relational Database Management System (RDBMS) yang di

distribusikan secara gratis dibawah lisensi GPL (General Public License).
Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh
dijadikan produk turunan yang bersifat komersial.
Contoh dari Script HTML :

<html>
<head>
<title> Script HTML </title>
</head>
<body>
<p>Ini adalah HTML</p>
</body></html
Contoh dari Script CSS :

<html>
<head>
<style type = “text/css”>
#header {width:900px;
height:50px;
border: 1px solid #640404;}
#headerLeft {width:400px;
background-color:#CCCCCC; height:50px; float:left; text-
align:center;}
#headerRight {width:450px; background-color:#999999; height:50px;
float:right; text-align:center;}
</style>
</head>
<body>
<h1>Sample</h1>
<div id = “header”>
<div id=”headerLeft”>Header Left</div>
<div id=”headerRight”>Header Right</div>
</div>
</body>
</html>
Contoh dari Script PHP :

<html>
<body>
<form action="upload_file.php" method="post"
enctype="multipart/form-data">
<label for="file"> filename:</label>
<input type="file" name="file" id="file" />
<br>
<input type="submit" name="submit" value="submit"/>
</form>
</body>
</html>
Contoh dari Script Javascript :

<HTML>
<BODY><H3>Latihan Objek Document</H3><hr>Dengan perintah
ini maka teks dalam dokumen ini akan berwarna putih<BR><SCRIPT
LANGUAGE="Javascript">nama="Mikaela";
document.bgColor="blue";document.fgColor="white";document.title
="Belajar buat
Javascript";document.linkColor="red";document.vlinkColor="green";
document.alinkColor="white";namakulink=nama.link('ir.html');docu
ment.writeln('Warna Link = '+ namakulink
+'<BR>');</SCRIPT></BODY></HTML>

Css

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Css

Загружено:

Авторское право:

Доступные форматы

Contoh CSS Tradis 3D

1. CSS dapat digunakan untuk membuat beberapa efek 3D yang

MySQL adalah Relational Database Management System (RDBMS) yang di

Contoh dari Script HTML :

Contoh dari Script CSS :

Contoh dari Script PHP :

Contoh dari Script Javascript :

Вам также может понравиться