Oleh; Mulyadi_Ibnu_Syaamil, 2010

Oleh; Mulyadi_Ibnu_Syaamil, S.Kom @ 2010

Doc./Iternet+HTML/UNSERA/Mulyadi, S.Kom “ Untuk kalangan Sendiri “

1

TABEL Tag ini digunakan untuk membuat tabel pada dokumen HTML. Tabel sangat berguna untuk membuat susunan halaman HTML kita menjadi lebih rapi. Dengan tabel kita dapat dengan leluasa menempatkan tulisan atau gambar dengan tatanan yang sangat teratur. Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : 1. , untuk menyatakan bahwa di bawahnya adalah perintah-perintah tag untuk membuat table 2. , untuk membuat baris baru 3. dan
. untuk membuat kolom baru dalam suatu baris. Yang perlu diingat adalah bahwa tab
harus terletak di antara tag dan
1. Terdiri dari atribut :  align ; perataan : rata kiri (left), tengah (center) atau kanan (right).  bgcolor ; warna latar belakang (background) dari tabel.  border ; ukuran lebar border tabel (dalam pixel).  cellpadding ; jarak antara isi cell dengan batas cell (dalam pixel).  cellspacing ; jarak antar cell (dalam pixel).  width ; ukuran tabel dalam pixel atau percent. Contoh :
2. Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:  align ; perataan : rata kiri (left), tengah (center) atau kanan (right).  bgcolor ; warna latar belakang dari baris.  valign ; perataan vertikal : top, middle atau bottom. Contoh : 3.
Tag ini digunakan untuk membuat kolom baru pada tabel.  align ; perataan  background ; image yang digunakan sebagai latar belakang dari kolom.  bgcolor ; warna latar belakang  colspan ; untuk memanjangkan beberapa sel secara horizontal  height ; ukuran tinggi cell dalam pixels.  nowrap ; membuat supaya isi dari kolom tetap berada pada satu baris.  rowspan ; untuk memanjangkan beberapa sel secara vertikal  valign ; perataan vertikal :top, middle atau bottom.  width ; ukuran kolom dalam pixel atau persen. Contoh :
2

height="200" nowrap rowspan="2" valign="bottom" width="300">

Latihan 1 <Title> T A B L E
LATIHAN PEMBUATAN TABEL

MEMBUAT TABEL 1.1

BARIS KE - 1 DATA I DATA II DATA III DATA IV KETERANGAN
BARIS KE - 2
BARIS KE - 3

Maka hasilnya seperti gambar dibawah ;


3

Latihan 2 <Title> T A B L E KE - D U A
LATIHAN PEMBUATAN TABEL 2

DATA MAHASISWA
TAHUN 2010

NO N I M NAMA MAHASISWA SEMESTER FAKULTAS JURUSAN KELAS
1 112091001 ANDI II FTI TI R1
2
3
4 Doc./Iternet+HTML/UNSERA/Mulyadi, S.Kom “ Untuk kalangan Sendiri “

4

5


Latihan 3 <Title> T A B L E KE - TIGA
LATIHAN PEMBUATAN TABEL 3

DAFTAR NILAI MAHASISWA UNSERA
TAHUN 2010

N I M NAMA MAHASISWA TINGKAT J K MATA KULIAH Doc./Iternet+HTML/UNSERA/Mulyadi, S.Kom “ Untuk kalangan Sendiri “

5

JUMLAH
Semester Fakultas Jurusan L P Matkul 1 Matkul 2 Matkul 3
1001
1002
1003
1004

6


Latihan 4 <Title> T A B L E

KE - EMPAT

MEMBUAT LAYOUT WEB

Width : 150pixel
Width : 150pixel 300pixel x 500pixel Width : 150pixel
Height : 100pixel


7



8

