Pertama-tama, buat kode berikut pada notepad, dan simpan dengan nama "mystyle.css"
/* body*/
body {
background: #d4d0c8;
margin:0px;
}
/*heading*/
h4.as_external {
color:#00ff00;
font-family:tahoma,firewalk36,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
font-size: 14px;font-weight:bold;
}
Jumat, 22 April 2011
Kamis, 21 April 2011
CSS internal code: background image
ini adalah contoh kode CSS membuat background image
<head>
<style type="text/css">
hr {color:sienna}
p{margin-left:20px}
body{background-image:url("images/2.jpg")}
</style>
</head>
<body>
<p>ini adalah percobaan penggunaan Css internal</p>
<hr>
</body>
</html>
<head>
<style type="text/css">
hr {color:sienna}
p{margin-left:20px}
body{background-image:url("images/2.jpg")}
</style>
</head>
<body>
<p>ini adalah percobaan penggunaan Css internal</p>
<hr>
</body>
</html>
berikut tampilannya:
CSS code: Teks
Ini adalah kode CSS sederhana untuk ukuran teks, warna, dan tata letaknya.
<html>
<head>
<link rel="stylesheet" type="text/css" href="eksternal.css">
</head>
<body>
<h1>header ini ukurannya 36pt</h1>
<H2>header ini warnanya biru</h2>
<p>paragraf ini letaknya sebelah kiri dengan jarak 50px</p>
</body>
</html>
Berikut tampilannya
<html>
<head>
<link rel="stylesheet" type="text/css" href="eksternal.css">
</head>
<body>
<h1>header ini ukurannya 36pt</h1>
<H2>header ini warnanya biru</h2>
<p>paragraf ini letaknya sebelah kiri dengan jarak 50px</p>
</body>
</html>
Berikut tampilannya
HTML code: TABEL part II
Ketika mandapat materi tentang pembuatan tabel, kami mendapat quis tentang materi ini, berikut soal dan jawaban yang saya berikan.
1.
1.
HTML code: My Biodata
Berikut kode HTML untuk membuat Biodata. Coding ini saya buat ketika mendapat tugas membuat biodata diri dengan kode HTML di matakuliah Pemrograman web.
<html>
<head>
<title>My Biodata</title>
</head>
<body bgcolor="black">
<table align="center" width="80%" background="123456.jpg" width="800%" height="100%">
<tr>
<td align="center" colspan="6" ><img src="1234.jpg" width="100%" ></td>
</tr>
<tr>
<td height="50"> </td>
</tr>
HTML code: TABEL
Berikut kode HTML untuk membuat tabel..
<html>
<head>
<tittle><font face="firewalk36" color="green">table_1</font></tittle>
</head>
<body>
<table border="1">
<tr>
<td><font face="firewalk36" color="green">aaaa</td>
<td><font face="firewalk36" color="green">bbbb</td>
<td><font face="firewalk36" color="green">cccc</td>
</tr>
<tr>
<td><font face="firewalk36" color="green">dddd</td>
<td><font face="firewalk36" color="green">eeee</td>
<td><font face="firewalk36" color="green">ffff</td>
</font>
</tr>
</table>
</body>
</html>
<html>
<head>
<tittle><font face="firewalk36" color="green">table_1</font></tittle>
</head>
<body>
<table border="1">
<tr>
<td><font face="firewalk36" color="green">aaaa</td>
<td><font face="firewalk36" color="green">bbbb</td>
<td><font face="firewalk36" color="green">cccc</td>
</tr>
<tr>
<td><font face="firewalk36" color="green">dddd</td>
<td><font face="firewalk36" color="green">eeee</td>
<td><font face="firewalk36" color="green">ffff</td>
</font>
</tr>
</table>
</body>
</html>
HTML code: FORM
Form yang dimaksudkan pada postingan ini adalah pembuatan textbox, listbox, dan unsur pembuatan form lainnya, berikut rinciannya:
HTML code: Textbox
<html>
<body bgcolor="black">
<form>
<tr>
<td><font face="firewalk36" color="purple">Nama depan:</td>
<input type="text" name="Firstname">
<br>
<td><font face="firewalk36" color="purple">Nama Belakang:</td>
<input type="text" name="Lastname">
</font>
</form>
</body>
</html>
HTML code: Textbox
<html>
<body bgcolor="black">
<form>
<tr>
<td><font face="firewalk36" color="purple">Nama depan:</td>
<input type="text" name="Firstname">
<br>
<td><font face="firewalk36" color="purple">Nama Belakang:</td>
<input type="text" name="Lastname">
</font>
</form>
</body>
</html>
HTML code: ALBUM FOTO
Untuk membuat album foto, sebelum melakukan coding terlebih dahulu kita perlu meletakkan foto-foto --yang akan dimasukkan kedalam album -- di folder yang sama dengan tempat penyimpanan coding.
kemudian tuliskan kode HTML berikut.
HTML code: TEXT dan IMAGE
Postingan ini dibuat dalam rangka pelengkapan tugas mandiri Pemrograman web, matakuliah ini diambil di semester VI jurusan Sistem Informasi UIN SUSKA Riau. Praktikum pada matakuliah ini sampai sekarang masih menggunakan kode HTML dan CSS untuk mendesain sebuah web. Seterusnya mungkin bakalan banyak lagi postingan berbau HTML disini, karena.... yaaa... begitulah tugasnya.. wkwk.. Tah hapo-hapo...
cekidoot!!!
cekidoot!!!
Jumat, 25 Maret 2011
CARA KERJA WEB
Ada 4 komponen penting dalam cara kerja web:
1. User : pengguna yang melakukan permintaan alamat situs
2. Web browser atau client/server : aplikasi yang menjadi media pencari dimana alamat web/situs berada
3. TCP/IP : sebuah alamat yang membantu menemukan sasaran yang tepat sesuai keinginan user
4. Web Server : Tempat dimana data disinpan dan diolah, serta dikirim kembali sesuai permintaan/request.
Cara kerja web:
Saat seorang user ingin membuka sebuah situs misal dari sebuah komputer d warnet, URL atau request yang d ketik oleh user melalui aplikasi browser misal Mozilla firefox, maka data akan dilewatkan oleh suatu protocol HTTP melewati port 80 pada server.
Langganan:
Postingan (Atom)