Bodhon: Sampai Saya Yang Terbodoh itu Tahu.. Silakan Copy Paste (by bimosaurus)


16
September 7, 2006, 2:36 pm
Diarsipkan di bawah: HTML Tutorial for Kaskus

TAG UNTUK FORMAT HURUP

FOrmat hurup dalam dokumen html bisa di atur sedemikian hingga hurup tersebut dapat lebih nyaman untuk dipandang, dan dibaca. Format hurup dapat berupa:

  • ketebalan hurup
  • jenis font
  • besar kecil hurup
  • warna hurup
  • susunan hurup dalam paragraph
  • animasi lain

Lebih lengkapnya:

  • Untuk ketebalan hurup kita dapat menggunakan  tag <b>hurup_yang_ditebali</b>
    contoh

     

    HTML Code:

    saya mau cetak <b>tebal</b> untuk html milik saya

  • Menentukan Besar kecil hurup dan jenis font kita dapat menggunakan tag <font=parameter></font>
    Paramaternya apa saja sih?

    • size=”nomer_ukuran”
      Untuk menentukan besarnya font
      conto:

       

      HTML Code:

      . . . <font size=2> halo </size> . . .

    • size=+”nomer_ukuran” Untuk menambah besar Font dan
      size=-”nomer_ukuran” Untuk memperkecil fontconto:

       

      HTML Code:

      . . <font size=+2> halo </size> . . <font size=-2>Hola</size> . .

    • color=”jeniswarna” Yang ini ada di depan khan
    • face=”jenis_font”
      Yang ini untuk menentukan jenis font nya
      conto:

       

      HTML Code:

      . . . <font face="Times" size=+"2" color="red"></font> . .

posting ke SERIBU SAYA



15
September 7, 2006, 2:35 pm
Diarsipkan di bawah: HTML Tutorial for Kaskus

Oke makasih ryrie diingatkan… mysqlnya nanti aja deh… ini posting saya ke 999 nah.. spesial untuk ente… tentang tag a

TAG HTML

Pada pengerjaan html, kita akan banyak menggunakan TAG. TAG adalah suatu kode yang akan dipakai oleh dokumen html untuk menjadikan tampilan menjadi standar WEB. Tag ini akhirnya dinamakan dengan markup tags, karena bersifat mengubah kondisi karakter menjadi lebih sesuai pada dukomen html.

Tag HTML ini biasanya di beri dengan tanda <namatag> dan ditutup dengan tanda </namatag>. Tapi ada beberapa jenis tag yang tidak menguikuti aturan tersebut.

TAG Daftar TAG HTML yang sering digunakan dan penggunaannya…

  • a href
    Fungsi dari TAG a href ini adalah membuat hiperlink / Link yang menghubungkan ke tempat lain

    Fungsi Tag A href

    • Membuat hiperlink dari lokasi lain
    • Membuat hiperlink dari dokumen lain

    Standard penggunaan a href adalah sebagai berikut:

    Code:

    <a href="alamat yang dituju">Kata_yang_dikasih_link</a>

    Code:

    protocol://<host:port/><patch>/anchor?parameter

    default port adalah 80 untuk http/web

    Nah biasanya sih kita sering pake yang ginian:

    Code:

    http://www.google.com/support

    kalo yang begini, berarti kita manggil google.com dengan

    Selain protokol http, kita juga bisa memanggil protokol lain dengan tag a ini. Contohnya adalah:

    • ftp://
      contoh:

      Code:

      ftp://microsoft.com conto <a href="ftp://microsoft.com>ftp ke microsit</a>

    • telnet://
      contoh:

      Code:

      telnet://kjps.net conto <a href="telnet://kjps.net">Telnet Ke situs jelek</a>

    • mailto:
      contoh:

      Code:

      mailto:support@kaskus.kus conto <a href="mailto:support@kaskus.kus">Kaskus support</a>

to be continued in next post


Last edited by embah_maridjan : Today at 07:09 PM.



14
September 7, 2006, 2:35 pm
Diarsipkan di bawah: HTML Tutorial for Kaskus

MYSQL newbie