F O R M Form merupakan sebuah tag HTML yang digunakan untuk menandakan sebuah formulir (borang) inputan pada dokumen HTML. Pembuatan sebuah form dapat menggunakan pilihan yang akan dimasukan pada sebuah form dengan menggunakan tag , tag<SELECT>, tag HASILNYA …


12

SELECTED merupakan atribut tambahan dari tag OPTION yang dapat digunakan untuk menjadikan suatu pilihan adalah pilihan yang otomatis terpilih apabila pengguna tidak mengganti pilihan yang ada. Contoh : <SELECT NAME="jurusan"> Tag diatas akan menghasilkan tampilan sebagai berikut :

Pada contoh diatas dikarenakan atribut ini diletakkan pada pilihan kedua “Sistem Informasi” maka yang ditampilkan pada tampilan diatas secara otomatis adalah “Sistem Informasi”.

MULTIPLE adalah atribut yang digunakan untuk menampilkan lebih dari satu pilihan pada tampilan daftar pilihan. Biasanya penggunaan atribut MULTIPLE selalu diikuti dengan penggunaan atribut size, yang berguna untuk menentukan berapa banyak pilihan yang dapat ditampilkan secara sekaligus. Contoh: <SELECT NAME="jurusan" MULTIPLE SIZE=4> Maka Hasilnya


13

SIZE adalah atribut dari tag SELECT yang digunakan untuk menampilkan jumlah pilihan pada daftar pilihan lebih dari satu. Tanpa penggunaan atribut ini, maka secara otomatis pilihan yang ditampilkan pada daftar pilihan hanya satu. Sebagai contoh : <SELECT NAME="jurusan" SIZE=2> Maka Hasilnya

TAG Tag ini digunakan untuk menampilkan suatu formulir dimana berisi tulisan dalam jumlah yang cukup banyak. Biasanya tag TEXTAREA digunakan untuk tempat dimana pengguna bisa mengisi komentar pada suatu situs atau tempat untuk menampilkan script program. Contoh : <TEXTAREA COLS=40 ROWS=6> Kamu dapat menuliskan suatu teks disini

Tag diatas akan menghasilkan suatu TEXTAREA yang memiliki kolom 40 dan baris 6.


14

NAME Atribut ini digunakan untuk meemberikan nama dari TEXTAREA. Atribut ini akan sangat berguna jika tag TEXTAREA digabungkan dengan tag FORM. Contoh penulisan : COLS Atribut COLS digunakan untuk menentukan lebar dari TEXTAREA. ROWS Atribut ROWS digunakan untuk menentukan tinggi dari TEXTAREA Contoh : Maka Hasilnya…


15

READONLY Atribut ini digunakan agar tulisan yang terdapat didalam TEXTAREA hanya dapat dibaca dan disalin tapi tidak dapat diubah. Contoh ; Tulisan ini tidak dapat diubah tapi bisa disalin.

Maka hasilnya.:

DISABLED Atribut ini digunakan agar tulisan yang terdapat didalam TEXTAREA tidak dapat disalin dan diubah. Contoh ; Tulisan ini tidak dapat diubah maupun disalin. Maka hasilnya.:

TABINDEX Tombol TAB pada keyboard kamu dapat digunakan untuk memindahkan kursor komputer ke suatu formulir pada dokumen HTML, dengan atribut ini perpindahan kursor dapat diatur.


16

Contoh : Gunakan tombol TAB untuk pindah dari satu formulir ke formulir lain.

Nama: Biografi

email:

Hobi: <SELECT NAME="hobi" TABINDEX=3>

Maka Hasilnya :

MEMPROSES MASUKAN Setiap masukkan yang disisi oleh pengguna kedalam form, selanjutnya dapat diproses oleh anda. Proses yang sering dilakukan adalah mengirimkan atau menampilkan masukan tersebut kedalam halaman web yang lain. Untuk melakukan pemrosesan data yang telah disi kedalam form tersebut, maka diperlukan atribut yang dapat memproses data tersebut yaitu dengan menggunakan atribut : ACTION dan METHOD ACTION merupakan atribut dari tag FORM yang digunakan untuk memproses inputan yang dimasukan pada tag FORM. Tindakan pemrosesan inputan dari formulir isian yang kita buat akan berupa logika dalam bahasa pemrograman web seperti PHP atau CGI.


17

METHOD Atribut METHOD ini digunakan untuk menentukan metode pengiriman data dari formulir isian ke file pemroses. Metode yang digunakan ada dua macam, yaitu : GET dan POST. Perbedaan dari method GET dan POST adalah apabila kalian menggunakan method GET maka di address bar akan tampil data yang dikirimkan dari proses tersebut. Contoh ;
nama
email

Latihan 1 (simpan dengan nama: form submit.html ) Hasil Pemrosesan Data

TERIMA KASIH ANDA TELAH MENDAFTAR
SELAMAT BERGABUNG DAN SEMOGA SUKSES


18

Latihan 2 (simpan dengan nama: form.html ) LATIHAN PEMBUATAN FORM

FORM REGISTRASI
Nama Lengkap :
Nama Panggilan :
Tempat dan Tanggal Lahir : , <SELECT NAME="bln">
Jenis Kelamin : pria
wanita
Alamat : Doc./Iternet+HTML/UNSERA/Mulyadi, S.Kom “ Untuk kalangan Sendiri “

19

Agama : <SELECT NAME="agama"> Email : Hobby : sepak bola
tenis
renang
basket
Biografi :

FRAMSET & F R A M E Doc./Iternet+HTML/UNSERA/Mulyadi, S.Kom “ Untuk kalangan Sendiri “

20

FRAMESET FRAMESET adalah tag HTML yang digunakan untuk menampilkan bingkai-bingkai tersendiri

pada

dokumen

HTML.

FRAMESET

digunakan

bersamaan

dengan

penggunaan tag FRAME yang berguna untuk menampilkan file sumber dari bingkai untuk dijadikan bagian dari tag FRAMESET. Cara kerja FRAMESET sama seperti cara kerja tag TABLE dimana tag TABLE digunakan untuk membuat halaman dokumen HTML menjadi beberapa bagian kolom dan baris. Hal ini juga dilakukan oleh tag FRAMESET yang dapat membagi halaman dokumen HTML menjadi kolom dan baris, bedanya, pada tag FRAMESET, isi dari setiap kolom dan barisnya berbentuk bingkai yang bersumber dari dokumen HTML lain. COLS Atribut COLS digunakan untuk menentukkan berapa banyak kolom yang akan ditampilkan beserta lebar dari masing-masing kolom. Penggunaan COLS dapat dituliskan sebagai berikut : Tag diatas akan menghasilkan 3 kolom yang masing-masing memiliki lebar 20%, 50%, dan 30%. Hasil yang sama dapat dituliskan sebagai berikut : Tanda bintang pada tag tersebut mengartikan 'sisanya', jadi apabila kolom pertama memiliki lebar 20%, dan kolom kedua memiliki lebar 50%, maka kolom ketiga memiliki lebar sebesar 'sisanya' yaitu sebesar 30%. ROWS Atribut ROWS digunakan untuk menentukkan berapa banyak baris yang akan ditampilkan beserta lebar dari masing-masing baris. Penggunaan ROWS dapat dituliskan sebagai berikut :


21

Tag diatas akan menghasilkan 4 baris yang masing-masing memiliki lebar 35%, 20%, 20% dan 25%. Hasil yang sama dapat dituliskan sebagai berikut Tanda bintang pada tag tersebut mengartikan 'sisanya', jadi apabila baris pertama memiliki lebar 35%, baris kedua memiliki lebar 20%, dan baris ketiga memiliki lebar 20% juga, maka baris keempat memiliki lebar sebesar 'sisanya' yaitu sebesar 25%.

Contoh; <TITLE>cth frame_1 Maka Hasilnya :