MySQL merupakan sebuah software database.. banyak software database lain seperti Access, Oracle, Postgre, SQL Server..
Nah mengapa saya memilih Mysql?
alasannya adalah, paling murah, tutorialnya banyak, dll seperti alasan penggunaan sistem opensource yang lain..

Berikut point-point singkat tentang MySQL

  • SQL adalah singkatan dari Structured Query Language
  • Definisi paling gampang dari database adalah: Sekumpulan tabel. Dimana tabel teabel tersebut menyimpan INFORMASI.
  • Tujuan database itu antara lain menyimpan informasi/data dalam struktur yang teratur, dan dapat diolah, serta dapat memberikan respond terhadap permintaan informasi (query)

Para pengguna windows dapat menggunakan MYSQL dengan cara melakukan installasi terlebih dahulu. Pada software phptriad sudah terdapat MYSQL, PHP dan juga Apache sebagai web server, dan itu semua disediakan dengan gratis..

Nah bagi para linuxer, biasanya mysql sudah include dalam satu instalasi linux. Kalau belum, instal dulu aja.. cari di situs mysql, bisa memilih yang tar.gz atau dalam bentuk rpm.

Setelah di lakukan installasi, coba masuk ke command line, untuk pengguna windows dapat pake MSDOS PROMPT (Start>Run>cmd atau Start>Run>command). Untuk Linuxer pake Konsole..
Langsung aja ketik mysql di konsole / prompt

jadinnya gini

Dos/win

Code:

C:\mysql\mysql mysql>

Linux

Code:

shell#mysql mysql>

Nah, di setelah sampe mysql> disitulah kita meletakkan perintah dan nati di akhiri dengan tanda ;

nah untuk keluar dari mysql, pake perintah Quit

Sampai sini, ada pertanyaan? lebih lengkap, posting berikut jam 4 sore nanti hehehe



13
September 7, 2006, 2:27 pm
Diarsipkan di bawah: HTML Tutorial for Kaskus

Setting httpd.conf

Apache / httpd bekerja dengan konfigurasi sesuai dengan yang ada di file httpd.conf. Konfigurasi HTTPD ini menyangkut banyak hal, contohnya adalah:

  • Control Operasi http server.
  • Setting virtual host
  • menentukan document root
  • limit user
  • Penentuan modul-modul
  • Masih banyak

Nah dalam kita berlatih php sebagai server side programming language kita perlu melakukan konfigurasi dalam point-point dibawah ini:

  • Penentuan document root
    Carilah lebih dulu file httpd.conf yang ada di direktori apache atau httpd. Kemudian bukalah file tersebut dengan editor teks. Ya kalo di windows adalah dengan notepad. Bukalah notepad kosong, kemudian file httpd.conf itu di seret/drag saja ke halaman notepad. pasti terbuka,…. belum tahu ya
    Bagian yang menentukan lokasi document root adalah bagian ini

    Code:

    . . . DocumentRoot "/var/www/htdocs" . .

    Ingat.. kalo di depan ada tanda #, berarti yang dibelakang tanda tersebut []btidak akan diproses[/b], karena hanya berupa komentar. Biasanya document root ini akan terletak sesuai dengan proses installasinya.
    Misal kalo di linux ya di :/var/www/htdocs
    Kalo di Windows biasanya : C:/Apache/www, atau C:/httpd/www dll.

    Dokumen html yang ditempatkan disini, nantinya dapat langsung di akses dengan browser dengan alamat http://namakomputer_atau_alamat_komputer
    Nama komputer nanti bisa di setting dalam bagian dalam httpd yang bertuliskan:

    Code:

    ServerName

    Documents juga bisa ditempatkan di tempat lain. Lokasinya biasanya di document root untuk direktori user masing masing. Biasanya kalo di linux menggunakan nama public_html. Ada juga kalau di WIndows, ditempatkan di C:/Apache/user, C:/httpd/user. Nah menentukannya adalah di bagian

    Code:

    . . <IfModule mod_userdir.c> UserDir "C:/Apache/User" </IfModule> . .

    Kalo di Linux ya biasanya di

    Code:

    . . . <IfModule mod_userdir.c> UserDir public_html </IfModule> . .

  • Penentuan file-file yang di allowed
    Ini menjadi bagian yang penting.. karena kalo ini tidak di isi, ya nanti file-file yang kita perlukan untuk diproses apache, jadi gak terproses..Masukkan yang php juga ya..

    Code:

    . . . <IfModule mod_dir.c> DirectoryIndex index.html index.htm index.php </IfModule> . .

  • Pastikan file php.ini juga ada yach