22

FRAME FRAME adalah tag HTML yang digunakan untuk membuat sebuah bingkai yang terdapat didalam tag FRAMESET. Cara kerja FRAME hampir sama dengan cara kerja tag TD yang digunakan untuk membuat sebuah sel tunggal dari sebuah tabel, begitu juga dengan tag FRAME yang berguna untuk membuat sebuah bingkai tunggal dari sebuah FRAMESET. Penggunaan tag FRAME selalu berada didalam tag FRAMESET yang akan menentukan berapa banyak FRAME yang terdapat dalam suatu FRAMESET. S R C Atribut ini merupakan kepanjangan dari SOURCE yang berarti "sumber", sesuai dengan namanya, atribut ini berfungsi untuk menentukan sumber dari setiap FRAME yang akan ditampilkan. Contoh ; tag tersebut menyatakan bahwa file sumber dari FRAME yang akan ditampilkan terdapat pada alamat http://html/contohfrmae.html.

SCROLLING Atribut SCROLLING berguna untuk menentukan apakah FRAME yang akan ditampilkan memiliki SCROLL atau tidak. Terdapat tiga pilihan dari atribut ini, yaitu :

YES NO

AUTO

Pilihan Yes akan membuat suatu FRAME akan memiliki SCROLL, diperlukan maupun tidak diperlukan Pilihan NO, akan membuat suatu FRAME tidak memiliki SCROLL meskipun dibutuhkan Pilihan SCROLLING=AUTO merupakan pilihan terbaik, dikarenakan suatu FRAME akan memiliki SCROLL hanya bila dibutuhkan, dan tidak akan menampilkan SCROLL bila FRAME tersebut tidak memerlukannya.

Contoh ; Doc./Iternet+HTML/UNSERA/Mulyadi, S.Kom “ Untuk kalangan Sendiri “

23

<TITLE>Atribut Frameborder

NORESIZE Atribut ini berguna untuk melarang border suatu FRAME untuk digeser-geser. Contoh; MARGINWIDTH Atribut ini digunakan untuk menentukkan rataan tepi horizontal dari suatu FRAME. Contoh; NAME Doc./Iternet+HTML/UNSERA/Mulyadi, S.Kom “ Untuk kalangan Sendiri “

24

Atribut ini digunakan untuk menghubungkan tautan antar FRAME. Contoh; LATIHAN 1 ( Simpan dengan nama : f_judul.html) judul
"Beriman, Berilmu, Beramal"

Halaman Utama | Akademik | Kemahasiswaan | Fasilitas | Beasiswa | P M B

LATIHAN 2 ( Simpan dengan nama : f_daftarisi.html) Daftar Isi
FAKULTAS

Teknologi Informasi
Teknik
Ekonomi
Komunikasi
Ilmu Sosial dan Politik
Program Diploma

LATIHAN 3 Doc./Iternet+HTML/UNSERA/Mulyadi, S.Kom “ Untuk kalangan Sendiri “

25

( Simpan dengan nama : f_isi.html) Isi
FAKULTAS

Fakultas dan Program Studi yang kami tawarkan sangat beragam yaitu terdiri dari 5 fakultas dan 5 Program Diploma 3, masing fakultas mempunya keunggulan dan konsentrasi di bidang prodi masing-masing begitu juga dengan Program Diploma 3.

Teknologi Informasi

Fakultas Teknologi Informasi terbagi kedalam 3 Program Studi, yaitu:

Teknik Informatika (S1), Konsentrasi Matakuliah; Jaringan Komputer, Multimedia, Pemrograman Internet, Design WEB
Sistem Informasi (S1), Konsentrasi Matakuliah ; Sistem Informasi Rekam Medis, Sistem Informasi Perbankan, Sistem Informasi Akuntansi, Pemrograman Datbase, Sistem Informasi Manajemen.
Sistem Komputer (S1), Konsentrasi Matakuliah; Animasi II/Maya/3D S MAX, Video Editing, Sinematografi, Teknik wawancara dan Reportase, Perancangan Sistem Digital, Perancangan sistem VLSI dan MICRO

Teknik

Fakultas Teknik terbagi kedalam 3 Program Studi, yaitu:

Teknik Kimia (S1), Konsentrasi matakuliah : Perancangan reaktor Kimia, Perancangan Pabrik, Perncangan Alat Proses dan Kinetika Kimia.
Teknik Industri (S1), Konsentrasi Matakuliah; Industri Kimia, Praktikum Statistika Industri, Otomasi Industri dan Sistem Produksi 1 dan 2
Teknik Sipil (S1), Konsentrasi Matakuliah; Struktur Baja, Perencanaan Pelabuhan Laut, Perencanaan Konstruksi Gedung bertingkat, dan drainase perkotaan

Ekonomi

Fakultas Ekonomi terbagai kedalam 2 Program Studi, yaitu:

Akuntansi (S1), Konsentrasi Matakuliah; Sistem Infromasi Akuntansi, Akuntansi sektor Public, Akuntansi perpajakan..
Manajemen (S1), Konsentrasi Matakuliah; Manajemen keuangan, Evaluasi Proyek, Manajemen Startegik, Ekonomi Manajerial, Manajemen (SDM) dan Evaluasi Kerja


26

Komunikasi

fakultaas komunikasi baru memiliki 1 program studi yaitu; komunkasi (S1) dan memiliki konsentrasi pada; manajemen public relation, strategi media dan public speaking,

Ilmu Sosial dan Politik

fakultas Ilmu Sosial Politik baru memiliki 1 program studi yaitu Administrasi Negara (S1), .

Program Diploma 3

Program Diploma 3 terdiri dari :

Keuangan dan Perbankan (D3)
Manajemen Perusahaan (D3)
Manajemen Pemasaran (D3)
Akuntansi Komputer (D3)
Akuntansi (D3)

LATIHAN 4 ( Simpan dengan nama : menu_akademik.html) MENU_UTAMA
name="Judul" scrolling="NO" noresize >


27

CSS ( Cascading Style Sheets ) CSS adalah singkatan dari Cascading Style Sheets. Arti CSS adalah: kumpulan kodekode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML. SYNTAX CSS Syntax / kalimat CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector, 1 property, 1 value. Format penulisan kalimat CSS: selector { property: value }

Selector itu untuk menunjukkan bagian mana yang hendak diatur / diformat. Property untuk menunjukkan, bagian (properti) dari selector yang hendak diatur. Value adalah nilai dari pengaturannya. Contoh Syntax: h1 { color: red } Contoh di atas menunjukkan Selector: h1 Property: color Value: red Kalau diterjemahkan ke kalimat bahasa Indonesia kira-kira begini: Mengatur color dari h1 ke warna merah (red).


28

Pengelompokan Selectors Anda dapat menulis satu kode CSS untuk berbagai macam selector dengan cara menggunakan koma. Misalkan anda mau mengatur agar tag h1, h2 dan h3 semua menggunakan warna merah, maka kode CSS nya menjadi: h1,h2,h3 { color: red } Perhatikan penulisan h1,h2,h3 yang dipisahkan oleh koma.

Penggunaan Banyak Properties Untuk mengatur lebih dari satu properties gunakan pemisah titik koma ( ; ). Contoh: h1,h2,h3 {color:red; font-family:arial; font-size:150%;} Pada contoh di atas, tag h1, h2 dan h3 diatur agar menggunakan warna merah, dengan type font arial, dan ukuran font 150%.

Cara Penulisan Yang Baik Sangat disarankan untuk menulis kode CSS menggunakan beberapa baris dimana pengaturan property dan values nya di indent. agar rapih dan lebih mudah di baca h1,h2,h3 { color:red; font-family:arial; font-size:150%; }