Nah ini dulu.. setting yang paling penting… Tetap saya tunggu koreksi dari rekan2



12
September 7, 2006, 2:27 pm
Diarsipkan di bawah: HTML Tutorial for Kaskus

Quote:

From InNuyasHa!!
mau nanya..
masih newbie ni tentang ginian..
btw, kalo buat make html gitu, kayanya kok biasa aja yah?
trus cara buat biar hasilnya maksimal bisa ditambahin apa aja yaH?

Sabar ajah dulu kang inuyasha… yang jelas namanya main html atau web adalah kombinasi dengan seni. Kalo yang biasa di lakukan orang-orang adalah, memperbanyak load image, dan diatur sedemikian rupa sehingga jadilah halaman web yang luar biasa itu .. Ntar kita juga sampe. Paling mudah membuat halaman web yang grafisnya bagus adalah dengan membuat lebih dulu gambar dengan menggunakan Adobe Potoshop atau Macromedia Fireworks, dan melakukan slicing. Dipecah pecah menjadi beberapa gambar kecil2 yang sudah teratur dalam tabel sendiri.. Ntar kita juga sampe..

Quote:

From : doubleUdee
mbah melenceng dikit sorrys mbah paketan bwt developnya pake apa? gw nemu VertigoServ (http://vertrigo.sourceforge.net/), walopun selama ini pake PhpTriad (http://sourceforge.net/projects/phptriad/), ada gk mbah yg lebih kumplit lg? btw http://www.awardspace.com/ jg manteb mbah bwt hosting

Yup, phptriad hanya salah satunya.. dan saya malah belum pernah pake yang vertrigo.. Terimakasih ya doubleudee…

Quote:

From :ryrie
mantap mbah tunggu dulu tapi pelan pelan malah jadi
mantap lah pokoknya cendolnya nyampe deh buat mbah

Yup makasih ryrie… html jalan terus.. cendolnya ntar juga balik berlipat



11
September 7, 2006, 2:23 pm
Diarsipkan di bawah: HTML Tutorial for Kaskus

Bagaimana Program Web Server Berjalan?

[quote]Software Web Server bertugas menyediakan dan memproses materi-materi web yang nantinya akan di akses oleh klient. Proses itu bisa sangat sederhana, sampai tingkat lanjut seperti database[quote]

Client akan mengakses dengan menggunakan software yang bernama browser. Contoh broser banyak banget: dari Internet Explorer, Mozilla, Opera..

[quote]Tugas browser adalah:
Memproses data kiriman dari server, yang masih berupa perintah2 code html, didecodekan menjadi tampilan web yang indah..

Software web server yang paling terkenal adalah APACHE.. ini dipandang sangat klop dengan php, dan MySQL. Dalam sebuah sistem operasi linux, web server apache, bahasa php dan mysql malah sudah include didalamnya. Dan untuk sementara ini memang saya lebih rekomend ke apache.. karena hanya itu yang saya tahu

Bagi para windowser, jangan khawatir.. Pro opensource tetep memberikan kemudahan. Banyak software APACHE FOR WINDOWS dll..
tapi ingin lebih instant? Carilah di google atau di sourceforge.net software bagus bernama phptriad kurang lebih 20 an megabyte. Ketika kita melakukan installasi phptriad ini, maka akan segera terinstal apache, dan mysql. Tentu saja phpnya sudah include, lha namanya saja phptriad.

Nanti setelah phptriad terinstal, jalankanlah APACHE CONSOLE..
Start, Program, Apache, Apache start…
biarkanlah msdos-prompt yang menjalankan apache running itu minimize, jangan di close..

Bagi para linuxer, proses apache, berjalan dengan kita menjalankan httpd, http daemon. Caranya adalah jalankan file:

/usr/sbin/httpd

Kita juga bisa menjalankan melalui

/etc/rc.d/rc.httpd

Nah nanti buat para linuxer dapat melihat proses httpd nya telah berjalan belum dengan cara begini:

ps -ax |grep httpd
Nanti akan muncul proses yang memuat httpd

Nah, pada Apache sebagai web server itu, ada yang dikenal sebagai document root, atau tempat meletakkan materi document kita.

Untuk Linux documents root utamabiasanya terletak di
/var/www/htdocs/
(tergantung dari kita meletakkan juga)

Untuk Windows biasanya terletak di
C:\Apache\www\htdocs
tergantung dari meletakkan juga

Nah.. file yang ada di folder itu akan di proses sebagai halaman
web dari web server

php yang ada di situ ya bakal dikerjakan, asal phpnya di aktifkan

tapi kalo di luar document root tidak akan di proses oleh web server..

Tapi sebenarnya kita meletakkan halaman web kita di luar itu dengan cara membuat document root sekunder, dengan cara melakukan setting di httpd.conf

httpd.conf adalah file yang terletak di dalam direktori Apache. Fungsinya adalah, sebagai setting/configurasi bagi proses berjalannya web server.
Dari httpd.conf ini lah kita melakukan sebagian besar setting untuk web server..

MEngenai setting httpd.conf… tunggu dulu saya mau ke belakang

To all friends, koreksi ya kalo ada salah


Last edited by embah_maridjan : 01-09-2006 at 11:26 PM.



sedoso
September 7, 2006, 2:22 pm
Diarsipkan di bawah: HTML Tutorial for Kaskus

PHP Hello World

OKE DEH… Jalan terus…

Kali ini saya nyoba nyicil PHP dikit.. Mungkin sistemnya terkenal melompat-lompat, tapi memang begitu kurikulum dari den bagus ketrik di puncak merapi sono wehehehe..
sedikit-sedikit dipahami dan akhirnya tidak menimbulkan salah pengertian… kita usahakan jelaskan sejelas-jelasnya..

Bahasa Pemrograman server

Seperti dalam penjelasan sebelumnya, dijelaskan bahwa bahasa pemrograman server memiliki fungsi sebagai berikut:

Quote:

….Berjalan di server dengan fungsinya adalah mengolah materi yang harus dijalankan pada sisi server, sekaligus meng-generate bahasa html, dan pemrograman client, yang lantas ditempelkan pada halaman html untuk client

Berarti di dalam bahasa pemrograman server itu juga harus di tuliskan juga coding html ataupun pemrograman yang berjalan di client.. Ya karena memang salah satu fungsinya memang demikian..

Mengapa PHP?
Sebenarnya kita bebas dengan bahasa pemrograman apapun, namun mengapa kita menggunakan PHP? PHP dipilih karena, merupakan bahasa pemrograman paling FAMILIAR, paling didukung oleh para pecinta OPEN SOURCE, dan paling banyak digunakan dalam menggunakan dynamic template, dan disamping itu juga paling mudah. Nah saya juga akhirnya memilih PHP.. Pernah saya belajar perl ternyata bahasanya sangat kriting.. mending PHP.. wehehehe

Struktur PHP dalam WEB
PHP berjalan di server.. Harusnya dia hanya bisa dipanggil tapi tidak bisa dibaca dari luar. Nah ketika bahasa php itu diakses maka file php akan ter-eksekusi.. menjalankan routin routin pemrograman termasuk database, dan memberikan halaman balik untuk user dalam bentuk html yang tergenerate.

Struktur hubungan standard sederhana bahasa PHP dalam HTML dpat dilihat dalam kode ini:

HTML Code:

<?php //komentar /*komentar....puanjang . . .*/ //proses <=disini php melakukan proses awal . . . . echo "code html atau script client untuk proses input ke server"; //proses pengolahan input <= disini diproses hasil input dari client . . . //proses pengeluaran output <= disini hasil proses webserver jadi . . . echo "code html hasil keluaran dari proses di server"; ?>

Nah dengan struktur blok diagram diatas tersebut kita dapat memahami demikian: KEtika sebuah file php dipanggil, maka proses segera berjalan.. Dan setelah proses awal di php, akan muncul halaman input untuk html.. KIta akan melihatnya sebagai halaman web, misalnya, email.. Setelah kita melakukan pengisian data, setelah kita post atau submit, maka php kembali berproses, mengolah input kita, dan hasil dari proses bisa berupa email yang dikirimkan, dan kita bisa melihat halaman konfirmasi pengiriman yang digenerate php dalam bentuk html

Namun, PHP tidak selalu berstruktur demikian, kadang sebuah file php pun justru isinya html melulu, bisa juga file php, tidak men-generate html, melainkan sekedar proses biasa…

Contoh program php paling sederhana dapat dilihat disini

HTML Code:

<?php ?>

Nah.. inilah program paling sederhana.. untuk menunjukkan pada komputer bahwa ini proses php, perlu diberi tanda

Code:

<?php

dan akhiran

Code:

?>

Nah selanjutnya semua proses php perlu diberi seperti itu yaa…

Contoh proses php lagi:

HTML Code:

<?php echo "Hello World"; ?>

Apa maksud program ini?

Maksudnya adalah program tersebut menuliskan echo pada halaman html code kita. Proses penulisan pada halaman html code tersebut ditandai dengan perintah :

Code:

echo:" ";

Nah, ternyata, kalo kita ingin membuat sebuah halaman html utuh seperti ini dengan php:

HTML Code:

<html> <head> <title>AKU LAHIR</title> </head> <body> Halo Duniaaaaaaa </body> </html>

kita bisa meuliskannya dengan cara begini:

HTML Code:

<?php echo "<html>"; echo "<head>"; echo "<title>AKU LAHIR</title>"; echo "</head>"; echo "<body> Halo Duniaaaaaaa </body>"; echo "</html>"; ?>

Lho.. malah tambah rumit ya? Tapi ingat, bahasa pemrograman tidak dibuat untuk mempersulit manusia.. entar di belakang juga kita akan tahu fungsinya…

Tapi.. untuk bisa menjalankan File ini, <b>ada syaratnya..[/b]:
Syaratnya adalah…

FILE INI TERLETAK PADA DIREKTORI TEMPAT DOCUMENT ROOT WEB SERVER..


Last edited by embah_maridjan : 01-09-2006 at 10:58 PM.



sembilan
September 7, 2006, 2:19 pm
Diarsipkan di bawah: HTML Tutorial for Kaskus

Quote:

Originally Posted by ephyra View Post

embah yang baek juga kaskuser yang laen, aku baru liat thread ini n lagi belajar, tapi kemaren pas aku masukin kode yang <img src=”g:\phyra\47499261.jpg”> trus save ternyata ngga muncul gambarnya, tapi klo diliat di windows explorer secara thumbnails gambar itu muncul. kira2 apanya yg salah ya?
ini kode yang aku bikin
<html>
<head>
<title>ephyra</title>
</head>
<body bgcolor=”#87CEFA”>
percobaan lagi masukin gambar
<a href=”halaman-dua.html”>kilik dimari</a>
<img src=”g:\ephyra\47499261.jpg”>
</body>
</html>

sori ya klo bahasanya beribet. thx b4

Cukup jelas kok
Gini, pertama dilihat di browser option .

  • Kalo pake Internet Explorer,lihat pada menu Tools, Internet Options, Advanced, Multimedia. Disitu ada pilihan Show Picture. Nah itu di centang/pilih ya.
  • Kalo pake Mozilla, lihat pada Tools, Options, Web Features, pilih Load Images

Nah itu bisa jadi karena broswer tidak me load image ente.

Kemudian ada hal yang perlu lagi, kalo bisa kita membiasakan diri dengan menempatkan gambar atau image, masih dalam folder web kita. Maksudnya adalah, jika folder web kita dipindah, gambar juga ikut pindah, dan selain itu kita juga bisa membuat aturan path-nya menjadi path relatif yang bisa fleksibel..

contoh :

HTML Code:

. . <a href="halaman-dua.html">kilik dimari</a> <img src="g:\ephyra\47499261.jpg"> ..

gambar yang ada di Drive G, Folder ephyra, dipindah aja ke folder yang memuat web kita. Kalo masih satu folder / level folder dengan file htmlnya, tinggal tulis seperti ini

HTML Code:

<a href="halaman-dua.html">kilik dimari</a> <img src="47499261.jpg">

Kalo biasanya sih para pembuat web menempatkan dalam folder sendiri seperti folder image, yang masih dalam satu level folder dengan web, misalnya kalo kita kasih nama folder images

HTML Code:

<a href="halaman-dua.html">kilik dimari</a> <img src="images/47499261.jpg">

Lawan path relatif adalah path absolut seperti begini C:\program files\mozilla\1.jpg

Nah dicoba dulu yach



delapan
September 7, 2006, 2:18 pm
Diarsipkan di bawah: HTML Tutorial for Kaskus

nyicil css (css hello word)

Mengapa pelajarannya kok kayak melompat-lompat? Nggak, ini memang melompat tapi maksdnya adalah untuk sama sama mudah di pelajari sesuai levelnya.. wekekek

css adalah singkatan dari CASCADING STYLE SHEET. Beberapa penjelasan mudah tentang css adalah:

  • w3c.org : CSS=sebuah mekanisme sederhana untuk mengatur halaman web
  • w3schools: CSS=suatu cara agar mempermudah pengaturan seluruh tampilan web hanya dengan satu kali aturan saja

Begitu..

Nah, sebagai gambaran singkat mengenai fungsi besar css akan digambarkan dalam bentuk contoh dibawah ini:
================================================== =====
Misal kita membuat web dengan 3 buah halaman web yang mirip, namun berbeda isi/content nya.

halaman html pertama disimpan sebagai cobacss1.html (ingat lho ya, tetep pake notepad, atau editor text lainnya)

HTML Code:

<html> <head> <title>coba css hal 1</title> </head> <body bgcolor="#000000" text="FFFFFF" link="cc9933" alink="cccccc" vlink="fe546e" > coba css hal1<br/> <a href="cobacss2.html">ke hal2</a><br/> <a href="cobacss3.html">ke hal3</a><br/> </body> </html>

kemudian kita buat halaman 2:
halaman html kedua disimpan sebagai cobacss2.html

HTML Code:

<html> <head> <title>coba css hal 2</title> </head> <body bgcolor="#000000" text="FFFFFF" link="cc9933" alink="cccccc" vlink="fe546e" > coba css hal2<br/> <a href="cobacss1.html">ke hal1</a><br/> <a href="cobacss3.html">ke hal3</a><br/> </body> </html>

terus halaman 3
halaman html ketiga disimpan sebagai cobacss3.html

HTML Code:

<html> <head> <title>coba css hal 3</title> </head> <body bgcolor="#000000" text="FFFFFF" link="cc9933" alink="cccccc" vlink="fe546e" > coba css hal3<br/> <a href="cobacss1.html">ke hal1</a><br/> <a href="cobacss2.html">ke hal2</a><br/> </body> </html>

Nhhaaaah…

berarti tiap kali kita buat halaman html, ya harus nulis hal yang sama dan berulang ulang terus menerus… ya nggak…
Hal yang berulang ulang itu adalah:

HTML Code:

......... <body bgcolor="#000000" text="FFFFFF" link="cc9933" alink="cccccc" vlink="fe546e" > ........

Naah.. untuk itulah w3c atau singkatan dari world wide web consortium membuat sebuah standard untuk mempermudah hal itu dengan menggunakan CSS. Dengan demikian nanti, kita bisa membuat sebuah halaman baru, misal dengan nama style.css yang berisi aturan-aturan. Aturan-aturan tersebut nanti tinggal dipanggil dalam tiap halaman html yang memerlukan aturan tersebut… wehehehe.. ringkas khan…
Jadi nanti seperti margin, warna link dll, dapat kita atur satukali aja yang ada di css, tapi semua yang di html bisa ikut berubah, enak khan?

Jadi, halaman html diatas bisa menjadi seperti ini misalnya:

  • Kita buat file css dengan nama style.css

    HTML Code:

    BODY { background: #000000; color: ffffff; } a:link {color: #cc9933} /* link, kalo tadi ya cuma link gitu*/ a:visited {color: #fe546e} /* visited link, tadi sebagai vlink*/ a:active {color: #cccccc} /* link active, tadi sebagai alink */

    oh ya asal untuk ngasih komentar kita bisa pake tanda pemula {/*} danm diakhiri tanda {*/}. Diantara tanda ini, gak diproses dalam css atau web

  • Kita buat file html – nya, lengkap dengan pemanggilan cssnya dalam sintaks htmlnya

    yang ini simpan saja sabagai latcss1.html

    HTML Code:

    <html> <head><LINK rel="stylesheet" type="text/css" href="style.css"> <title>coba css hal 1</title> </head> <body> coba css hal1<br/> <a href="latcss2.html">ke hal2</a><br/> <a href="latcss3.html">ke hal3</a><br/> </body> </html>

    ini disimpan sebagai latcss2.html

    HTML Code:

    <html> <head><LINK rel="stylesheet" type="text/css" href="style.css"> <title>coba css hal 2</title> </head> <body> coba css hal2<br/> <a href="latcss1.html">ke hal1</a><br/> <a href="latcss3.html">ke hal3</a><br/> </body> </html>

    ini disimpan sebagai latcss3.html

    HTML Code:

    <html> <head><LINK rel="stylesheet" type="text/css" href="style.css"> <title>coba css hal 3</title> </head> <body> coba css hal3<br/> <a href="latcss1.html">ke hal1</a><br/> <a href="latcss2.html">ke hal2</a><br/> </body> </html>

Nah disana ada link rel dan kawan kawan yang tujuannya hanya memanggil (meload) css yang ada dalam halaman lain, namun masih satu folder, untuk dijadikan acuan aturan dalam htmlnya

Naah, sekarang coba jalankan… tolong teman teman juga koreksi, embah sering lupa…

Dalam sebuah halaman html yang kompleks, disana akan terdiri dari buanyak sekali hal, seperti
warna link, visited, active
background
layer
table
paragraph
break
komponen lain

Jika semua hal tersebut harus dituliskan berulang ulang dalam halaman baru, wah, bisa pusing tuh yang bikin yahoo dll hehehe, maka dengan css, semua lebih ringkas, mengaturnya jadi gampang..


Last edited by embah_maridjan : 26-08-2006 at 06:46 PM.



ketujuh
September 7, 2006, 2:17 pm
Diarsipkan di bawah: HTML Tutorial for Kaskus

OK Guys, sama sama belajar, dan kata orang dulu sih, “tanamlah ilmu di kepalamu dengan cara berbagi dengan orang lain”, dan saya percaya itu

nah setelah hilang sedikit rasa penasaran kita tentang apa yang terjadi di web server dan client, maka kita segera sedikit mengulas tentang properti dan value dari masing-masing operator yang membentuk halaman html tersebut. Mari kita mulai:

untuk body

  • bgcolor = mewarnai background
  • text = warna text / hurup yang dituliskan
  • link = warna hurup yang bakal ada link nya
  • alink = warna hurup yang linknya aktif (active link)
  • vlink = warna hurup yang linknya telah dikunjungi (visited link)

Kita coba dalam kode:

HTML Code:

<html> <head> <title>Coba Properti Elemen Body</title> </head> <body bgcolor="#000000" text="FFFFFF" link="cc9933" alink="cccccc" vlink="fe546e" > Kali ini kita mencoba menggunakan <a href="#">Body elements</a> </body> </html>

Jangan lupa disimpen aja di notepad sebagai file cobabody.html.. nah nanti buka dari ekplorer juga bisa, atau dari browser, dengan cara open file, browse dan diarahkan ke file ini…

Kalo udah beginiii, berarti maksudnya semua yang ada di halaman web yang kita buat tersebut, akan berbackground warna item, text nya puteh, dan link-linknya akan memiliki warna terntentu…

Selamat mencoba..


Last edited by embah_maridjan : 24-08-2006 at 11:07 PM.