CSS Comment Kadang kala, ada baiknya anda menuliskan komentar ke dalam kode CSS anda untuk memberi catatan pengingat. Anda bisa menggunakan syntax pembuka /* dan penutup */ untuk menuliskan komentar. Segala teks yang berada di antara tag /* dan */ tidak akan dibaca sebagai kode, tapi hanya sebagai catatan untuk diri anda. Contoh;

/* Tulis komentar anda di sini */ p { text-align: justify; /* Tulis komentar anda di sini */ color: blue; font-family: arial; }


29

Ada 4 cara memasang kode CSS ke dalam kode HTML / halaman web, yaitu: 1. Inline CSS 2. Embed atau memasang kode css ke dalam bagian 3. link ke external CSS 4. Import CSS file

Inline CSS Kode CSS dituliskan langsung ke dalam tag HTML yang ingin di format. Penulisan cara ini tidak memerlukan penulisan selector dalam kode CSS. Cara ini sebaiknya hanya digunakan jika anda mau memformat suatu elemen satu kali saja. Contoh:
Pada contoh di atas, elemen paragraf
di format agar tulisannya menggunakan warna biru. Elemen paragraf lain, tidak akan menggunakan warna biru, karena format ini hanya berlaku pada elemen paragraf yang ditentukan kode CSS nya. Penulisan CSS dengan cara ini di mulai dengan kata style: lalu di ikuti dengan syntax property: value. 1. Embedded CSS Anda bisa juga menempelkan kode CSS di antara tag dan . Penulisan CSS dengan cara ini diawali dengan tag <style> dan diakhiri dengan tag . Contoh: <style type="text/css" media=screen> p {color:blue;}


30

Dalam contoh di atas semua elemen
dalam halaman web tersebut akan diformat menggunakan font berwarna biru. 2. External CSS Kode CSS external di tulis dalam satu file terpisah yang disimpan dengan akhiran .css. Anda lalu perlu memanggil file CSS tersebut ke dalam semua halaman web yang anda buat. Dengan cara ini, anda hanya perlu memiliki satu set kode CSS yang digunakan untuk semua halaman web anda. Jadi ada dua langkah dalam pengimplementasian CSS dengan cara ini. Contoh: 1. Anda membuat satu file dengan notepad atau teks editor lain, dan berinama, misalkan: style.css, lalu tuliskan kode-kode css di dalam file tersebut. p {font-family: arial; font-size: small;} h1 {color: red; } 2. Langkah kedua adalah memanggil file style.css dari semua halaman web. Caranya dengan memasukkan kode di bawah ini, di antara tag dan

3. Import CSS Anda bisa juga meng-import CSS ke dalam suatu halaman website menggunakan tag import. Contoh: @import "style.css"; atau @import url("style.css");


31

Penggunaan Lebih dari Satu Kode CSS Apabila ada lebih dari satu kode CSS untuk satu elemen, maka yang akan digunakan adalah kode yang lebih spesifik. Misalkan dalam satu halaman web, menggunakan eksternal style sheet untuk memformat elemen H1 sbb: h1 { color: red; text-align: left; font-size: 8pt } Sementara di halaman web yang sama, di antara tag ada kode CSS sbb: h1 { text-align: right; font-size: 20pt } Perhatikan bagaimana pemformatan saling bertabrakan, dari eksternal style sheet, textalign=left sementara dari internal style sheet, text-align=right. Dalam kasus seperti ini, maka yang akan aktif adalah kode yang lebih spesifik, dalam hal ini, internal style sheet lebih spesifik dibandingkan eksternal style sheet. Jadi, dalam contoh di atas, kode yang akan diimplementasikan adalah sbb: color: red; text-align: right; font-size: 20pt

Class dan ID Selector Misalkan anda membuat kode CSS untuk tag
. Sekarang bagaimana jika anda ingin memformat tag
dengan warna / property berbeda? Misalkan, anda ingin tag
di kolom kiri berwarna biru sementara tag
di kolom tengah berwarna hitam. Untuk kasus seperti ini, anda bisa menggunakan Class selector dan ID selector. 1. Class Selector Class selector adalah penggabungan beberapa properties yang digunakan lebih dari satu kali. Cara penulisan Class Selector:

.nama-class {property:value;} Doc./Iternet+HTML/UNSERA/Mulyadi, S.Kom “ Untuk kalangan Sendiri “

32

Untuk menempelkan class ke dalam tag HTML:

taghtml.nama-class {Property:value;}

Perhatikan tanda titik di setiap awal nama Class. Jika anda ingin menggunakan class selector di luar kode HTML anda menggunakan tag
dan di akhiri dengan tag
. Contoh: Penulisan kode CSS: .tengah {text-align:center;} p.tengah {color:red;} h1.kiri {color:blue;} h1.tengah {color:black;}

Pemakaian kode CSS

Teks tengah akan berwarna merah.

Tag H1 tengah akan berwarna hitam

Tag H1 kiri akan berwarna biru

Hasil:


33

2. ID Selector ID Selector mirip dengan Class selector. Untuk membedakannya, gunakanlah ID selector untuk memformat bagian yang hanya muncul satu kali dalam satu halaman web, misalnya untuk memformat bagian menu / sidebar. Cara penulisan ID Selector:

#nama-ID {property:value;} Untuk menempelkan ID selector ke dalam tag HTML:

taghtml#nama-ID {Property:value;}

Perhatikan tanda # di setiap awal nama ID. Jika anda ingin menggunakan class selector di luar kode HTML anda menggunakan tag
dan di akhiri dengan tag
. LATIHAN 1 ( EXTERNAL CSS ) A. Simpan dengan nama (style.css) body{

background:#000000

} #wrapper { width:800px; margin:auto; } #atas{ background:#000099; height:200px; } #kiri{ background:#33363D; float:left; width:250px; height:600px; } #kanan{ background:#FFFFFF; float:right; width:550px; height:600px; } #bawah{ background:#666666; height:150px; clear:both; }


34

B. Simpan dengan nama (indext.html) Layout

TEXT INI TERLETAK PADA SEBELAH KIRI


35

LATIHAN 2 (EMBED CSS ) <style type="text/css" media=screen> #menuku ul { list-style: none; } #menuku ul ul{ list-style: none; } #menuku li { float: left; } #menuku ul ul{ visibility:hidden; width:149px; } #menuku ul li:hover ul, #menuku ul a:hover ul{ visibility:visible; } #menuku li a { background-color:#000000; height: 2em; width: 149px; display: block; border: 0.1em solid #dcdce9; color: #ffffff; text-decoration: none; text-align: center; }

MENU

MENU
MENU

1 1">Sub menu 1 2">Sub menu 2 3">Sub menu 3 2 3


36


37


38

Copyright © 2024 ADOC.PUB. All rights reserved.
About Us | Privacy Policy | Terms of Service | Copyright | Contact Us | Cookie Policy

Sign In

Email

Password

Remember me Forgot password?

Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close

Oleh; Mulyadi_Ibnu_Syaamil, 2010

Recommend Documents

LATIHAN PEMBUATAN TABEL

LATIHAN PEMBUATAN TABEL 2

LATIHAN PEMBUATAN TABEL 3

"Beriman, Berilmu, Beramal"

FAKULTAS

FAKULTAS

Teknologi Informasi

Teknik

Ekonomi

Komunikasi

Ilmu Sosial dan Politik

Program Diploma 3

. Sekarang bagaimana jika anda ingin memformat tag

dengan warna / property berbeda? Misalkan, anda ingin tag

di kolom kiri berwarna biru sementara tag

Tag H1 tengah akan berwarna hitam

Tag H1 kiri akan berwarna biru