Kamis, 29 Juli 2010
Jumat, 23 Juli 2010
cara menampilkan kode script/HTML
Cara Menampilkan Kode Script / HTML Di Halaman Artikel
Barangkali suatu saat kita ingin menampilkan kode script atau HTML di postingan/ halaman artikel, tetapi ketika di publikasikan ternyata hasil dari kode tersebut yang tampil, bukan kode script/ HTML-nya seperti yang kita inginkan sebelumnya.
Contohnya :
Kita ingin menampilkan kode dibawah ini di halaman artikel/ postingan :
Chyardi's Blog
Ketika dipublikasikan hasilnya :
Chyardi's Blog
atau contoh lainnya kita ingin menampilkan kode dibawah ini di halaman artikel untuk tukaran link :
tetapi ketika di publikasikan hasilnya :
Chyardi's Blog
Nah, supaya yang tampil kode script-nya saja (bukan hasil dari kode tersebut), caranya sebagai berikut :
- Kita menuju alamat ini http://blogcrowds.com/resources/parse_html.php atau http://centricle.com/tools/html-entities/;
- Copy-kan atau tulis kode script/ HTML yang ingin kita tampilkan di dalam kotak Parse HTML;
- Jika sudah selesai klik tombol Parse;
- Setelah muncul hasilnya, sekarang kita copy paste hasil dari parse kode tersebut ke halaman artikel/ postingan/ halaman entri;
- Selesai.
Selain cara diatas ada juga yang menggunakan Text Area.
Contoh :
Tulis text ataupun kode script/ HTML yang mau anda tampilkan disini
Cara membuatnya cukup copy kode dibawah ini lalu letakkan ke blog anda :
Keterangan :
- Teks yang berwarna ungu merupakan teks yang muncul pada tombol, kita dapat menggantinya dengan nama lain.
- Teks berwarna merah adalah teks muncul didalam kotak, silahkan diganti dengan teks atau kode script/ HTML kita.
- Center menunjukkan posisi kotak ditengah, jika kita ingin meletakkan dikiri maka ganti dengan left atau right jika kita ingin meletak disebelah kanan.
- Width merupakan lebar kotak dan height merupakan tinggi kotak, silahkan diganti sesuai keinginan kita.
Selamat mencoba, semoga bermanfaat.
Artikel Terkait :
cara
* Solusi Hardisk Yang Tidak Dapat Di FDISK
* File Hosts Untuk Memblokir Situs Tertentu
* Cara Setting Blackberry
* Menambah Bandwidth Internet Di Windows
* Permasalahan Handphone Dan Solusinya
* Permasalahan Motherboard Dan Cara Mengatasinya
* Cara Menampilkan Kembali File Yang Disembunyikan (Dihidden) Oleh Virus
* Memperbaiki Kartu Memori (MMC) Yang Rusak
* Tips Cara update Bios
* Cara Menghilangkan Pesan Peringatan Low Disk Space
* Cara Mengatasi Low Disk Memory
* Power Led Menyala Tetapi Tidak Ada Sistem Yang Terdeteksi (Solusi Permasalahan Komputer)
* Gambar Hanya Muncul Dibagian Atas Atau Bawah Monitor (Solusi Permasalahan Komputer)
* Solusi Jika Layar Monitor Tampak Garis Horizontal Atau Vertikal (Solusi Permasalahan Komputer)
* Cara Setting GPRS, MMS, 3G/HSDPA, Dan EDGE Di Handphone TAXCO TX61 Untuk Kartu Telkomsel
* Sistem Komputer/PC Lambat Saat Mengeksekusi Data (Solusi Permasalahan Komputer)
* Windows Selalu Masuk Pada Setting Safe Mode (Solusi Permasalahan Komputer)
* Solusi Jika Komponen IDE Tidak Terdeteksi Oleh Komputer (Solusi Permasalahan Komputer)
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
* Tips Cara Melindungi Artikel Dari Copy Paste
internet
* Menambah Bandwidth Internet Di Windows
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
* Tips Cara Melindungi Artikel Dari Copy Paste
* Cara Membuat Tukaran Link
* Tutorial Memasang Kabel UTP Untuk Jaringan
* Kode Warna
* Tips Cara Membuat Kategori (Label) dan Menampilkannya di Blog
* Cara Menyisipkan / Menambah Gambar, Video, Audio, dan Media Pada Artikel di Wordpress
* Pilih All In One SEO Pack atau Platinum SEO Pack
* Cara Memulai Menulis / Membuat Artikel Di Wordpress
* Google Chrome 3.0 Lebih Cepat 25 Persen Dari Sebelumnya
* Cara Penggunaan All in One SEO Pack Untuk Mengoptimalkan Wordpress
* Tips Mengoptimalkan Performa Mozilla Firefox
* Tips Mempercepat Akses Internet
* Tips Cara Memasang Alexa Traffic Rank di Wordpress.Com
* Tips Mempercepat Akses Internet Via Handphone
* Tips Memproteksi Wordpress Dari Hacking
* Membuat Website Secara Offline
* AntiSpyware dan AntiVirus Yang Ringan, Cepat, dan Efektif
* Setting Time, URL, File Download Pada SQUID PROXY
tips
* Solusi Hardisk Yang Tidak Dapat Di FDISK
* File Hosts Untuk Memblokir Situs Tertentu
* Cara Setting Blackberry
* Komputer Agar Awet dan Aman
* Windows 7 32-bit atau Windows 7 64-bit
* Menambah Bandwidth Internet Di Windows
* Permasalahan Handphone Dan Solusinya
* Permasalahan Motherboard Dan Cara Mengatasinya
* Cara Menampilkan Kembali File Yang Disembunyikan (Dihidden) Oleh Virus
* Memperbaiki Kartu Memori (MMC) Yang Rusak
* Tips Cara update Bios
* Cara Menghilangkan Pesan Peringatan Low Disk Space
* Cara Mengatasi Low Disk Memory
* Power Led Menyala Tetapi Tidak Ada Sistem Yang Terdeteksi (Solusi Permasalahan Komputer)
* Gambar Hanya Muncul Dibagian Atas Atau Bawah Monitor (Solusi Permasalahan Komputer)
* Solusi Jika Layar Monitor Tampak Garis Horizontal Atau Vertikal (Solusi Permasalahan Komputer)
* Cara Setting GPRS, MMS, 3G/HSDPA, Dan EDGE Di Handphone TAXCO TX61 Untuk Kartu Telkomsel
* Sistem Komputer/PC Lambat Saat Mengeksekusi Data (Solusi Permasalahan Komputer)
* Windows Selalu Masuk Pada Setting Safe Mode (Solusi Permasalahan Komputer)
* Solusi Jika Komponen IDE Tidak Terdeteksi Oleh Komputer (Solusi Permasalahan Komputer)
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
Barangkali suatu saat kita ingin menampilkan kode script atau HTML di postingan/ halaman artikel, tetapi ketika di publikasikan ternyata hasil dari kode tersebut yang tampil, bukan kode script/ HTML-nya seperti yang kita inginkan sebelumnya.
Contohnya :
Kita ingin menampilkan kode dibawah ini di halaman artikel/ postingan :
Chyardi's Blog
Ketika dipublikasikan hasilnya :
Chyardi's Blog
atau contoh lainnya kita ingin menampilkan kode dibawah ini di halaman artikel untuk tukaran link :
tetapi ketika di publikasikan hasilnya :
Chyardi's Blog
Nah, supaya yang tampil kode script-nya saja (bukan hasil dari kode tersebut), caranya sebagai berikut :
- Kita menuju alamat ini http://blogcrowds.com/resources/parse_html.php atau http://centricle.com/tools/html-entities/;
- Copy-kan atau tulis kode script/ HTML yang ingin kita tampilkan di dalam kotak Parse HTML;
- Jika sudah selesai klik tombol Parse;
- Setelah muncul hasilnya, sekarang kita copy paste hasil dari parse kode tersebut ke halaman artikel/ postingan/ halaman entri;
- Selesai.
Selain cara diatas ada juga yang menggunakan Text Area.
Contoh :
Tulis text ataupun kode script/ HTML yang mau anda tampilkan disini
Cara membuatnya cukup copy kode dibawah ini lalu letakkan ke blog anda :
Keterangan :
- Teks yang berwarna ungu merupakan teks yang muncul pada tombol, kita dapat menggantinya dengan nama lain.
- Teks berwarna merah adalah teks muncul didalam kotak, silahkan diganti dengan teks atau kode script/ HTML kita.
- Center menunjukkan posisi kotak ditengah, jika kita ingin meletakkan dikiri maka ganti dengan left atau right jika kita ingin meletak disebelah kanan.
- Width merupakan lebar kotak dan height merupakan tinggi kotak, silahkan diganti sesuai keinginan kita.
Selamat mencoba, semoga bermanfaat.
Artikel Terkait :
cara
* Solusi Hardisk Yang Tidak Dapat Di FDISK
* File Hosts Untuk Memblokir Situs Tertentu
* Cara Setting Blackberry
* Menambah Bandwidth Internet Di Windows
* Permasalahan Handphone Dan Solusinya
* Permasalahan Motherboard Dan Cara Mengatasinya
* Cara Menampilkan Kembali File Yang Disembunyikan (Dihidden) Oleh Virus
* Memperbaiki Kartu Memori (MMC) Yang Rusak
* Tips Cara update Bios
* Cara Menghilangkan Pesan Peringatan Low Disk Space
* Cara Mengatasi Low Disk Memory
* Power Led Menyala Tetapi Tidak Ada Sistem Yang Terdeteksi (Solusi Permasalahan Komputer)
* Gambar Hanya Muncul Dibagian Atas Atau Bawah Monitor (Solusi Permasalahan Komputer)
* Solusi Jika Layar Monitor Tampak Garis Horizontal Atau Vertikal (Solusi Permasalahan Komputer)
* Cara Setting GPRS, MMS, 3G/HSDPA, Dan EDGE Di Handphone TAXCO TX61 Untuk Kartu Telkomsel
* Sistem Komputer/PC Lambat Saat Mengeksekusi Data (Solusi Permasalahan Komputer)
* Windows Selalu Masuk Pada Setting Safe Mode (Solusi Permasalahan Komputer)
* Solusi Jika Komponen IDE Tidak Terdeteksi Oleh Komputer (Solusi Permasalahan Komputer)
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
* Tips Cara Melindungi Artikel Dari Copy Paste
internet
* Menambah Bandwidth Internet Di Windows
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
* Tips Cara Melindungi Artikel Dari Copy Paste
* Cara Membuat Tukaran Link
* Tutorial Memasang Kabel UTP Untuk Jaringan
* Kode Warna
* Tips Cara Membuat Kategori (Label) dan Menampilkannya di Blog
* Cara Menyisipkan / Menambah Gambar, Video, Audio, dan Media Pada Artikel di Wordpress
* Pilih All In One SEO Pack atau Platinum SEO Pack
* Cara Memulai Menulis / Membuat Artikel Di Wordpress
* Google Chrome 3.0 Lebih Cepat 25 Persen Dari Sebelumnya
* Cara Penggunaan All in One SEO Pack Untuk Mengoptimalkan Wordpress
* Tips Mengoptimalkan Performa Mozilla Firefox
* Tips Mempercepat Akses Internet
* Tips Cara Memasang Alexa Traffic Rank di Wordpress.Com
* Tips Mempercepat Akses Internet Via Handphone
* Tips Memproteksi Wordpress Dari Hacking
* Membuat Website Secara Offline
* AntiSpyware dan AntiVirus Yang Ringan, Cepat, dan Efektif
* Setting Time, URL, File Download Pada SQUID PROXY
tips
* Solusi Hardisk Yang Tidak Dapat Di FDISK
* File Hosts Untuk Memblokir Situs Tertentu
* Cara Setting Blackberry
* Komputer Agar Awet dan Aman
* Windows 7 32-bit atau Windows 7 64-bit
* Menambah Bandwidth Internet Di Windows
* Permasalahan Handphone Dan Solusinya
* Permasalahan Motherboard Dan Cara Mengatasinya
* Cara Menampilkan Kembali File Yang Disembunyikan (Dihidden) Oleh Virus
* Memperbaiki Kartu Memori (MMC) Yang Rusak
* Tips Cara update Bios
* Cara Menghilangkan Pesan Peringatan Low Disk Space
* Cara Mengatasi Low Disk Memory
* Power Led Menyala Tetapi Tidak Ada Sistem Yang Terdeteksi (Solusi Permasalahan Komputer)
* Gambar Hanya Muncul Dibagian Atas Atau Bawah Monitor (Solusi Permasalahan Komputer)
* Solusi Jika Layar Monitor Tampak Garis Horizontal Atau Vertikal (Solusi Permasalahan Komputer)
* Cara Setting GPRS, MMS, 3G/HSDPA, Dan EDGE Di Handphone TAXCO TX61 Untuk Kartu Telkomsel
* Sistem Komputer/PC Lambat Saat Mengeksekusi Data (Solusi Permasalahan Komputer)
* Windows Selalu Masuk Pada Setting Safe Mode (Solusi Permasalahan Komputer)
* Solusi Jika Komponen IDE Tidak Terdeteksi Oleh Komputer (Solusi Permasalahan Komputer)
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
Ilmu dasar artikel HTML
artikel html
Posted in artikel html, drag matic on July 14th, 2010 by andry666
BAB 1
PENGERTIAN WEB & HTML
World Wide Web ( WWW ) yang biasa disebut web merupakan suatu kumpulan informasi pada beberapa server komputer yang terhubung satu dengan yang lain dalam jaringan internet. Bekerja dengan web mencakup 2 hal penting yaitu sofware web browser ( browser ) dan software web server.
Hypertext Markup Language ( HTML ) adalah suatu system penulisan perintah dan formatting hypertext sederhana yang ditulis kedalam dokumen teks ASCII agar dapat menghasilkan tampilan visual yang terintegrasi. Dengan kata lain, dokumen yang dibuat dalam aplikasi pengolah kata dan disimpan ke dalam format ASCII normal sehingga menjadi homepage dengan tambahan perintah-perintah HTML. Dokumen HTML disebut markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menetukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Dengan menggunakan perintah-perintah HTML memungkinkan user untuk melakukan fungsi-fungsi berikut ini :
l Menentukan ukuran dan alur teks
l Mengintegrasikan gambar dengan teks ( in-line )
l Membuat links
l Mengintegrasikan file audio dan video Membuat form interaktif
HTML lebih menekankan pada penggambaran komponen-komponen, struktur dan formatting di dalam halaman web daripada menentukan penampilannya. Sedangkan web browser digunakan untuk menginterpretasikan perintah-perintah HTML yang disisipkan ke dalam teks dan menampilkan susunan halaman ke style built-in browser dengan menggunkan font, tab, warna, garis, dan perataan teks yang dikehendaki ke komputer yang menampilkan halaman web.
Struktur penulisan pemrograman HTML yang baik pada dokumen HTML adalah penulisan tag-tag yang ditempatkan pada dokumen yang terbagi ke dalam area deskriptif dan fungsional.
Perintah-perintah HTML biasa disebut dengan tag. Tag merupakan cara untuk memodifikasi dokumen teks normal yang akan ditampilkan di dalam web browser. Tag HTML ditulis ke dalam dokumen ASCII dan menyediakan instruksi-instruksi ke browser yang berhubungan dengan formatting halaman, termasuk yang di luar tag, seperti gambar, audio, dan video. Tag HTML selalu dimunculkan sebagai suatu kata atau frase yang ditempatkan diantara tanda kurung sudut ( < > ). Isi dari tanda kurung sudut adalah perintah HTML itu sendiri. Struktur dokumen HTML terdiri dari:
1. baris yang berisi informasi versi HTML yang digunakan
2. deklarasi bagian header dengan elemen body
3. deklarasi bagian body dengan elemen body atau frameset
top
BAB 2
PENJELASAN TAG-TAG DALAM FILE HTML
A. Listing Program
< HTML >
< HEAD >
< TITLE > judul < / TITLE >
< /HEAD >
< BODY >
Perintah-perintah HTML
< / BODY >
< / HTML >
B. Penjelasan
< HTML >
< !–Tag ini merupakan inisialisasi file HTML. Setiap akan membuat web harus diakhiri dengan tag < HTML >. Untuk membedakan tag awal dan tag akhir, digunakan karakter slash ( / ) pada tag akhir, dan ditempatkan sebelum nama tag. Misalnya < / HTML >–>.
< HEAD >
< !–Tag ini merupakan pembuka dari dokumen HTML yang berisi informasi yang menjelaskan dokumen HTML–>
< TITLE >
< !–tag ini bukan merupakan bagian dari teks dokumen dan tidak boleh mengandung tag lain. Tag ini sebagai label untuk jendela dari browser–>
< BODY >
< !–tag ini memiliki atribut bgcolor ( untuk menentukan warna background ) , text ( untuk menentukan warna teks ) , size ( untuk menentukan ukuran huruf )–>
< H1 >
< !–ini adalah heading. Mulai dari h1 sampai dengan h6–>
< FONT COLOR >
< !–ini adalah tag untuk menentukan warna tulisan–>
< FONT SIZE >
< !–ini adalah tag untuk menentukan ukuran huruf–>
< FONT FACE >
< !–ini adalah tag untuk menentukan jenis huruf yang dipilih–>
< P >
< !–sebagai awal suatu paragraph. Tag ini mempunyai atribut align, seperti “left” yang membuat paragraf menjadi rata kiri, “right” yang membuat paragraf menjadi rata kanan dan “center” membuat paragraf menjadi berada di tengah–>
< BR >
< !–>menyatakan ganti baris–>
< PRE >
< !–untuk menmpilkan teks persis seperti yang diketikkan dalam HTML–>
< B >
< !–cetak huruf tebal–>
< I >
< !–cetak huruf miring–>
< U >
< !–cetak huruf dengan garis bawah–>
< SUB >
< !–ini adalah tag untuk menuliskan subscript–>
< SUP >
< !–ini adalah tag untuk menuliskan superscript–>
< TT >
< !–untuk menampilkan tulisan seperti mesin ketik–>
< CITE >
< !–untuk menampilkan teks kutipan–>
< EM >
< !–untuk memberikan penekanan pada suatu kata, biasanya dicetak miring–>
< CODE >
< !–untuk menampilakn suatu contoh kode program secara logical dan biasanya dicetak miring–>
< BLOCKQUOTE >
< !–tag ini digunakan untuk mengkuot paragraph, sehingga sedikit lebih menjorok / indent–>
< MARQUEE >
< !–untuk menampilkan teks berjalan. Marquee memiliki atribut behavior yaitu slide, alternate, dan scroll–>
< HR >
< !–tag untuk membuat garis horizontal–>
HR memiliki atribut :
r align : untuk perataan ( left / center / right )
r width : untuk menentukan ukuran tebal tipisnya garis
r noshade : untuk menghilangkan bayangan abu-abu dibawah garis
r color : untuk menentukan warna garis
< ADDRESS >
< !–untuk memberikan informasi pembuat situs web / menampilkan alamat–>
< UL >
< !–ini digunakan untuk membuat list dengan bulletizing. Di dalam tag “UL” diisi dengan tag “LI”, ditulis sebanyak list yang dibutuhkan. UL memiliki atribut tipe yaitu :
r circle ( berbentuk lingkaran )
r disc ( berbentuk bulatan penuh )
r square ( berbentuk kotak )
< OL >
< !–ini digunakan untuk membuat list dengan menggunakan nomor / bukan bullet _ _ > Di dalam tag “OL” diisi dengan tag “LI”, ditulis sebanyak list yang dibutuhkan. OL memiliki atribut tipe yang terdiri dari:
r a ( urutan secar alfabet dengan huruf kecil )
r i ( urutan secara i, ii, dan seterusnya )
r A ( urutan secar alfabet dengan huruf kapital )
< ACRONYM >
!–tag ini untuk menuliskan akronim–>
< IMG SRC >
< !–untuk menyisipkan gambar–>
top
BAB 3
MEMBUAT FORM & FRAME
3.1. FORM
Untuk membuat homepage yang interaktif, kita perlu menggunakan form. Form dapat digunakan untuk meminta input dari pengunjung tentang apapun. Baik mengisi angket, mengisi polling, mengisi guestbook juga mengisi form pembelian barang. Semua aplikasi tersebut menggunakan prinsip pembuatan form. Form selalu diawali dengan tag FORM dan ditutup dengan tag /FORM. Di antara tag pembuka dan penutup FORM tadi dapat diisi tag INPUT yang jenisnya ada beberapa macam. Formatnya seperti berikut:
keterangan:
l FORM: kata ini akan menjelaskan kepada komputer bahwa anda sedang membuat form.
l METHOD: kata ini menentukan tentang bagaimana informasi akan dikirim. Kita memilih dengan cara “POST”, artinya data langsung kita kirim begitu saja.
l ACTION: ke mana data akan dikirim. Pada form di atas kita menggunakan “simpan.php” yang berarti data akan dikirim ke alamat tersebut.
l INPUT: ini mendefinisikan bahwa kita sedang meminta input (masukan) kepada pengunjung situs.
l TYPE: ini menjelaskan jenis input yang kita minta. Di sini kita memilih jenis “text” yang akan menampilkan satu baris kotak input seperti terlihat di atas.
l NAME: yang ini berguna untuk memberikan nama kepada input ini. Kita bebas memberi nama apapun, tidak harus “nama” seperti yang tertulis di atas. NAME ini berguna untuk keperluan memproses input ini lebih lanjut.
l SIZE: ini adalah panjang kotak input di atas.
jenis-jenis (type) input yang lain adalah:
r CHECKBOX Kita dapat memilih lebih dari satu. Bentuk tag dari CHECKBOX adalah:
untuk RADIO dan CHECKBOX kita dapat memberikan pilihan awal ( tampilan default ) dengan menggunakan kata CHECKED di dalam tag INPUT.
r PASSWORD Antara text dengan password tidak ada perbedaan apapun kecuali pada password apa yang kita ketikkan ditampilkan dalam bentuk * sehingga tidak terbaca. Bentuk tag dengan type password adalah sebagai berikut
r RADIO Kita hanya diizinkan memilih satu pilihan. Berikut ini adalah bentuk perintah untuk RADIO:
VALUE digunakan untuk memberikan nilai yang isinya tergantung pilihan kita.
r RESET Apabila tombol ini diklik, maka mereset semua isian kita di form, kembali ke defaultnya. Kode untuk RESET adalah sebagai berikut:
r SUBMIT Submit adalah tombol yang apabila diklik, isian di form akan langsung dikirim menggunakan cara tergantung atribut METHOD dan ACTION di dalam tag
Berikutnya SUBMIT memiliki kode seperti ini:
r SELECT berbeda dengan RADIO dan CHECKBOX karena tidak memakai tag INPUT, tapi langsung memakai tag SELECT. Dan juga penggunaan SELECT harus ditutup dengan tag /SELECT. Sama seperti pada RADIO dan CHECKBOX, pada SELECT kita juga dapat melakukan pilihan awal ( tampilan default ), dengan menambahkan kata SELECTED pada tag OPTION seperti ini:
OPTION SELECTEDTidak ada di pilihan
r TEXTAREA Bentuk umum tag textarea adalah sebagai berikut:
Tulisan ini akan ditampilkan di dalam kotak.
Berbeda dengan text, kali ini kita tidak menggunakan tag INPUT, tetapi langsung menggunakan tag TEXTAREA. Juga sekarang kita harus menutup dengan tag . Di antara tag TEXTAREA dan tag /TEXTAREA kita dapat menuliskan apapun yang nantinya akan ditampilkan di dalam kotak yang tersedia. Atribut yang bisa kita atur di atas adalah ROWS yang akan menentukan jumlah baris dan COLS yang akan menentukan jumlah kolom. Juga ada atribut NAME yang fungsinya memberi nama, sama seperti pada input text.
3.2. FRAME
Contoh yang akan kita buat seperti berikut:
header.html
menu.html isi.html
Dalam satu layar monitor sebenarnya kita menampilkan tiga buah file yang berbeda, yaitu file judul.html, file menu.html dan file isi.html. Agak mirip dengan waktu pembahasan tabel (membuat layout halaman web), bedanya kalau tabel hanya menampilkan satu file sedangkan frame ini tiga file. Disini tidak ada tag “BODY” karena file induk memang tidak memerlukannya. Formatnya seperti berikut:
……
Atribut-atribut yang dapat digunakan:
1. BORDERCOLOR berguna untuk menentukan warna pembatas antar frame.
2. BORDER yang menentukan tebal batas antar frame.
3. ROWS berfungsi membagi bidang. Bedanya ROWS membagi menjadi beberapa baris bisa dalam persen maupun dalam pixel.
4. COLS akan membagi bidang menjadi beberapa kolom. Kita dapat menulis COLS=”30%,70%” untuk membagi bidang menjadi dua kolom berukuran (urut dari kiri) 30% dan 70%.
5. SRC adalah atribut yang utama, yaitu memanggil file yang akan mengisi frame. Pada file indeks.html, dengan atribut SRC kita telah memanggil file header.html, menu.html dan file isi.html.
top
BAB 4
CASCADING STYLE SHEET
Cascading Style Sheet ( CSS ) digunakan dalam kode HTML untuk menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas kemampuan HTML. Sebagai contoh, kode HTML murni tidak memungkinkan untuk menggunakan sebuah definisi font yang diterapkan pada setiap sel dan bahkan tag pun tak berpengaruh pada sel-sel tabel. Misalnya, diinginkan untuk mengaturukuran font pada setiap sel sebesar 2. Dengan menggunakan tag semua sel harus diformat dengan menggunakan font size=”2″. Tentu saja tindakan seperti ini tidak praktis. Namun, dengan menggunakan CSS, kita hanya perlu mendefinisikan style sekali saja dan style akan berlaku untuk setiap sel dalam tabel. Kode-kode CSS:
digunakan untuk mendefinisikan style sheet dengan menggunakan CSS. Di dalam tag ini terdapat atribut “text/css”.
Komentar dalam CSS menggunakan pasangan /* dan */.
1. Mengatur font dan teks
Dalam pengaturan font dan teks, CSS mendukung sejumlah property seperti:
l Font-family = untuk menentukan nama font
Contoh: font-family:arial;
Atau bisa juga nama font yang disebutkan lebih dari satu.
Contoh: font-family:verdana,arial,Helvetica;
Yang berarti font yang digunakan adalah verdana, apabila verdana tidak ada maka akan digunakan font arial dan seterusnya.
l Font-size = untuk menentukan ukuran font
Nilai yang dapat dimasukkan dalam property ini:
xx-small = sangat kecil
x-smal = agak lebih kecil
small = kecil
medium = sedang
large = besar
x-large = agak lebih besar
xx-large = sangat besar
atau dapat juga dengan menggunakan satuan:
px = pixel in = inchi cm = centimeter mm = millimeter pt = titik pc = pica em = tinggi font en = separuh tinggi font
l Text-decoration
None = teks tidak diapa-apakan
Underline = teks digarisbawahi
Line-through = teks dicoret
Blink = teks berkedip
Overline = teks diberi garis diatasnya
Font-style = normal, italic, oblique
Text-align = left, center, right, justify
Font-weight = normal, bold, bolder, lighter
l Text-transform
None = teks tidak dikonversi
Capitalize = awal setiap kata dikonversi menjadi huruf capital
Uppercase = setiap huruf kecil akan diubah menjadi huruf capital
Lowercase = setiap huruf capital akan diubah menjadi huurf kecil
1. mengatur bingkai
l border-style
none = nilai default
solid = bentuk 2 dimensi
double = bentuk 2 dimensi
inset = bentuk 3 dimensi
outset = bentuk 3 dimensi
groove = bentuk 3 dimensi
ridge = bentuk 3 dimensi
dotted = berupa titik-titik
dashed = berupa dash
l border-width = diisi sesuai dengan keinginan kita atau bisa juga dengan satuan px ( pixel )
l border-color
aqua = 00ffff; black = 000000; blue = 0000ff; fuchsia = ff00ff; gray = 808080; green = 008000; lime = 00ff00; maroon = 800000; navy = 000080; olive = 808000; purple = 800080; red = ff0000; silver = c0c0c0; teal = 008080; yellow = ffff00; white = ffffff
1. memberi jarak
l padding-top = menentukan jarak dari tepi atas
l padding-right = menentukan jarak dari tepi kanan
l padding-bottom = mennetukan jarak dari tepi bawah
l padding-left = menentukan jarak dari tepi kiri
1. mengatur warna kita dapat mengatur warna sesuai dengan keinginan kita. Kita dapat menggunkan kode seperti disebutkan dalam border-color diatas atau bias juga dengan menuliskan langsung warna yang kita kehendaki.
2. mengatur background
cara penulisan kode background = background-image:url(gambar.jpg)
3. mengatur link
l a : link [ link yang belum dikunjungi ]
l a : visited [ link yang sudah dikunjungi ]
l a : active [ link yang sedang aktif ]
1. penggunaan atribut id dalam tag
#nama_id{property_1:nilai_1;…;property_n:linai_n;}
Nama id dapat mengandung huruf, angka, atau karakter garis bawah. Karakter petama harus berupa huruf atau karakter garis bawah
1. penggunaan kelas
.kelas{property_1:nilai_1;…;property_n:nilai_n;}
dapat mengandung huruf, angka, atau karakter garis bawah karakter pertama harus berupa huruf atau karakter garis bawah
1. tag span
Tag span dapat digunakan untuk mmeperluas kemampuan suatu style. Penerapannya dapat digunakan bersama-sama atribut style, class, dan id.
l span dengan atribut style
…
l span dengan atribut class
…
l span dengan atribut id
..
Posted in artikel html, drag matic on July 14th, 2010 by andry666
BAB 1
PENGERTIAN WEB & HTML
World Wide Web ( WWW ) yang biasa disebut web merupakan suatu kumpulan informasi pada beberapa server komputer yang terhubung satu dengan yang lain dalam jaringan internet. Bekerja dengan web mencakup 2 hal penting yaitu sofware web browser ( browser ) dan software web server.
Hypertext Markup Language ( HTML ) adalah suatu system penulisan perintah dan formatting hypertext sederhana yang ditulis kedalam dokumen teks ASCII agar dapat menghasilkan tampilan visual yang terintegrasi. Dengan kata lain, dokumen yang dibuat dalam aplikasi pengolah kata dan disimpan ke dalam format ASCII normal sehingga menjadi homepage dengan tambahan perintah-perintah HTML. Dokumen HTML disebut markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menetukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Dengan menggunakan perintah-perintah HTML memungkinkan user untuk melakukan fungsi-fungsi berikut ini :
l Menentukan ukuran dan alur teks
l Mengintegrasikan gambar dengan teks ( in-line )
l Membuat links
l Mengintegrasikan file audio dan video Membuat form interaktif
HTML lebih menekankan pada penggambaran komponen-komponen, struktur dan formatting di dalam halaman web daripada menentukan penampilannya. Sedangkan web browser digunakan untuk menginterpretasikan perintah-perintah HTML yang disisipkan ke dalam teks dan menampilkan susunan halaman ke style built-in browser dengan menggunkan font, tab, warna, garis, dan perataan teks yang dikehendaki ke komputer yang menampilkan halaman web.
Struktur penulisan pemrograman HTML yang baik pada dokumen HTML adalah penulisan tag-tag yang ditempatkan pada dokumen yang terbagi ke dalam area deskriptif dan fungsional.
Perintah-perintah HTML biasa disebut dengan tag. Tag merupakan cara untuk memodifikasi dokumen teks normal yang akan ditampilkan di dalam web browser. Tag HTML ditulis ke dalam dokumen ASCII dan menyediakan instruksi-instruksi ke browser yang berhubungan dengan formatting halaman, termasuk yang di luar tag, seperti gambar, audio, dan video. Tag HTML selalu dimunculkan sebagai suatu kata atau frase yang ditempatkan diantara tanda kurung sudut ( < > ). Isi dari tanda kurung sudut adalah perintah HTML itu sendiri. Struktur dokumen HTML terdiri dari:
1. baris yang berisi informasi versi HTML yang digunakan
2. deklarasi bagian header dengan elemen body
3. deklarasi bagian body dengan elemen body atau frameset
top
BAB 2
PENJELASAN TAG-TAG DALAM FILE HTML
A. Listing Program
< HTML >
< HEAD >
< TITLE > judul < / TITLE >
< /HEAD >
< BODY >
Perintah-perintah HTML
< / BODY >
< / HTML >
B. Penjelasan
< HTML >
< !–Tag ini merupakan inisialisasi file HTML. Setiap akan membuat web harus diakhiri dengan tag < HTML >. Untuk membedakan tag awal dan tag akhir, digunakan karakter slash ( / ) pada tag akhir, dan ditempatkan sebelum nama tag. Misalnya < / HTML >–>.
< HEAD >
< !–Tag ini merupakan pembuka dari dokumen HTML yang berisi informasi yang menjelaskan dokumen HTML–>
< TITLE >
< !–tag ini bukan merupakan bagian dari teks dokumen dan tidak boleh mengandung tag lain. Tag ini sebagai label untuk jendela dari browser–>
< BODY >
< !–tag ini memiliki atribut bgcolor ( untuk menentukan warna background ) , text ( untuk menentukan warna teks ) , size ( untuk menentukan ukuran huruf )–>
< H1 >
< !–ini adalah heading. Mulai dari h1 sampai dengan h6–>
< FONT COLOR >
< !–ini adalah tag untuk menentukan warna tulisan–>
< FONT SIZE >
< !–ini adalah tag untuk menentukan ukuran huruf–>
< FONT FACE >
< !–ini adalah tag untuk menentukan jenis huruf yang dipilih–>
< P >
< !–sebagai awal suatu paragraph. Tag ini mempunyai atribut align, seperti “left” yang membuat paragraf menjadi rata kiri, “right” yang membuat paragraf menjadi rata kanan dan “center” membuat paragraf menjadi berada di tengah–>
< BR >
< !–>menyatakan ganti baris–>
< PRE >
< !–untuk menmpilkan teks persis seperti yang diketikkan dalam HTML–>
< B >
< !–cetak huruf tebal–>
< I >
< !–cetak huruf miring–>
< U >
< !–cetak huruf dengan garis bawah–>
< SUB >
< !–ini adalah tag untuk menuliskan subscript–>
< SUP >
< !–ini adalah tag untuk menuliskan superscript–>
< TT >
< !–untuk menampilkan tulisan seperti mesin ketik–>
< CITE >
< !–untuk menampilkan teks kutipan–>
< EM >
< !–untuk memberikan penekanan pada suatu kata, biasanya dicetak miring–>
< CODE >
< !–untuk menampilakn suatu contoh kode program secara logical dan biasanya dicetak miring–>
< BLOCKQUOTE >
< !–tag ini digunakan untuk mengkuot paragraph, sehingga sedikit lebih menjorok / indent–>
< MARQUEE >
< !–untuk menampilkan teks berjalan. Marquee memiliki atribut behavior yaitu slide, alternate, dan scroll–>
< HR >
< !–tag untuk membuat garis horizontal–>
HR memiliki atribut :
r align : untuk perataan ( left / center / right )
r width : untuk menentukan ukuran tebal tipisnya garis
r noshade : untuk menghilangkan bayangan abu-abu dibawah garis
r color : untuk menentukan warna garis
< ADDRESS >
< !–untuk memberikan informasi pembuat situs web / menampilkan alamat–>
< UL >
< !–ini digunakan untuk membuat list dengan bulletizing. Di dalam tag “UL” diisi dengan tag “LI”, ditulis sebanyak list yang dibutuhkan. UL memiliki atribut tipe yaitu :
r circle ( berbentuk lingkaran )
r disc ( berbentuk bulatan penuh )
r square ( berbentuk kotak )
< OL >
< !–ini digunakan untuk membuat list dengan menggunakan nomor / bukan bullet _ _ > Di dalam tag “OL” diisi dengan tag “LI”, ditulis sebanyak list yang dibutuhkan. OL memiliki atribut tipe yang terdiri dari:
r a ( urutan secar alfabet dengan huruf kecil )
r i ( urutan secara i, ii, dan seterusnya )
r A ( urutan secar alfabet dengan huruf kapital )
< ACRONYM >
!–tag ini untuk menuliskan akronim–>
< IMG SRC >
< !–untuk menyisipkan gambar–>
top
BAB 3
MEMBUAT FORM & FRAME
3.1. FORM
Untuk membuat homepage yang interaktif, kita perlu menggunakan form. Form dapat digunakan untuk meminta input dari pengunjung tentang apapun. Baik mengisi angket, mengisi polling, mengisi guestbook juga mengisi form pembelian barang. Semua aplikasi tersebut menggunakan prinsip pembuatan form. Form selalu diawali dengan tag FORM dan ditutup dengan tag /FORM. Di antara tag pembuka dan penutup FORM tadi dapat diisi tag INPUT yang jenisnya ada beberapa macam. Formatnya seperti berikut:
keterangan:
l FORM: kata ini akan menjelaskan kepada komputer bahwa anda sedang membuat form.
l METHOD: kata ini menentukan tentang bagaimana informasi akan dikirim. Kita memilih dengan cara “POST”, artinya data langsung kita kirim begitu saja.
l ACTION: ke mana data akan dikirim. Pada form di atas kita menggunakan “simpan.php” yang berarti data akan dikirim ke alamat tersebut.
l INPUT: ini mendefinisikan bahwa kita sedang meminta input (masukan) kepada pengunjung situs.
l TYPE: ini menjelaskan jenis input yang kita minta. Di sini kita memilih jenis “text” yang akan menampilkan satu baris kotak input seperti terlihat di atas.
l NAME: yang ini berguna untuk memberikan nama kepada input ini. Kita bebas memberi nama apapun, tidak harus “nama” seperti yang tertulis di atas. NAME ini berguna untuk keperluan memproses input ini lebih lanjut.
l SIZE: ini adalah panjang kotak input di atas.
jenis-jenis (type) input yang lain adalah:
r CHECKBOX Kita dapat memilih lebih dari satu. Bentuk tag dari CHECKBOX adalah:
untuk RADIO dan CHECKBOX kita dapat memberikan pilihan awal ( tampilan default ) dengan menggunakan kata CHECKED di dalam tag INPUT.
r PASSWORD Antara text dengan password tidak ada perbedaan apapun kecuali pada password apa yang kita ketikkan ditampilkan dalam bentuk * sehingga tidak terbaca. Bentuk tag dengan type password adalah sebagai berikut
r RADIO Kita hanya diizinkan memilih satu pilihan. Berikut ini adalah bentuk perintah untuk RADIO:
VALUE digunakan untuk memberikan nilai yang isinya tergantung pilihan kita.
r RESET Apabila tombol ini diklik, maka mereset semua isian kita di form, kembali ke defaultnya. Kode untuk RESET adalah sebagai berikut:
r SUBMIT Submit adalah tombol yang apabila diklik, isian di form akan langsung dikirim menggunakan cara tergantung atribut METHOD dan ACTION di dalam tag
Berikutnya SUBMIT memiliki kode seperti ini:
r SELECT berbeda dengan RADIO dan CHECKBOX karena tidak memakai tag INPUT, tapi langsung memakai tag SELECT. Dan juga penggunaan SELECT harus ditutup dengan tag /SELECT. Sama seperti pada RADIO dan CHECKBOX, pada SELECT kita juga dapat melakukan pilihan awal ( tampilan default ), dengan menambahkan kata SELECTED pada tag OPTION seperti ini:
OPTION SELECTEDTidak ada di pilihan
r TEXTAREA Bentuk umum tag textarea adalah sebagai berikut:
Tulisan ini akan ditampilkan di dalam kotak.
Berbeda dengan text, kali ini kita tidak menggunakan tag INPUT, tetapi langsung menggunakan tag TEXTAREA. Juga sekarang kita harus menutup dengan tag . Di antara tag TEXTAREA dan tag /TEXTAREA kita dapat menuliskan apapun yang nantinya akan ditampilkan di dalam kotak yang tersedia. Atribut yang bisa kita atur di atas adalah ROWS yang akan menentukan jumlah baris dan COLS yang akan menentukan jumlah kolom. Juga ada atribut NAME yang fungsinya memberi nama, sama seperti pada input text.
3.2. FRAME
Contoh yang akan kita buat seperti berikut:
header.html
menu.html isi.html
Dalam satu layar monitor sebenarnya kita menampilkan tiga buah file yang berbeda, yaitu file judul.html, file menu.html dan file isi.html. Agak mirip dengan waktu pembahasan tabel (membuat layout halaman web), bedanya kalau tabel hanya menampilkan satu file sedangkan frame ini tiga file. Disini tidak ada tag “BODY” karena file induk memang tidak memerlukannya. Formatnya seperti berikut:
……
Atribut-atribut yang dapat digunakan:
1. BORDERCOLOR berguna untuk menentukan warna pembatas antar frame.
2. BORDER yang menentukan tebal batas antar frame.
3. ROWS berfungsi membagi bidang. Bedanya ROWS membagi menjadi beberapa baris bisa dalam persen maupun dalam pixel.
4. COLS akan membagi bidang menjadi beberapa kolom. Kita dapat menulis COLS=”30%,70%” untuk membagi bidang menjadi dua kolom berukuran (urut dari kiri) 30% dan 70%.
5. SRC adalah atribut yang utama, yaitu memanggil file yang akan mengisi frame. Pada file indeks.html, dengan atribut SRC kita telah memanggil file header.html, menu.html dan file isi.html.
top
BAB 4
CASCADING STYLE SHEET
Cascading Style Sheet ( CSS ) digunakan dalam kode HTML untuk menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas kemampuan HTML. Sebagai contoh, kode HTML murni tidak memungkinkan untuk menggunakan sebuah definisi font yang diterapkan pada setiap sel dan bahkan tag pun tak berpengaruh pada sel-sel tabel. Misalnya, diinginkan untuk mengaturukuran font pada setiap sel sebesar 2. Dengan menggunakan tag semua sel harus diformat dengan menggunakan font size=”2″. Tentu saja tindakan seperti ini tidak praktis. Namun, dengan menggunakan CSS, kita hanya perlu mendefinisikan style sekali saja dan style akan berlaku untuk setiap sel dalam tabel. Kode-kode CSS:
digunakan untuk mendefinisikan style sheet dengan menggunakan CSS. Di dalam tag ini terdapat atribut “text/css”.
Komentar dalam CSS menggunakan pasangan /* dan */.
1. Mengatur font dan teks
Dalam pengaturan font dan teks, CSS mendukung sejumlah property seperti:
l Font-family = untuk menentukan nama font
Contoh: font-family:arial;
Atau bisa juga nama font yang disebutkan lebih dari satu.
Contoh: font-family:verdana,arial,Helvetica;
Yang berarti font yang digunakan adalah verdana, apabila verdana tidak ada maka akan digunakan font arial dan seterusnya.
l Font-size = untuk menentukan ukuran font
Nilai yang dapat dimasukkan dalam property ini:
xx-small = sangat kecil
x-smal = agak lebih kecil
small = kecil
medium = sedang
large = besar
x-large = agak lebih besar
xx-large = sangat besar
atau dapat juga dengan menggunakan satuan:
px = pixel in = inchi cm = centimeter mm = millimeter pt = titik pc = pica em = tinggi font en = separuh tinggi font
l Text-decoration
None = teks tidak diapa-apakan
Underline = teks digarisbawahi
Line-through = teks dicoret
Blink = teks berkedip
Overline = teks diberi garis diatasnya
Font-style = normal, italic, oblique
Text-align = left, center, right, justify
Font-weight = normal, bold, bolder, lighter
l Text-transform
None = teks tidak dikonversi
Capitalize = awal setiap kata dikonversi menjadi huruf capital
Uppercase = setiap huruf kecil akan diubah menjadi huruf capital
Lowercase = setiap huruf capital akan diubah menjadi huurf kecil
1. mengatur bingkai
l border-style
none = nilai default
solid = bentuk 2 dimensi
double = bentuk 2 dimensi
inset = bentuk 3 dimensi
outset = bentuk 3 dimensi
groove = bentuk 3 dimensi
ridge = bentuk 3 dimensi
dotted = berupa titik-titik
dashed = berupa dash
l border-width = diisi sesuai dengan keinginan kita atau bisa juga dengan satuan px ( pixel )
l border-color
aqua = 00ffff; black = 000000; blue = 0000ff; fuchsia = ff00ff; gray = 808080; green = 008000; lime = 00ff00; maroon = 800000; navy = 000080; olive = 808000; purple = 800080; red = ff0000; silver = c0c0c0; teal = 008080; yellow = ffff00; white = ffffff
1. memberi jarak
l padding-top = menentukan jarak dari tepi atas
l padding-right = menentukan jarak dari tepi kanan
l padding-bottom = mennetukan jarak dari tepi bawah
l padding-left = menentukan jarak dari tepi kiri
1. mengatur warna kita dapat mengatur warna sesuai dengan keinginan kita. Kita dapat menggunkan kode seperti disebutkan dalam border-color diatas atau bias juga dengan menuliskan langsung warna yang kita kehendaki.
2. mengatur background
cara penulisan kode background = background-image:url(gambar.jpg)
3. mengatur link
l a : link [ link yang belum dikunjungi ]
l a : visited [ link yang sudah dikunjungi ]
l a : active [ link yang sedang aktif ]
1. penggunaan atribut id dalam tag
#nama_id{property_1:nilai_1;…;property_n:linai_n;}
Nama id dapat mengandung huruf, angka, atau karakter garis bawah. Karakter petama harus berupa huruf atau karakter garis bawah
1. penggunaan kelas
.kelas{property_1:nilai_1;…;property_n:nilai_n;}
dapat mengandung huruf, angka, atau karakter garis bawah karakter pertama harus berupa huruf atau karakter garis bawah
1. tag span
Tag span dapat digunakan untuk mmeperluas kemampuan suatu style. Penerapannya dapat digunakan bersama-sama atribut style, class, dan id.
l span dengan atribut style
…
l span dengan atribut class
…
l span dengan atribut id
..
memposting artikel blog dengan cara membuat artikel kedalam bentuk HTML
Memposting artikel blog dengan cara membuat artikel ke dalam bentuk html
sebelumnya pernah saya tulis cara memposting artikel blog yang panjang dengan menggunakan aplikasi MobyExplorer. Dari artikel sebelumnya bisa kita ambil kesimpulan bahwa kita memposting artikel blog dengan cara membuat artikel-artikel blog ke dalam format txt, kemudian kita kirim file txt tersebut sebagai lampiran email ke account blog kita.
Nah, bila artikel yang kita buat dalam format txt tidak terdapat code-code html seperti html untuk memasang link, html untuk mewarnai tek, atau code html apa saja, itu tidak ada masalah memposting dengan cara demikian. Namun bila dalam artikel blog itu terdapat code-code html, dan kita buat dalam format txt, maka ketika kita memposting artikel tersebut, code-code html tidak akan berfungsi dan akan tampil pada postingan.
Untuk mengatasi hal demikian, kita bisa melakukan dengan cara mebuat artikel ke dalam bentuk html. Bila sebelumnya kita telah membuat dalam bentuk txt, untuk mengubah ke html bisa dilakukan dengan cara menggantikan tulisan txt dengan html pada nama file.
Contoh:
Bila artikel yang kita buat dalam bentuk txt kita beri nama "artikel blog", ketika kita lihat file tersebut dengan aplikasi MobyExplorer, nama file tersebut akan kelihatan "artikel blog.txt". Tulisan txt adalah format dari file tersebut. agar file tersebut menjadi html, ganti tulisan txt dengan html, sehingga namanya ketika kita melihat dengan aplikasi MobyExplorer akan kelihatan "artikel blog.html". Dengan cara demikian, maka code-code html yang terdapat pada artikel blog tidak akan kelihatan pada postingan dan akan berfungsi sebagai mana mestinya. Untuk cara mempublikasikan file html tersebut pada blog caranya sama dengan file txt, yaitu mengirim file tersebut sebagai lampiran email ke account blog.
Semoga artikel diatas dapat membantu sobat-sobat blogger yang menggunakan browser opera mini dihp sebagai browser utama untuk mengotak-ngatik blog.
sebelumnya pernah saya tulis cara memposting artikel blog yang panjang dengan menggunakan aplikasi MobyExplorer. Dari artikel sebelumnya bisa kita ambil kesimpulan bahwa kita memposting artikel blog dengan cara membuat artikel-artikel blog ke dalam format txt, kemudian kita kirim file txt tersebut sebagai lampiran email ke account blog kita.
Nah, bila artikel yang kita buat dalam format txt tidak terdapat code-code html seperti html untuk memasang link, html untuk mewarnai tek, atau code html apa saja, itu tidak ada masalah memposting dengan cara demikian. Namun bila dalam artikel blog itu terdapat code-code html, dan kita buat dalam format txt, maka ketika kita memposting artikel tersebut, code-code html tidak akan berfungsi dan akan tampil pada postingan.
Untuk mengatasi hal demikian, kita bisa melakukan dengan cara mebuat artikel ke dalam bentuk html. Bila sebelumnya kita telah membuat dalam bentuk txt, untuk mengubah ke html bisa dilakukan dengan cara menggantikan tulisan txt dengan html pada nama file.
Contoh:
Bila artikel yang kita buat dalam bentuk txt kita beri nama "artikel blog", ketika kita lihat file tersebut dengan aplikasi MobyExplorer, nama file tersebut akan kelihatan "artikel blog.txt". Tulisan txt adalah format dari file tersebut. agar file tersebut menjadi html, ganti tulisan txt dengan html, sehingga namanya ketika kita melihat dengan aplikasi MobyExplorer akan kelihatan "artikel blog.html". Dengan cara demikian, maka code-code html yang terdapat pada artikel blog tidak akan kelihatan pada postingan dan akan berfungsi sebagai mana mestinya. Untuk cara mempublikasikan file html tersebut pada blog caranya sama dengan file txt, yaitu mengirim file tersebut sebagai lampiran email ke account blog.
Semoga artikel diatas dapat membantu sobat-sobat blogger yang menggunakan browser opera mini dihp sebagai browser utama untuk mengotak-ngatik blog.
Menulis HTML javascript dalam artikel/posting
Menulis kode HTML Javascript dalam Artikel/Posting
Posted on July 16, 2009 by samudro
Rate This
Quantcast
Bagaimana menulis kode HTML atau Javascript dalam Artikel atau Posting blog anda?
Prinsip utama untuk membuat setiap kode html atau javascript muncul dalam artikel atau posting Anda sebagaimana yang anda tulis, anda harus convert/mengubah atau encode kodenya terlebih dulu.Untuk tujuan itu anda dapat mengubah atau encode secara online ataupun secara manual.
Begini caranya:
A. Konversi secara ONLINE
1. Kunjungi salah satu tools encode decode HTML/JavaScript Konverter di sini atau di sini.
2. Masukkan kode html/ javascript Anda jika ingin mengubah atau encode, lalu klik “encode” atau “konversi” menu.
3. Copy & paste encoded/kode diubah ke dalam artikel atau posting.
Catatan penting: klik mode HTML, bukan VISUAL sebelum menyisipkan kode html encoded.
B. MANUAL konversi
1. Mengubah kode < menjadi < ;
2. Mengubah kode > menjadi > ;
Jangan lupa kotak postingan harus dalam mode HTML, bukan VISUAL sebelum masuk kode yang telah dikonversi/encoded.
Selamat mencoba…
Filed under: Tutorial Wordpress | Tagged: Blogging Tips, Kode HTML, Kode Javascript, Menulis Javascript HTML dalam Artikel, Tutorial Wordpress
Posted on July 16, 2009 by samudro
Rate This
Quantcast
Bagaimana menulis kode HTML atau Javascript dalam Artikel atau Posting blog anda?
Prinsip utama untuk membuat setiap kode html atau javascript muncul dalam artikel atau posting Anda sebagaimana yang anda tulis, anda harus convert/mengubah atau encode kodenya terlebih dulu.Untuk tujuan itu anda dapat mengubah atau encode secara online ataupun secara manual.
Begini caranya:
A. Konversi secara ONLINE
1. Kunjungi salah satu tools encode decode HTML/JavaScript Konverter di sini atau di sini.
2. Masukkan kode html/ javascript Anda jika ingin mengubah atau encode, lalu klik “encode” atau “konversi” menu.
3. Copy & paste encoded/kode diubah ke dalam artikel atau posting.
Catatan penting: klik mode HTML, bukan VISUAL sebelum menyisipkan kode html encoded.
B. MANUAL konversi
1. Mengubah kode < menjadi < ;
2. Mengubah kode > menjadi > ;
Jangan lupa kotak postingan harus dalam mode HTML, bukan VISUAL sebelum masuk kode yang telah dikonversi/encoded.
Selamat mencoba…
Filed under: Tutorial Wordpress | Tagged: Blogging Tips, Kode HTML, Kode Javascript, Menulis Javascript HTML dalam Artikel, Tutorial Wordpress
dasar pelajaran HTML
Rumahweb’s News, Article, and Tutorial of Web Development
* Home
* Kumpulan Artikel
* Berlangganan melalui RSS
Dasar-dasar HTML III.
January 14th, 2006 | Published in Artikel & Tutorial, Web Programming | 1 Comment
checkbox
checkbox memungkinkan kita untuk memilih daftar materi. Sebagai contoh, kita boleh
memilih kegemaran kita menggunakan box ini. Suatu tanda nampak di dalam box. Jika kita
memeriksa box, tanda chek akan diperlihatkan. Lihatlah kode di bawah:
Listing 22
Pilih bahasa pemrograman:
Java
C++
Oracle
C-Sharp
Dengan default, Java akan dicek. Pesan atribut yang dicek pada garis menyangkut kode
yang kedua .
RadioButton
Dengan radio button, kita dapat memilih hanya satu item. Tetapi dengan cek box, kita
dapat memilih manapun jumlah materi. Sebagai contoh, kita memilih jenis kelamin
(pria maupun wanita) penggunaan box ini ditunjukkan di bawah.
Listing 23
Jenis Kelamin:
Pria
Wanita
Kita perlu memberi nama yang sama untuk nama atribut. Cara lainnya, kita tidak akan
mendapatkan kemampuan radio button.
Diatas potongan kode dapat dikombinasikan ke dalam satu halaman tunggal ditunjukkan
didalam Listing 24
Masukkan nama anda:
Password:
Pilih Bahasa Pemrograman:
Java
C++
Oracle
C-Sharp
Jenis Kelamin:
Pria
Wanita
India
Indonesia
Malaysia
Kode diatas menyampaikan informasi yang dimasukkan oleh pemakai kepada alamat email
yang ditetapkan didalam atribut tag Form. sintak Pesan mailto didalam tag form
Tag2 Tambahan
Pengaturan Teks
Kita dapat menggunakan tag
ke text form mewakili Teks Preformatted. Apapun juga yang kita masukkan pada tag ini akan diperlihatkan seperti halnya pada browser. Tag ini digunakan untuk penulisan programming kode.
Listing 25
This text will display as such
and is used for displaying codes
Teks Berjalan
Teks dan Gambar dapat dipindahkan dengan bantuan tag .Tag ini menerima banyak atribut ditunjukkan di bawah ini:
Bgcolor
Atribut ini mengubah warna latar belakang dari teks yang bergerakkan maupun obyek.
Nilai-Nilai dapat berwarna merah, biru atau dalam form Hexadecimal.
Behavior (Perilaku)
Atribut ini berubah arah dari objek bergerak. Nilai-Nilainya dapat bernilai left,
right, top dan bottom.
Scrolldelay
menandai adanya kecepatan dari gerakkan obyek. Yang secara khas, nilainya
ditetapkan didalam Seperseribu detik. Ingatlah bahwa 1 detik/second sama dengan 1000
seperseribu detik.
Loop (Pengulangan)
Kita dapat menetapkan banyaknya, obyek atau teks tertentu perlu pindah/bergerak dengan
bantuan dari atribut ini. Suatu nilai -1 menandai adanya gerakkan teks.
Listing 27
Using Address tag
jika kita ingin memberi informasi kontak pada suatu halaman web, kita dapat
menggunakan
tag
. Menampilkan teks didalamnya. Karenanya, tidak ada yang
dibutuhkan untuk form teks secara terpisah
Listing 28
Microsoft Inc, Washington, USA
Tag
Tag ini mewakili tulisan di bawah garis. Kemampuan dasar tag ini bahwa yang lebih
rendah tag antar teks.
Listing 29
H 2 O
Tag
Tag ini mewakili huruf yang ditulis di atas dan menaikkan teks antar tag sebagai
ditunjukkan dalam Listing 30.
Listing 30
2 3 = 8
Font
Kita dapat merubah penampilan dari teks menggunakan tag . Atributnya adalah
face, size dan color. Atribut fece menerima font seperti Arial, Courier, Verdana dan lain
lain. Size menerima nilai-nilai dari 1 sampai 7 sedang color menetapkan warna font.
Listing 31
Wow, warna teksnya jadi biru
..Yah sampai disini dulu tentang tag-tag dasar pada HTML, nanti kita lanjutkan dengan artikel yang lebih menarik dan gampang, bahkan untuk para pemula..
Sampai jumpa
Bookmark Artikel Ini
* Digg
* Sphinn
* del.icio.us
* Facebook
* Mixx
* Google
* BlinkList
* feedmelinks
* Furl
* Ma.gnolia
* MisterWong
* Propeller
* StumbleUpon
* Technorati
* TwitThis
* YahooMyWeb
* E-mail this story to a friend!
* Live
* Reddit
* Slashdot
Responses
Feed Trackback Address
1. Perbedaan Tampilan Web di browser :: Rumahweb’s News, Article, and Tutorial of Web Development says:
July 29th, 2009 at 3:16 pm (#)
[...] eXtensible html, sehingga xhtml adalah versi bersih dari html. Jila kita sudah pernah belajar HTML, akan dengan mudah kita mengenal xhtml. Ada beberapa poin penting yang membedakan (atau lebih tepat [...]
Leave a Response
Name (required)
Email (will not be published) (required)
Website
Popular Posts
* PHP & MySQL: Tutorial Dasar
* Berkenalan dengan PHP
* Bagaimana Cara Mengupload Website ke Rumahweb dengan FTP?
* Indikator Status Yahoo! Messenger
* Membuat Form Kontak
* Cara Upload MySQL Database
* Membangun CMS dengan PHP [Bag.3]
* Cara Membuat Google Sitemap
* Instalasi OsCommerce melalui Fantastico
* Cara Mengupload website ke Rumahweb melalui File Manager
Categories
* Artikel & Tutorial
* Fantastico Review
* Gangguan
* Manual Hosting
* News
* Promo
* SEO
* The Lounge
* Web Design
* Web Hosting
* Web Programming
Tags
account Admin alamat rumahweb bahasa Blogspot bug Change Password cPanel core coredump cPanel Domain domain murah email Email Account error FTP gadget Google Hosting Hosting Indonesia hosting murah Hosting US Joomla linux Mail Oscommerce panduan php Plugin Promo rumahweb rumahweb jakarta Search Engine SEO setting Sitemap SMTP Setting SPAM template Themes tips Upload Website widget Wordpress
Rumahweb’s News, Article, and Tutorial of Web Development is using WordPress and Gridline Lite theme.
* Home
* Kumpulan Artikel
* Berlangganan melalui RSS
Dasar-dasar HTML III.
January 14th, 2006 | Published in Artikel & Tutorial, Web Programming | 1 Comment
checkbox
checkbox memungkinkan kita untuk memilih daftar materi. Sebagai contoh, kita boleh
memilih kegemaran kita menggunakan box ini. Suatu tanda nampak di dalam box. Jika kita
memeriksa box, tanda chek akan diperlihatkan. Lihatlah kode di bawah:
Listing 22
Pilih bahasa pemrograman:
Java
C++
Oracle
C-Sharp
Dengan default, Java akan dicek. Pesan atribut yang dicek pada garis menyangkut kode
yang kedua .
RadioButton
Dengan radio button, kita dapat memilih hanya satu item. Tetapi dengan cek box, kita
dapat memilih manapun jumlah materi. Sebagai contoh, kita memilih jenis kelamin
(pria maupun wanita) penggunaan box ini ditunjukkan di bawah.
Listing 23
Jenis Kelamin:
Pria
Wanita
Kita perlu memberi nama yang sama untuk nama atribut. Cara lainnya, kita tidak akan
mendapatkan kemampuan radio button.
Diatas potongan kode dapat dikombinasikan ke dalam satu halaman tunggal ditunjukkan
didalam Listing 24
Masukkan nama anda:
Password:
Pilih Bahasa Pemrograman:
Java
C++
Oracle
C-Sharp
Jenis Kelamin:
Pria
Wanita
India
Indonesia
Malaysia
Kode diatas menyampaikan informasi yang dimasukkan oleh pemakai kepada alamat email
yang ditetapkan didalam atribut tag Form. sintak Pesan mailto didalam tag form
Tag2 Tambahan
Pengaturan Teks
Kita dapat menggunakan tag
ke text form mewakili Teks Preformatted. Apapun juga yang kita masukkan pada tag ini akan diperlihatkan seperti halnya pada browser. Tag ini digunakan untuk penulisan programming kode.
Listing 25
This text will display as such
and is used for displaying codes
Teks Berjalan
Teks dan Gambar dapat dipindahkan dengan bantuan tag .Tag ini menerima banyak atribut ditunjukkan di bawah ini:
Bgcolor
Atribut ini mengubah warna latar belakang dari teks yang bergerakkan maupun obyek.
Nilai-Nilai dapat berwarna merah, biru atau dalam form Hexadecimal.
Behavior (Perilaku)
Atribut ini berubah arah dari objek bergerak. Nilai-Nilainya dapat bernilai left,
right, top dan bottom.
Scrolldelay
menandai adanya kecepatan dari gerakkan obyek. Yang secara khas, nilainya
ditetapkan didalam Seperseribu detik. Ingatlah bahwa 1 detik/second sama dengan 1000
seperseribu detik.
Loop (Pengulangan)
Kita dapat menetapkan banyaknya, obyek atau teks tertentu perlu pindah/bergerak dengan
bantuan dari atribut ini. Suatu nilai -1 menandai adanya gerakkan teks.
Listing 27
Using Address tag
jika kita ingin memberi informasi kontak pada suatu halaman web, kita dapat
menggunakan
tag
. Menampilkan teks didalamnya. Karenanya, tidak ada yang
dibutuhkan untuk form teks secara terpisah
Listing 28
Microsoft Inc, Washington, USA
Tag
Tag ini mewakili tulisan di bawah garis. Kemampuan dasar tag ini bahwa yang lebih
rendah tag antar teks.
Listing 29
H 2 O
Tag
Tag ini mewakili huruf yang ditulis di atas dan menaikkan teks antar tag sebagai
ditunjukkan dalam Listing 30.
Listing 30
2 3 = 8
Font
Kita dapat merubah penampilan dari teks menggunakan tag . Atributnya adalah
face, size dan color. Atribut fece menerima font seperti Arial, Courier, Verdana dan lain
lain. Size menerima nilai-nilai dari 1 sampai 7 sedang color menetapkan warna font.
Listing 31
Wow, warna teksnya jadi biru
..Yah sampai disini dulu tentang tag-tag dasar pada HTML, nanti kita lanjutkan dengan artikel yang lebih menarik dan gampang, bahkan untuk para pemula..
Sampai jumpa
Bookmark Artikel Ini
* Digg
* Sphinn
* del.icio.us
* Mixx
* BlinkList
* feedmelinks
* Furl
* Ma.gnolia
* MisterWong
* Propeller
* StumbleUpon
* Technorati
* TwitThis
* YahooMyWeb
* E-mail this story to a friend!
* Live
* Slashdot
Responses
Feed Trackback Address
1. Perbedaan Tampilan Web di browser :: Rumahweb’s News, Article, and Tutorial of Web Development says:
July 29th, 2009 at 3:16 pm (#)
[...] eXtensible html, sehingga xhtml adalah versi bersih dari html. Jila kita sudah pernah belajar HTML, akan dengan mudah kita mengenal xhtml. Ada beberapa poin penting yang membedakan (atau lebih tepat [...]
Leave a Response
Name (required)
Email (will not be published) (required)
Website
Popular Posts
* PHP & MySQL: Tutorial Dasar
* Berkenalan dengan PHP
* Bagaimana Cara Mengupload Website ke Rumahweb dengan FTP?
* Indikator Status Yahoo! Messenger
* Membuat Form Kontak
* Cara Upload MySQL Database
* Membangun CMS dengan PHP [Bag.3]
* Cara Membuat Google Sitemap
* Instalasi OsCommerce melalui Fantastico
* Cara Mengupload website ke Rumahweb melalui File Manager
Categories
* Artikel & Tutorial
* Fantastico Review
* Gangguan
* Manual Hosting
* News
* Promo
* SEO
* The Lounge
* Web Design
* Web Hosting
* Web Programming
Tags
account Admin alamat rumahweb bahasa Blogspot bug Change Password cPanel core coredump cPanel Domain domain murah email Email Account error FTP gadget Google Hosting Hosting Indonesia hosting murah Hosting US Joomla linux Mail Oscommerce panduan php Plugin Promo rumahweb rumahweb jakarta Search Engine SEO setting Sitemap SMTP Setting SPAM template Themes tips Upload Website widget Wordpress
Rumahweb’s News, Article, and Tutorial of Web Development is using WordPress and Gridline Lite theme.
HTML kode
Subscribe to PostPosts Subscribe to CommentsComments
belajar internet | membuat blog | andisusilo's blog
blog tempat saya belajar tentang internet dan membuat blog, apa yang saya pelajari saya tulis.
* Home
* About Me
* Bisnis Online
o Formula Bisnis
* Artikel Lengkap
* Tukar Link
* Pasang Iklan
Rabu, 13 Januari 2010
Browse » Home » tutorial blogging » cara menulis kode html ke dalam artikel
cara menulis kode html ke dalam artikel
beberapa hari yang lalu saya mencoba membuat salah satu artikel tentang tutorial blogging. sebuah artikel yang harus menampilkan script/kode html,,,tapi apa yang terjadi kode-kode tersebut tidak muncul sesuai dengan keinginan saya. ternyata yang muncul adalah sebuah kode yang sudah diterjemahkan dalam bentuk html. jadi kodenya tidak kelihatan dalam artikel saya.
saya yakin hal ini banyak dialami oleh para blogger baru yang mencoba membuat artikel-artikel dengan kode html tadi.
tapi jangan takut dan putus asa,,,tidak ada yang tidak mungkin di dunia internet. Setelah beberapa saat surfing saya menemukan caranya. Dan kali ini saya akan beberkan kepada anda semua secara gratis,,,tss,,,tis,,,!!
cara begini simak baik-baik ya...
-> anda tulis semua kode html yang ingin anda masuk ke artikel.
-> lalu anda ganti/replace kode-kodenya,,,untuk memudahkan pekerjaan anda gunakan menu edit --> replace, kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
-> Nah kode yang harus anda ganti adalah...
karakter notaris keterangan
> kurung runcing tertutup
& & tanda dan
" " tanda kutip ganda
± ± tanda plus minus
spasi tanda spasi
© © tanda hak cipta (copyright)
® ® Tanda terdaftar (Registered)
-> kalo anda ingin membuat posting yang menyajikan banyak kode-kode yang harus anda tulis, menganti satu demi satu kode akan sangat melelahkan.
anda bisa memanfaatkan situs-situs yang menyediakan tools untuk meng-encode kode html. anda bisa buka http://centricle.com/tools/html-entities, lalu tuliskan atau copy paste kode-kode yang ingin anda masukan dalam artikel, kemudian masukan kedalam kotak yang disediakan, tekan tombol "Encode".
-> > copy kode dalam kotak tadi dan anda masukan dalam postingan anda. selesai sudah,,,!!!
Gitu ajah kok Repot...
selamat belajar dan membaca !!!!
karena blog ini di buat oleh pemula untuk pemula jadi saran dan kritik anda akan sangat membantu.
Dapatkan atikel-artikel terbaru langsung ke email anda. Masukkan alamat email aktif anda :
Delivered by FeedBurner
jangan lupa baca atikel di bawah ini,,,
tutorial blogging
* cara menghilangkan tanggal posting
* klik label muncul judul posting
* memodifikasi daftar blog roll dengan nomor
* membuat blog menjadi dofollow
* membuat pesan dibawah posting
* transparan navbar percantik tampilan blog
* cara mengcopy halaman layar
* memasang tag meta di blog
* membuat judul posting disebelah kiri judul blog
* cara membuat judul posting menjadi judul blog
* cara membuat gambar tukar link
* Cara pasang Widget Google Translate
* Cara membuat recent comment
* cara membuat recent post (artikel terbaru)
* 5 situs template gratis
* cara membuat anchor teks (link teks) di posting
* membuat autohide navbar
* cara mengilangkan navbar
* membuat dropdown menu untuk link
* cara menambahkan mesin pencari (search engine) di blog
* cara membuat higlight (kotak) di posting
* cara membuat related post
* cara membuat menu dropdown untuk artikel
* membuat scroll box di blogspot
Posted by Andhie at Rabu, Januari 13, 2010
Labels: tutorial blogging
Comments :
1
Rizky2009 mengatakan...
on
26 Februari 2010 12:14
kalau pakai manul gini ribet sob kalau blog q dah tak pasang parse HTML ala google sendiri
Poskan Komentar
blogging tidak ubahnya dunia offline, banyak hal yang harus anda pahami. jangan menerima suatu informasi dengan apa adanya. blogger yang maju selalu kritis terhadap apapun,,,salah satu caranya dengan berkomentar.
← Posting Lebih Baru Posting Lama → Beranda
Langgan: Poskan Komentar (Atom)
Internet Marketing - Online Software Pemasang Iklan Baris bisnis online pasang iklan disini pasang iklan disini Bagaimana mengubah blog WordPress menjadi MESIN UANG yang MEMATIKAN !! Tutorial komplit dilengkapi Software dan Script Siap Pakai pasang iklan disini pasang iklan disini
membuat blog
1. Bagaimana cara membuat blog
2. Bagaimana cara setting blog
3. Cara membuat scroll Box
4. Cara menulis artikel Blog
5. Cara membuat related post
6. Membuat menu dropdown untuk artikel
7. Membuat dropdown menu untuk link
8. Cara menulis kode html di posting
9. Cara membuat higlight (kotak) di posting
10. Menambahkan mesin pencari di blog
11. Cara mengilangkan navbar
12. Cara membuat judul posting menjadi judul blog
13. Cara membuat autohide navbar
14. Cara membuat anchor teks (link teks)
15. Cara membuat recent post
16. Cara membuat recent comment
17. Cara pasang widget google translate
18. Cara membuat gambar/logo tukar link
19. Cara daftar ke seach engine
20. Cara memasang tag meta di blog
21. Transparan navbar percantik tampilan blog
22. Membuat pesan di bawah posting
23. Membuat blog dofollow
24. Modifikasi blog roll dengan nomor
25. Klik label muncul judul posting
26. Cara menghilangkan tanggal posting
Artikel baru
* cara menghilangkan tanggal posting
* klik label muncul judul posting
* tag meta tidak penting
* seo tips: seo ala rambo
* justin bagi-bagi dollar
* berbagi posting ke google buzz
Live Traffict
Alexa Certified Traffic Ranking for http://blogandhie.blogspot.com Site Meter
Blog Archive
* Mei (2)
* April (9)
* Maret (16)
* Februari (11)
* Januari (16)
* Desember (16)
Label
blogging (15) CSS (2) duit gratis (2) google (1) HTML (3) internet (11) paypal (2) seo tips (12) tema (3) tips n trik (1) tutorial blogging (28)
Ads Powered by:KumpulBlogger.com
[Pasang Iklan Mini Banner disini - Rp. 600 per 1 kali unik klik, 123803 Blogger terdaftar ]
Pasang iklan
Mini Banner di sini
, Komisi 3% untuk Blogger
Copyright © 2009 by belajar internet | membuat blog | andisusilo's blog
Template by Blog Template 4 U | Blogspot Tutorial | Blogger
belajar internet | membuat blog | andisusilo's blog
blog tempat saya belajar tentang internet dan membuat blog, apa yang saya pelajari saya tulis.
* Home
* About Me
* Bisnis Online
o Formula Bisnis
* Artikel Lengkap
* Tukar Link
* Pasang Iklan
Rabu, 13 Januari 2010
Browse » Home » tutorial blogging » cara menulis kode html ke dalam artikel
cara menulis kode html ke dalam artikel
beberapa hari yang lalu saya mencoba membuat salah satu artikel tentang tutorial blogging. sebuah artikel yang harus menampilkan script/kode html,,,tapi apa yang terjadi kode-kode tersebut tidak muncul sesuai dengan keinginan saya. ternyata yang muncul adalah sebuah kode yang sudah diterjemahkan dalam bentuk html. jadi kodenya tidak kelihatan dalam artikel saya.
saya yakin hal ini banyak dialami oleh para blogger baru yang mencoba membuat artikel-artikel dengan kode html tadi.
tapi jangan takut dan putus asa,,,tidak ada yang tidak mungkin di dunia internet. Setelah beberapa saat surfing saya menemukan caranya. Dan kali ini saya akan beberkan kepada anda semua secara gratis,,,tss,,,tis,,,!!
cara begini simak baik-baik ya...
-> anda tulis semua kode html yang ingin anda masuk ke artikel.
-> lalu anda ganti/replace kode-kodenya,,,untuk memudahkan pekerjaan anda gunakan menu edit --> replace, kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
-> Nah kode yang harus anda ganti adalah...
karakter notaris keterangan
> kurung runcing tertutup
& & tanda dan
" " tanda kutip ganda
± ± tanda plus minus
spasi tanda spasi
© © tanda hak cipta (copyright)
® ® Tanda terdaftar (Registered)
-> kalo anda ingin membuat posting yang menyajikan banyak kode-kode yang harus anda tulis, menganti satu demi satu kode akan sangat melelahkan.
anda bisa memanfaatkan situs-situs yang menyediakan tools untuk meng-encode kode html. anda bisa buka http://centricle.com/tools/html-entities, lalu tuliskan atau copy paste kode-kode yang ingin anda masukan dalam artikel, kemudian masukan kedalam kotak yang disediakan, tekan tombol "Encode".
-> > copy kode dalam kotak tadi dan anda masukan dalam postingan anda. selesai sudah,,,!!!
Gitu ajah kok Repot...
selamat belajar dan membaca !!!!
karena blog ini di buat oleh pemula untuk pemula jadi saran dan kritik anda akan sangat membantu.
Dapatkan atikel-artikel terbaru langsung ke email anda. Masukkan alamat email aktif anda :
Delivered by FeedBurner
jangan lupa baca atikel di bawah ini,,,
tutorial blogging
* cara menghilangkan tanggal posting
* klik label muncul judul posting
* memodifikasi daftar blog roll dengan nomor
* membuat blog menjadi dofollow
* membuat pesan dibawah posting
* transparan navbar percantik tampilan blog
* cara mengcopy halaman layar
* memasang tag meta di blog
* membuat judul posting disebelah kiri judul blog
* cara membuat judul posting menjadi judul blog
* cara membuat gambar tukar link
* Cara pasang Widget Google Translate
* Cara membuat recent comment
* cara membuat recent post (artikel terbaru)
* 5 situs template gratis
* cara membuat anchor teks (link teks) di posting
* membuat autohide navbar
* cara mengilangkan navbar
* membuat dropdown menu untuk link
* cara menambahkan mesin pencari (search engine) di blog
* cara membuat higlight (kotak) di posting
* cara membuat related post
* cara membuat menu dropdown untuk artikel
* membuat scroll box di blogspot
Posted by Andhie at Rabu, Januari 13, 2010
Labels: tutorial blogging
Comments :
1
Rizky2009 mengatakan...
on
26 Februari 2010 12:14
kalau pakai manul gini ribet sob kalau blog q dah tak pasang parse HTML ala google sendiri
Poskan Komentar
blogging tidak ubahnya dunia offline, banyak hal yang harus anda pahami. jangan menerima suatu informasi dengan apa adanya. blogger yang maju selalu kritis terhadap apapun,,,salah satu caranya dengan berkomentar.
← Posting Lebih Baru Posting Lama → Beranda
Langgan: Poskan Komentar (Atom)
Internet Marketing - Online Software Pemasang Iklan Baris bisnis online pasang iklan disini pasang iklan disini Bagaimana mengubah blog WordPress menjadi MESIN UANG yang MEMATIKAN !! Tutorial komplit dilengkapi Software dan Script Siap Pakai pasang iklan disini pasang iklan disini
membuat blog
1. Bagaimana cara membuat blog
2. Bagaimana cara setting blog
3. Cara membuat scroll Box
4. Cara menulis artikel Blog
5. Cara membuat related post
6. Membuat menu dropdown untuk artikel
7. Membuat dropdown menu untuk link
8. Cara menulis kode html di posting
9. Cara membuat higlight (kotak) di posting
10. Menambahkan mesin pencari di blog
11. Cara mengilangkan navbar
12. Cara membuat judul posting menjadi judul blog
13. Cara membuat autohide navbar
14. Cara membuat anchor teks (link teks)
15. Cara membuat recent post
16. Cara membuat recent comment
17. Cara pasang widget google translate
18. Cara membuat gambar/logo tukar link
19. Cara daftar ke seach engine
20. Cara memasang tag meta di blog
21. Transparan navbar percantik tampilan blog
22. Membuat pesan di bawah posting
23. Membuat blog dofollow
24. Modifikasi blog roll dengan nomor
25. Klik label muncul judul posting
26. Cara menghilangkan tanggal posting
Artikel baru
* cara menghilangkan tanggal posting
* klik label muncul judul posting
* tag meta tidak penting
* seo tips: seo ala rambo
* justin bagi-bagi dollar
* berbagi posting ke google buzz
Live Traffict
Alexa Certified Traffic Ranking for http://blogandhie.blogspot.com Site Meter
Blog Archive
* Mei (2)
* April (9)
* Maret (16)
* Februari (11)
* Januari (16)
* Desember (16)
Label
blogging (15) CSS (2) duit gratis (2) google (1) HTML (3) internet (11) paypal (2) seo tips (12) tema (3) tips n trik (1) tutorial blogging (28)
Ads Powered by:KumpulBlogger.com
[Pasang Iklan Mini Banner disini - Rp. 600 per 1 kali unik klik, 123803 Blogger terdaftar ]
Pasang iklan
Mini Banner di sini
, Komisi 3% untuk Blogger
Copyright © 2009 by belajar internet | membuat blog | andisusilo's blog
Template by Blog Template 4 U | Blogspot Tutorial | Blogger
belajar HTML
Langsung ke isi website
Langsung ke navigasi
Belajar Web mulai dari HTML/XHTML, CSS, Pemrograman Web (PHP/MySQL, Ajax)
* Icon Home HOME
* CATEGORY
o HTML
o XHTML (Web Standards)
o CSS (Cascading Stylesheet)
o PHP/MySQL
o Ajax
o Selingan
o Statistik Pengunjung Website
* ABOUT ME
Artikel HTML
* Home
o » HTML
Membuat pemrograman kondisional didalam HTML
Nov 24 2007
Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Komentar [51] | Beri Komentar
Seandainya anda telah membuat desain sebuah website yang paling rumit dengan menggunkan HTML dan CSS. Dan entah mengapa ketika dibuka di Internet Explorer dan Firefox tampilannya berbeda. Walaupun sudah dutak-atik sampai mampus tetap saja ada yang berbeda tampilannya antara IE dan Firefox. Satu-satunya cara yaitu membuat CSS yang berbeda untuk browser IE dan Firefox. Tapi bagaimana caranya kita mengenali browser apa yang digunakan?
BACA SELENGKAPNYA
Pelajari kegunaan, kelebihan dan kekurangan penggunaan Frames pada HTML
Oct 11 2007
Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Komentar [17] | Beri Komentar
Banyak orang tidak suka menggunakan frames, saya setuju karena saya sendiri jarang memakai frames. Tetapi untuk beberapa kasus, frames sangat berguna. Jadi anda perlu mengetahui kasus anda sebelum memutuskan apakah ingin menggunakan frames apa tidak.
BACA SELENGKAPNYA
Favorites Icon (favicon), menampilkan icon di browser anda
Oct 10 2007
Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Komentar [10] | Beri Komentar
Apakah anda pernah melihat icon yang muncul disebelah URL website pada address bar browser? Jika pernah, itu disebut favicon. Tutorial ini akan menjelaskan pada anda bagaimana cara anda memasang favicon pada website.
Favicon
Favicon merupakan singkatan dari "Favorites Icon". Favicon pertama kali dipopulerkan karena kemunculannya pada Favorite Folder didalam browser Internet Explorer. Tetapi sekarang browser-browser seperti Netscape, Opera dan Mozilla dapat menampilkan favicon di address bar. Favicon merupakan file icon (.ico) yang kecil. Kenapa kecil? karena ukurannya hanya 16x16 piksel.
BACA SELENGKAPNYA
Belajar HTML yang merupakan dasar dari pembuatan website
Oct 08 2007
Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Komentar [161] | Beri Komentar
Ini merupakan artikel pertama yang saya tulis di website saya ini. Karena diwebsite ini saya akan membagi-bagikan ilmu apa aja tentang pembuatan website, maka kita pelajari biangnya dulu, dasar dari semua dasar pembuatan website yaitu HTML.
HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.
BACA SELENGKAPNYA
Halaman: ... 1
Siapakah Saya?
Saya hanyalah orang yang senang dengan segala sesuatu yang berhubungan dengan website dan internet dan ingin agar semua orang se-Indonesia Raya juga menyukainya.
Saya sudah tidak pernah mengecek & mengupdate website ini, jadi apabila ingin komentar, tanya atau apa saja silahkan hubungi saya melalui:
Facebook: Cari nama saya, Dhimas Ronggobramantyo
Twitter: Cari user, plentong, bahasa Inggris ya
Email: ronggobramantyo@gmail.com
Hubungi Saya
Artikel Terbaru
* Membuat Horizontal Menu dengan CSS, Images Sprites dan Animasi
* Menampilkan RSS di website dengan PHP, pelajari bagaimana memParsing RSS
* Membuat Security Number dengan menggunakan GD Library pada PHP
* Memperbesar bidang gambar dengan menggunakan CSS
* Mempersingkat URL website dengan menggunakan .htaccess
Artikel yang paling banyak dibaca
* Belajar HTML yang merupakan dasar dari pembuatan website (dibaca 48116 kali)
* Belajar PHP dari menginstall PHP hingga mempelajari fungsi-fungsi dasar PHP (dibaca 45855 kali)
* Belajar CSS, bagaimana CSS dapat merubah tampilan website (dibaca 39135 kali)
* Membuat Horizontal Menu dengan CSS, Images Sprites dan Animasi (dibaca 34395 kali)
* Upload file ke server dengan menggunakan PHP (dibaca 25156 kali)
* Home
* About Me
* RSS Feeds RSS Feeds
* Valid XHTML strict Valid XHTML Strict
Isi website dan Desain website merupakan milik Dhimas Ronggobramantyo © 2007-2008.
Silahkan sebarluaskan ilmu-ilmu dan artikel yang ada diwebsite ini dengan catatan: Tampilkan sumber artikelnya
Langsung ke navigasi
Belajar Web mulai dari HTML/XHTML, CSS, Pemrograman Web (PHP/MySQL, Ajax)
* Icon Home HOME
* CATEGORY
o HTML
o XHTML (Web Standards)
o CSS (Cascading Stylesheet)
o PHP/MySQL
o Ajax
o Selingan
o Statistik Pengunjung Website
* ABOUT ME
Artikel HTML
* Home
o » HTML
Membuat pemrograman kondisional didalam HTML
Nov 24 2007
Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Komentar [51] | Beri Komentar
Seandainya anda telah membuat desain sebuah website yang paling rumit dengan menggunkan HTML dan CSS. Dan entah mengapa ketika dibuka di Internet Explorer dan Firefox tampilannya berbeda. Walaupun sudah dutak-atik sampai mampus tetap saja ada yang berbeda tampilannya antara IE dan Firefox. Satu-satunya cara yaitu membuat CSS yang berbeda untuk browser IE dan Firefox. Tapi bagaimana caranya kita mengenali browser apa yang digunakan?
BACA SELENGKAPNYA
Pelajari kegunaan, kelebihan dan kekurangan penggunaan Frames pada HTML
Oct 11 2007
Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Komentar [17] | Beri Komentar
Banyak orang tidak suka menggunakan frames, saya setuju karena saya sendiri jarang memakai frames. Tetapi untuk beberapa kasus, frames sangat berguna. Jadi anda perlu mengetahui kasus anda sebelum memutuskan apakah ingin menggunakan frames apa tidak.
BACA SELENGKAPNYA
Favorites Icon (favicon), menampilkan icon di browser anda
Oct 10 2007
Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Komentar [10] | Beri Komentar
Apakah anda pernah melihat icon yang muncul disebelah URL website pada address bar browser? Jika pernah, itu disebut favicon. Tutorial ini akan menjelaskan pada anda bagaimana cara anda memasang favicon pada website.
Favicon
Favicon merupakan singkatan dari "Favorites Icon". Favicon pertama kali dipopulerkan karena kemunculannya pada Favorite Folder didalam browser Internet Explorer. Tetapi sekarang browser-browser seperti Netscape, Opera dan Mozilla dapat menampilkan favicon di address bar. Favicon merupakan file icon (.ico) yang kecil. Kenapa kecil? karena ukurannya hanya 16x16 piksel.
BACA SELENGKAPNYA
Belajar HTML yang merupakan dasar dari pembuatan website
Oct 08 2007
Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Komentar [161] | Beri Komentar
Ini merupakan artikel pertama yang saya tulis di website saya ini. Karena diwebsite ini saya akan membagi-bagikan ilmu apa aja tentang pembuatan website, maka kita pelajari biangnya dulu, dasar dari semua dasar pembuatan website yaitu HTML.
HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.
BACA SELENGKAPNYA
Halaman: ... 1
Siapakah Saya?
Saya hanyalah orang yang senang dengan segala sesuatu yang berhubungan dengan website dan internet dan ingin agar semua orang se-Indonesia Raya juga menyukainya.
Saya sudah tidak pernah mengecek & mengupdate website ini, jadi apabila ingin komentar, tanya atau apa saja silahkan hubungi saya melalui:
Facebook: Cari nama saya, Dhimas Ronggobramantyo
Twitter: Cari user, plentong, bahasa Inggris ya
Email: ronggobramantyo@gmail.com
Hubungi Saya
Artikel Terbaru
* Membuat Horizontal Menu dengan CSS, Images Sprites dan Animasi
* Menampilkan RSS di website dengan PHP, pelajari bagaimana memParsing RSS
* Membuat Security Number dengan menggunakan GD Library pada PHP
* Memperbesar bidang gambar dengan menggunakan CSS
* Mempersingkat URL website dengan menggunakan .htaccess
Artikel yang paling banyak dibaca
* Belajar HTML yang merupakan dasar dari pembuatan website (dibaca 48116 kali)
* Belajar PHP dari menginstall PHP hingga mempelajari fungsi-fungsi dasar PHP (dibaca 45855 kali)
* Belajar CSS, bagaimana CSS dapat merubah tampilan website (dibaca 39135 kali)
* Membuat Horizontal Menu dengan CSS, Images Sprites dan Animasi (dibaca 34395 kali)
* Upload file ke server dengan menggunakan PHP (dibaca 25156 kali)
* Home
* About Me
* RSS Feeds RSS Feeds
* Valid XHTML strict Valid XHTML Strict
Isi website dan Desain website merupakan milik Dhimas Ronggobramantyo © 2007-2008.
Silahkan sebarluaskan ilmu-ilmu dan artikel yang ada diwebsite ini dengan catatan: Tampilkan sumber artikelnya
My first time making blogger
My first time to making a blogger
Hari ini tepat tanggal 05062010,aku belajar membuat sebuah blogger.!
awalnya membingungkan tapi apa salahnya kita mencoba sesuatu hal yang baru..
aku harap mulainya aku membuat sebuah blog,aku bisa menginspirasaikan diri saya maupun orang lain..
hahaaa
emang awal yang lucu buat saya,sebab mungkin kalian semua mengatakan saya ini kampungan ato apalah itu namanya.
karena saya ini baru bisa membuat blog sendiri..
tapi tidak apa,yang penting sekarang saya sudah punya blog,dan bisa menulis hal-hal menarik,atopun yang konyol dari diri saya....
bagi pengguna blog yang sudah lama...
salam kenal yah dari saya....^^
Hari ini tepat tanggal 05062010,aku belajar membuat sebuah blogger.!
awalnya membingungkan tapi apa salahnya kita mencoba sesuatu hal yang baru..
aku harap mulainya aku membuat sebuah blog,aku bisa menginspirasaikan diri saya maupun orang lain..
hahaaa
emang awal yang lucu buat saya,sebab mungkin kalian semua mengatakan saya ini kampungan ato apalah itu namanya.
karena saya ini baru bisa membuat blog sendiri..
tapi tidak apa,yang penting sekarang saya sudah punya blog,dan bisa menulis hal-hal menarik,atopun yang konyol dari diri saya....
bagi pengguna blog yang sudah lama...
salam kenal yah dari saya....^^
CHETOCKZ
Nama itu bisa dikatakan nama GENK,genk yang terbentuk atas tujuh cewe yg Manis dan Imut(bukan Itam mutum ato ini muka ato tai okaay..hehe)Tapi emang karena nyatanya emang gitu kok..
Hmmmm....
Awal adanya ne genk gokil abiiiez! sebab sebelum terbentuknya Chetockz,beberapa nama genk juga udah ada,biza d'bilang udah sering gonta ganti nama ma personil gitu (anak Band kaleeee)
Nama genk yang pertama sih CZHOT'THA,tapi karena udah pernah dipake ma anak SMANSA ,makanya kita ganti deh jadi Chetockz yang Resminya sih terbentuk tgl 28 Agustus 2007 udah lumayan lama kan......
Terusssssssss kalo soal personil ato anggotanya udah beberapa kali gonta ganti jugaa,,,,mungkin karena emang faktor :
* Udah mau Keluar en dah gak mau lagi gabung ma kita
* sama gak sanggup buat ngikutin Our Comitment
* Pokoknya banyaak faktor yang membuat mereka keluar dari Chetockz..
Bingung juga soalnya...gak tau akh.!
Tapi,yang resmi jadi chetockz dari taon 2007 ampe sekarang tuh yaa ke tujuh cewe itu.
uupppz,ampir Lupa,hehe maklum keasyikan nyatet gitu...
ke tujuh cewe dalam geng chetockz itu bernama Mhitra,Rhea,Thary,Thika,Kiki,Indah,& cewe ysng paling Maniiiis tuh v3..hehee
About Our :
**Mhitra
Mhitra tuh kalo gak salah Lahir diLara,tgl 14 April 1992,diantara mereka dia yang paling dewasa,ngertiin temannya banget.!
Dari masalah sekecil apapun ampe sebesar apapun,pasti temen-temen pada ke Mhitra semua.! (salut aku ma dia)
tapi,ada kelebihan laen dari mhitra,dia itu jago lho buat graffity art,udah gak biza d'zpelein lagi dah...Mantaaap pokonya.
kaya' gini :
**Rhea
Rhea,cewe pindahan SORONG,PAPUA yang paling dewasa umur.Lahirnya sih
tgl 18 Oktober 1991 paling tua dia.!
yaaaa,bisa d'bilang juga masuk daftar orang yang dewasalah,bijaksana orangnya,tapiiii.... ada tapinya ne,kadandg-kadang Like a LittLe Child...ngambeeeek wae kerjanya...!! Ancur dah kita,kaga' bisa d'tolelir lagi...tanduknya langsung keluar dari kepalanya kaya ini nih...
Sereeeeeeem kan mukanya heheheee.
Lanjuuuuut ke
**Thary,
wow this is a Model of Junior high school.Kalo dia ne kelahiran
Palopo,SUL-SEL tgl 14 April 1993.Diantara ketujuh temannya,ini dia ne cewe yang Plin-Plan,awalnya niat gabung ma kita,Eh...pas ada genk yang keren menurut dia,pengen pindah ke genk itu..abis itu kalo gak ketrima,udah deh balik lagi ke kita.! Plin-Plan kan....
Selain itu kejelekan dari Thary adalah TULALIT,Her ear is agak LALOD alias Lambat Loading.!!!
Gimana gak dikatain Lalod,dia itu sok-sok Uptudate padahal ngebahas yang udah Basi...sifatnya ini yang kadang-kadang buat kita malu dan maless ma dia.Kasian juga sih,tapi mau diapain lagi,kita udah teken komitmen ma dia..(Ntar disebutin komitmenya apa aja..)
**Thika,cewe yang pendiam,tapi care banget ma kita dia lahir tgl 14 Januari 1993.Dia ini,kalo ada masalah gak ambil pusing...Follow the time aja katanya,ntar juga selesai,makanya ne anak paling gak bisa dengar masalah yang sepele,apalagi kalo menyangkut chetockz yang masalahnya gak penting banget buat dia,dia pasti pasang sifat cuek super dupernya.Tapi..beee kalo soal care kalah deh kita.TOP BGT deh buat dia.
**Kiki,cewe kelahiran Sengkang,SUL-SEL 2 agustus 1993.Nah,kalo kiki ini gak bisa banget yang namanya ngumpul,banyaaaak banget ngelesnya kalo diajak Hang Out bareng,walaupun udah terikat komitmen.Tapi,yaa kita juga males ngajak dia kadang-kadang.Tapi walaupun jago ngeles dia udah punya gelar diMata ALLAH SWT yaitu Hajja alias Haji muda.kereeeen kan..dimana dapat genk,yang bisa brutal sekalian Religi kaya' gini.gak ada kan...(Narsis dikit gak papa downk,hehe)
**udah yang keenam yah,waduh capek juga ngetik heheheeee..
Indah,Orangnya juga bisa dibilang seindah namanya kali ya.Kalo yang satu ini sih....mirip wataknya ma Rhea,Ngambekkan.!
cewe itam manis ini,lahir tanggal 24 juli 1993.. susah juga buat dibujuk.Kalo udah terlanjur maraah mukanya ditekuk mulu udah mirip kaya' "Squidward" gini mukanya :
hahaaaha lucu kan.?
yang sehati ma dia,tetep deh Mhitra.! Cuma Mhitra yang bisa ngambil hati indah..
pokoknya seimbang deh semuanya,saling melengkapilah satu sama lain.Itulah bagusnya chetockz.hehe
The next girl is :
**V3,cewe kelahiran Dili,Timor-Timur ini paling manja sama Rhea en Mhitra,masalah kecil apapun pasti ngadu mulu ma mereka berdua.Tapi,jangan salah dia ini cewe yang paling tinggi (kira-kira 165 cm) diantara teman-temannya yang lain.
keahliannya berimajinasi tantang apapun yang ada difikirannya,cewe yng lahir tgl 22 maret 1993 ini is Broken Home Her Parents is be scattered (Cerai) saat dia masih dalam kandungan berumur 3 bulan..hiks hiks hiks :( kasiaaaan banget yaa
tapi,dia orangnya tegar kok,walaupun manja dan hidup tanpa seorang Ayah.Walaupun seperti itu,dia masih punya teman-teman yang sayang dan peduli sama dia seperti chetockz tapi faktor yang membuat dia menja itu karena dia gak punya saudara alias dia anak Tunggal..jadi wajar downk dia manja.! apalagi sama yang lebih tua.hahaaaa
oyaa ada satu hal lagi yang membuat kita be One dalah tentang Favorit band yang samaaa,Yaitu kita ngeFans bangeeeeeeeeeeeet ama UNGU BAND. Itu karena lagu-lagu ungu yang kereeeen abeeeeeeeeeessssss.......hehehe
Go For Ungu,,
Our Comitment in Chetockz :
* Sekecil apapun masalah harus diselesaiin dengan kepala dingin (kalo panas,Gunung Merapi downk)
* Hang Out,Mesti bareng gak boleh ada yang alpa (Makan gak makan yang penting ngumpul,eh...salah Ada gak ada harus ada) kecuali bener-bener ada halangan.
* Salah satu dari kita ada yang sakit harus dijengukin (kalo yang satu ini aku suka.! karena dapet buah gratissssssssssss.! hahaha) Wajib ini.
*Kekompakan mesti terjaga
* Nothing Secret
* One be Together,and Together must be One (artinya,Satu untuk semua,semua untuk satu,,!!)
* The last, Komunikasi harus tetap ada,dan lancar bagaikan air..(wiiii,puitisss abees),kalo ada sinyal yang gak mau konfirmasi ma kita,kita sepakat buat ngejebol aja towernya,(kek Ade Rai aja..sadiiiiiiiiiissss amat ya'.)
Itulah komitmen yang InsyaALLAH harus ada buat CHETOCKZ,dan Alhamdulillah udah sejauh ini,kita masih bisa ngejagain komitmen itu,walaupun saat ini kita terpisahkan oleh Jarak,Waktu,dan kewajiban sebagai ibu rumah tangga.
tapi yaah,Harapan tetap harapan,kita hanya bisa berdoa kalo suatu hari nanti Chetockz bisa bareng lagi,kaya' waktu SMP dulu,dan kita akan tetap menjadi SAHABAT SEJATI...
amiiiiin
Hmmmm....
Awal adanya ne genk gokil abiiiez! sebab sebelum terbentuknya Chetockz,beberapa nama genk juga udah ada,biza d'bilang udah sering gonta ganti nama ma personil gitu (anak Band kaleeee)
Nama genk yang pertama sih CZHOT'THA,tapi karena udah pernah dipake ma anak SMANSA ,makanya kita ganti deh jadi Chetockz yang Resminya sih terbentuk tgl 28 Agustus 2007 udah lumayan lama kan......
Terusssssssss kalo soal personil ato anggotanya udah beberapa kali gonta ganti jugaa,,,,mungkin karena emang faktor :
* Udah mau Keluar en dah gak mau lagi gabung ma kita
* sama gak sanggup buat ngikutin Our Comitment
* Pokoknya banyaak faktor yang membuat mereka keluar dari Chetockz..
Bingung juga soalnya...gak tau akh.!
Tapi,yang resmi jadi chetockz dari taon 2007 ampe sekarang tuh yaa ke tujuh cewe itu.
uupppz,ampir Lupa,hehe maklum keasyikan nyatet gitu...
ke tujuh cewe dalam geng chetockz itu bernama Mhitra,Rhea,Thary,Thika,Kiki,Indah,& cewe ysng paling Maniiiis tuh v3..hehee
About Our :
**Mhitra
Mhitra tuh kalo gak salah Lahir diLara,tgl 14 April 1992,diantara mereka dia yang paling dewasa,ngertiin temannya banget.!
Dari masalah sekecil apapun ampe sebesar apapun,pasti temen-temen pada ke Mhitra semua.! (salut aku ma dia)
tapi,ada kelebihan laen dari mhitra,dia itu jago lho buat graffity art,udah gak biza d'zpelein lagi dah...Mantaaap pokonya.
kaya' gini :
**Rhea
Rhea,cewe pindahan SORONG,PAPUA yang paling dewasa umur.Lahirnya sih
tgl 18 Oktober 1991 paling tua dia.!
yaaaa,bisa d'bilang juga masuk daftar orang yang dewasalah,bijaksana orangnya,tapiiii.... ada tapinya ne,kadandg-kadang Like a LittLe Child...ngambeeeek wae kerjanya...!! Ancur dah kita,kaga' bisa d'tolelir lagi...tanduknya langsung keluar dari kepalanya kaya ini nih...
Sereeeeeeem kan mukanya heheheee.
Lanjuuuuut ke
**Thary,
wow this is a Model of Junior high school.Kalo dia ne kelahiran
Palopo,SUL-SEL tgl 14 April 1993.Diantara ketujuh temannya,ini dia ne cewe yang Plin-Plan,awalnya niat gabung ma kita,Eh...pas ada genk yang keren menurut dia,pengen pindah ke genk itu..abis itu kalo gak ketrima,udah deh balik lagi ke kita.! Plin-Plan kan....
Selain itu kejelekan dari Thary adalah TULALIT,Her ear is agak LALOD alias Lambat Loading.!!!
Gimana gak dikatain Lalod,dia itu sok-sok Uptudate padahal ngebahas yang udah Basi...sifatnya ini yang kadang-kadang buat kita malu dan maless ma dia.Kasian juga sih,tapi mau diapain lagi,kita udah teken komitmen ma dia..(Ntar disebutin komitmenya apa aja..)
**Thika,cewe yang pendiam,tapi care banget ma kita dia lahir tgl 14 Januari 1993.Dia ini,kalo ada masalah gak ambil pusing...Follow the time aja katanya,ntar juga selesai,makanya ne anak paling gak bisa dengar masalah yang sepele,apalagi kalo menyangkut chetockz yang masalahnya gak penting banget buat dia,dia pasti pasang sifat cuek super dupernya.Tapi..beee kalo soal care kalah deh kita.TOP BGT deh buat dia.
**Kiki,cewe kelahiran Sengkang,SUL-SEL 2 agustus 1993.Nah,kalo kiki ini gak bisa banget yang namanya ngumpul,banyaaaak banget ngelesnya kalo diajak Hang Out bareng,walaupun udah terikat komitmen.Tapi,yaa kita juga males ngajak dia kadang-kadang.Tapi walaupun jago ngeles dia udah punya gelar diMata ALLAH SWT yaitu Hajja alias Haji muda.kereeeen kan..dimana dapat genk,yang bisa brutal sekalian Religi kaya' gini.gak ada kan...(Narsis dikit gak papa downk,hehe)
**udah yang keenam yah,waduh capek juga ngetik heheheeee..
Indah,Orangnya juga bisa dibilang seindah namanya kali ya.Kalo yang satu ini sih....mirip wataknya ma Rhea,Ngambekkan.!
cewe itam manis ini,lahir tanggal 24 juli 1993.. susah juga buat dibujuk.Kalo udah terlanjur maraah mukanya ditekuk mulu udah mirip kaya' "Squidward" gini mukanya :
hahaaaha lucu kan.?
yang sehati ma dia,tetep deh Mhitra.! Cuma Mhitra yang bisa ngambil hati indah..
pokoknya seimbang deh semuanya,saling melengkapilah satu sama lain.Itulah bagusnya chetockz.hehe
The next girl is :
**V3,cewe kelahiran Dili,Timor-Timur ini paling manja sama Rhea en Mhitra,masalah kecil apapun pasti ngadu mulu ma mereka berdua.Tapi,jangan salah dia ini cewe yang paling tinggi (kira-kira 165 cm) diantara teman-temannya yang lain.
keahliannya berimajinasi tantang apapun yang ada difikirannya,cewe yng lahir tgl 22 maret 1993 ini is Broken Home Her Parents is be scattered (Cerai) saat dia masih dalam kandungan berumur 3 bulan..hiks hiks hiks :( kasiaaaan banget yaa
tapi,dia orangnya tegar kok,walaupun manja dan hidup tanpa seorang Ayah.Walaupun seperti itu,dia masih punya teman-teman yang sayang dan peduli sama dia seperti chetockz tapi faktor yang membuat dia menja itu karena dia gak punya saudara alias dia anak Tunggal..jadi wajar downk dia manja.! apalagi sama yang lebih tua.hahaaaa
oyaa ada satu hal lagi yang membuat kita be One dalah tentang Favorit band yang samaaa,Yaitu kita ngeFans bangeeeeeeeeeeeet ama UNGU BAND. Itu karena lagu-lagu ungu yang kereeeen abeeeeeeeeeessssss.......hehehe
Go For Ungu,,
Our Comitment in Chetockz :
* Sekecil apapun masalah harus diselesaiin dengan kepala dingin (kalo panas,Gunung Merapi downk)
* Hang Out,Mesti bareng gak boleh ada yang alpa (Makan gak makan yang penting ngumpul,eh...salah Ada gak ada harus ada) kecuali bener-bener ada halangan.
* Salah satu dari kita ada yang sakit harus dijengukin (kalo yang satu ini aku suka.! karena dapet buah gratissssssssssss.! hahaha) Wajib ini.
*Kekompakan mesti terjaga
* Nothing Secret
* One be Together,and Together must be One (artinya,Satu untuk semua,semua untuk satu,,!!)
* The last, Komunikasi harus tetap ada,dan lancar bagaikan air..(wiiii,puitisss abees),kalo ada sinyal yang gak mau konfirmasi ma kita,kita sepakat buat ngejebol aja towernya,(kek Ade Rai aja..sadiiiiiiiiiissss amat ya'.)
Itulah komitmen yang InsyaALLAH harus ada buat CHETOCKZ,dan Alhamdulillah udah sejauh ini,kita masih bisa ngejagain komitmen itu,walaupun saat ini kita terpisahkan oleh Jarak,Waktu,dan kewajiban sebagai ibu rumah tangga.
tapi yaah,Harapan tetap harapan,kita hanya bisa berdoa kalo suatu hari nanti Chetockz bisa bareng lagi,kaya' waktu SMP dulu,dan kita akan tetap menjadi SAHABAT SEJATI...
amiiiiin
Sekilas Tentang HTML
oleh : ido priyono hadi
Artikel ini merupakan artikel pendahuluan sehubungan dengan tutorial HTML dasar bagi para pengguna internet yang ingin membuat homepage pribadi sendiri. Karena itu, yang dibahas kali ini hanya pengenalan singkat tentang HTML dan beberapa perangkat lunak. Pada artikel yang mendatang akan dibahas elemen HTML lainnya. Semoga artikel ini berguna bagi para pengguna internet.
Definisi HTML
HTML merupakan singkatan dari HyperText Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW), dan semua nama file dokumen HTML mempunyai ekstensi html atau htm.
Dalam sebuah dokumen HTML anda akan melihat tags. Tags adalah penempatan atau nilai format teks yang memerintahkan browser untuk menampilkan sebuah dokumen html.
Contoh sebuah dokumen HTML sederhana adalah sebagai berikut:
Hello ... nama saya Bagong
Hasilnya adalah seperti ini.
Browser
Browser adalah program yang dipakai untuk membaca dokumen HTML pada WWW. Contoh browser ini antara lain: Netscape Navigator, Internet Explorer, Opera, Mozilla, Conqueror, NCSA Mosaic, Cello, Lynx, SlipKnot, dan sebagainya.
Pengertian HTML Tag
Tag dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, . dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, .
Tag ada 2 macam; tag tunggal dan tag berpasangan. Perbedaannya, kalau tag tunggal munculnya sendiri, sedangkan tag yang berpasangan harus ada bagian yang mengawali dan mengakhiri. Bagian yang mengakhiri sama dengan yang mengawali, tapi diawali dengan garis miring (/).
Contoh tag tunggal:
*
menandai akhir dari sebuah paragraf
*
menandai akhir sebuah baris.
*
membuat sebuah garis horisontal.
Contoh tag berpasangan:
* dan menandai awal dan akhir dari tubuh dokumen.
* dan untuk membuat karakter cetak tebal.
* dan untuk membuat karakter cetak miring.
HTML Editor
Dokumen HTML bisa dibuat dengan menggunakan text editor biasa ataupun dengan editor khusus.
Contoh-contoh HTML Editor :
* Microsoft Frontpage
* Macromedia Dreamweaver
* Netscape Navigator Gold
* Netscape Composer
* HotDog
* CU-HTML, dll
URLs
URL merupakan singkatan dari Uniform Resource Locator. Menginformasikan lokasi sebuah file pada WWW dan juga mengidentifikasi layanan internet, seperti FTP, WWW, yang menghandle file tsb. Istilah ini juga dipakai untuk menunjukkan suatu tempat yang berisikan informasi di Internet spt di bawah :
http
Keterangan :
Protocol adalah metode transfer data dari satu komputer ke komputer lain. Antara komputer client dan komputer server.
* HTTP; HyperText Transfer Protocol
* Gopher
* FTP
* news
Network location adalah mesin tempat data tersebut berada.
path - dokumen - menunjukkan di direktori mana dokumen tersebut berada.
File name adalah nama file html yang berada dalam direktori web server.
Struktur Dokumen HTML
Format dasar dari dokumen HTML adalah sebagai berikut:
Judul berada di sini
dokumen utama
Hasilnya kalau dilihat dengan MS Internet Explorer 4.01 adalah seperti ini.
atau
(-- always start your document with this tag
(-- recommend having the and tags
(-- always have a title for your document
(-- to allow search engines to search and find your page correctly
The HTML document proper. Here will be the actual HTML document with the hypertext links, images and formating tags. Put this part within the body tags.
(-- always end your HTML document with this tag
oleh : ido priyono hadi
Artikel ini merupakan artikel pendahuluan sehubungan dengan tutorial HTML dasar bagi para pengguna internet yang ingin membuat homepage pribadi sendiri. Karena itu, yang dibahas kali ini hanya pengenalan singkat tentang HTML dan beberapa perangkat lunak. Pada artikel yang mendatang akan dibahas elemen HTML lainnya. Semoga artikel ini berguna bagi para pengguna internet.
Definisi HTML
HTML merupakan singkatan dari HyperText Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW), dan semua nama file dokumen HTML mempunyai ekstensi html atau htm.
Dalam sebuah dokumen HTML anda akan melihat tags. Tags adalah penempatan atau nilai format teks yang memerintahkan browser untuk menampilkan sebuah dokumen html.
Contoh sebuah dokumen HTML sederhana adalah sebagai berikut:
Hello ... nama saya Bagong
Hasilnya adalah seperti ini.
Browser
Browser adalah program yang dipakai untuk membaca dokumen HTML pada WWW. Contoh browser ini antara lain: Netscape Navigator, Internet Explorer, Opera, Mozilla, Conqueror, NCSA Mosaic, Cello, Lynx, SlipKnot, dan sebagainya.
Pengertian HTML Tag
Tag dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, . dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, .
Tag ada 2 macam; tag tunggal dan tag berpasangan. Perbedaannya, kalau tag tunggal munculnya sendiri, sedangkan tag yang berpasangan harus ada bagian yang mengawali dan mengakhiri. Bagian yang mengakhiri sama dengan yang mengawali, tapi diawali dengan garis miring (/).
Contoh tag tunggal:
*
menandai akhir dari sebuah paragraf
*
menandai akhir sebuah baris.
*
membuat sebuah garis horisontal.
Contoh tag berpasangan:
* dan menandai awal dan akhir dari tubuh dokumen.
* dan untuk membuat karakter cetak tebal.
* dan untuk membuat karakter cetak miring.
HTML Editor
Dokumen HTML bisa dibuat dengan menggunakan text editor biasa ataupun dengan editor khusus.
Contoh-contoh HTML Editor :
* Microsoft Frontpage
* Macromedia Dreamweaver
* Netscape Navigator Gold
* Netscape Composer
* HotDog
* CU-HTML, dll
URLs
URL merupakan singkatan dari Uniform Resource Locator. Menginformasikan lokasi sebuah file pada WWW dan juga mengidentifikasi layanan internet, seperti FTP, WWW, yang menghandle file tsb. Istilah ini juga dipakai untuk menunjukkan suatu tempat yang berisikan informasi di Internet spt di bawah :
http
Keterangan :
Protocol adalah metode transfer data dari satu komputer ke komputer lain. Antara komputer client dan komputer server.
* HTTP; HyperText Transfer Protocol
* Gopher
* FTP
* news
Network location adalah mesin tempat data tersebut berada.
path - dokumen - menunjukkan di direktori mana dokumen tersebut berada.
File name adalah nama file html yang berada dalam direktori web server.
Struktur Dokumen HTML
Format dasar dari dokumen HTML adalah sebagai berikut:
Judul berada di sini
dokumen utama
Hasilnya kalau dilihat dengan MS Internet Explorer 4.01 adalah seperti ini.
atau
(-- always start your document with this tag
(-- recommend having the and tags
(-- always have a title for your document
(-- to allow search engines to search and find your page correctly
The HTML document proper. Here will be the actual HTML document with the hypertext links, images and formating tags. Put this part within the body tags.
(-- always end your HTML document with this tag
BAKSO
Haloow sobat blogger dimana pun beradaa.haha.!!!!!!!!!!
Now,I want to telling you about my favorite food is baksooo.hehe
ginii,waktu itu saya lagi belajaar ma teman" saya (tentuulah.masa sama hantu.?!!) terus,lagi ujan deras gitu,tentunyaa dong suasana belajarnya gak enaak banget.! (ngantukkkk maksudnyah.hehe)
apalagi,kalo ngeliatin guru fisikaa yang pelajaranya kaga kelar" dibahas, yang udah mirip kaya' patung,bediri yang hanyaa kerjanya ngejelasin materi yang semuanya hanya RUMUS,RUMUS dan RUMUS...huft tambah BT downk.!
kriiiiiiiiiing...eits,wait.! itu bukan bunyiii telepon ato sepeda yaa,tapi itu bunyi bell sekolah yang kedengaraanya emang aneh..hua.!
pass bell bunyi,kita satu kelas serempak go to in the canteen. kebetulan disitu saya belum sempat Breakfast dirumah. so,,, saya dan teman saya sepakat buat breakfast sekalian have lunch dikantin kesukaan kita yang pastinya nyediain baksoooo yang Maknyuuuuus abessssssssss..
sampai disana,kita mesen dua mangkok bakso ( yaiyalaaah masa 10 mangkok,rakuss dong yang ada,haha)
tau gak sih lo,belum pada tau kan.? emang.! wong belom diceritain jugaa hehe peace.!
Bakso disekolah kita itu beeee Delicious buanget..T.O.P dah buat bude ma pade.(mas dan mba yang ngebuat tu bakso.hehe)
gimnaa gak enak,bakso yang tergabung atas daging yang dibuletin ( bisa daging apa ajaaa,sesuai selera),ada kuahnya pasti,bisa dicampurin bumbu apa aja contohnya jeruk nipis,garam,vitsin,cekap (eh,salah kecaap.!!!!),sambel dll lah pokoke...sesuai dengan selera anda.!
Bakso yang kalo dalam bahasa inggrisnya Meatball ini udah umum banget disukai banyak orang termasuk sayaa.hehe.
Bukan karena namanya doank,tapi cita rasa dan khasnya itu lho yang membuat kita selalu ingin nambah walau udah kena KANKER alias KANTONG KERING.wkwkw
Makanya,,kalo dalam sehari tuh mesti nyempetin buat makan bakso walau cuma bakso tusuk doank gak apa apa. Rasanya tuh gak lengkap gitu tanpa bakso.Lebaaaay banget ya.?hehehe
so,for me NO DAY WITHOUT MEATBALL.hihihi
:p
C...U again.! bai bai mhe dulu nah..
Now,I want to telling you about my favorite food is baksooo.hehe
ginii,waktu itu saya lagi belajaar ma teman" saya (tentuulah.masa sama hantu.?!!) terus,lagi ujan deras gitu,tentunyaa dong suasana belajarnya gak enaak banget.! (ngantukkkk maksudnyah.hehe)
apalagi,kalo ngeliatin guru fisikaa yang pelajaranya kaga kelar" dibahas, yang udah mirip kaya' patung,bediri yang hanyaa kerjanya ngejelasin materi yang semuanya hanya RUMUS,RUMUS dan RUMUS...huft tambah BT downk.!
kriiiiiiiiiing...eits,wait.! itu bukan bunyiii telepon ato sepeda yaa,tapi itu bunyi bell sekolah yang kedengaraanya emang aneh..hua.!
pass bell bunyi,kita satu kelas serempak go to in the canteen. kebetulan disitu saya belum sempat Breakfast dirumah. so,,, saya dan teman saya sepakat buat breakfast sekalian have lunch dikantin kesukaan kita yang pastinya nyediain baksoooo yang Maknyuuuuus abessssssssss..
sampai disana,kita mesen dua mangkok bakso ( yaiyalaaah masa 10 mangkok,rakuss dong yang ada,haha)
tau gak sih lo,belum pada tau kan.? emang.! wong belom diceritain jugaa hehe peace.!
Bakso disekolah kita itu beeee Delicious buanget..T.O.P dah buat bude ma pade.(mas dan mba yang ngebuat tu bakso.hehe)
gimnaa gak enak,bakso yang tergabung atas daging yang dibuletin ( bisa daging apa ajaaa,sesuai selera),ada kuahnya pasti,bisa dicampurin bumbu apa aja contohnya jeruk nipis,garam,vitsin,cekap (eh,salah kecaap.!!!!),sambel dll lah pokoke...sesuai dengan selera anda.!
Bakso yang kalo dalam bahasa inggrisnya Meatball ini udah umum banget disukai banyak orang termasuk sayaa.hehe.
Bukan karena namanya doank,tapi cita rasa dan khasnya itu lho yang membuat kita selalu ingin nambah walau udah kena KANKER alias KANTONG KERING.wkwkw
Makanya,,kalo dalam sehari tuh mesti nyempetin buat makan bakso walau cuma bakso tusuk doank gak apa apa. Rasanya tuh gak lengkap gitu tanpa bakso.Lebaaaay banget ya.?hehehe
so,for me NO DAY WITHOUT MEATBALL.hihihi
:p
C...U again.! bai bai mhe dulu nah..
cara posting kode HTML
Translate Here
English French German Spain
Italian Dutch Russian Brazil
Japanese Korean Arabic Chinese Simplified
Translate Widget by Google
Tinggalkan Komentar Anda
Masukkan Code ini K1-C41YY7-8
untuk berbelanja di KutuKutuBuku.com
My Followers
Pengunjung / Visitors
Free Hit Counter Visitor Tracker
Compteur gratuit pour site web ! Compteur gratuit pour site web !
Compteur gratuit pour site web ! Total : 46509
Compteur gratuit pour site web ! Today : 50
Compteur gratuit pour site web ! Live : 3
widget
free counters [Click to see how many people are online]
Site Meter
Cara Posting Kode HTML Pada Artikel
Monday, May 11, 2009
Satu artikel Panduan Belajar Blog yg sudah saya terapkan di blog ini adalah mengenai Cara Posting kode HTML pada Artikel.
Maksudnya apa ?
Begini, disaat saya ingin meningkatkan performance blog, saya melakukan Link Banner atau tukaran link dengan blogger yg lain, dimana sebelumnya saya membuat terlebih dahulu Banner dengan menggunakan Banner Maker Pro Ver 7. Sesudah itu simpan di Photobucket dan lalu ambil Script HTML nya.
Tapi saat saya menampilkan Kode tersebut, bukannya kode HTML yg keluar, tapi malah gambar bannernya (nah lho ?)
Ternyata ada 1 trik yg diperlukan setelah saya search di google (saya selalu melakukan cara ini bila ada yg tidak tahu), dan caranya adalah sebagai berikut :
Anda membutuhkan sebuah software untuk mengkonversi/mengubah kode Link Banner itu menjadi sebuah kode yang dapat dibaca dan bukan gambarnya.
Jika tidak, setiap kali kita memposting. Kode HTML-nya tidak akan muncul pada artikel. Misalnya kode < harus diganti dengan < dan kode < harus diganti dengan <
Berikut adalah cara untuk mengubah kode HTML menjadi kode yang dapat dibaca pada artikel:
1. Buka http://centricle.com/tools/html-entities/
2. Masukkan kode HTML yang mau ditampilkan pada artikel dalam kotak Centricle. Misalnya kode
.
ini contoh gambarnya :
3. Klik Encode.
Kemudian akan muncul kode baru seperti pada gambar dibawah ini.
4. Nah, gunakan kode baru tersebut untuk diposting pada artikel kamu.
Demikian Informasi Belajar Blog mengenai cara Posting Kode HTML pada Artikel,
Semoga bermanfaat..!!
Related Posts by Categories :
Panduan Belajar Blog
* Cara Membuat Button dalam Blogspot
* Cara Menambah Kolom Iklan Header ADS di Template Blogspot
* Cara Menambah Kolom Iklan SIDEBAR ADS di Template Blogspot
* Cara Membuat Daftar Isi atau Sitemap
* Cara Mendapatkan Domain Gratis di CO.CC
* Membuat Menu Horizontal Drow Down dibawah Header
* Cara mendapatkan Hosting Gratis di 000webhost.com
* Membuat Website dengan Domain dan Hosting Gratisan
* Tips untuk mempopulerkan Blog Anda
* Blogger Sedang Gencar Menghapus Blog
* Cara Memasang Widget Top Komentator Pada Blogger
* Cara Menghilangkan WWW pada Setting Domain di Blogger
* Cara Membuat Navigasi Halaman
* Cara Membuat Tab View di Blog Anda
* Cara Mudah Membuat Banner Link
* Cara Setting Tampilan Admin di Kolom Komentar
* Award yang Ketiga
* Saya dapat Award yang Kedua
* Saya dapat Award yang ke Pertama
* Cara setting Related Post/Link Posting di Blogger
* Stop Dreaming Start Action
* Membuat Kolom Komentar dibawah Postingan
* Seberapa Beratkah Loading Blog Anda ?
* Trik Mempercepat Loading Blog anda
* Awards
Posting Kode HTML
Bookmark and Share
Posted by kwangkxz at 11:35 PM
Labels: Panduan Belajar Blog, Posting Kode HTML
0 comments:
Post a Comment
Links to this post
Create a Link
Newer Post Older Post Home
Diposkan oleh vhtrii di 00:43 0 komentar
Info Seputar Internet
readbud - get paid to read and rate articles
* HOME
* ChatNDate CND
* | ROKOK ELEKTRONIK
* | SHOUTBOX
* | TOPPULSA
skip to main | skip to sidebar
Selasa, 08 Juni 2010
CARA MENAMPILKAN KODE HTML PADA ARTIKEL
Diposkan oleh Basri Tamang di 03:24 Selasa, 08 Juni 2010
Label: Blogging di ponsel, Tips dan Trik
Mungkin masih ada diantara kita yang belum tau bagaimana caranya menampilkan kode HTML pada artikel di blog kita seperti ini :
English French German Spain
Italian Dutch Russian Brazil
Japanese Korean Arabic Chinese Simplified
Translate Widget by Google
Tinggalkan Komentar Anda
Masukkan Code ini K1-C41YY7-8
untuk berbelanja di KutuKutuBuku.com
My Followers
Pengunjung / Visitors
Free Hit Counter Visitor Tracker
Compteur gratuit pour site web ! Compteur gratuit pour site web !
Compteur gratuit pour site web ! Total : 46509
Compteur gratuit pour site web ! Today : 50
Compteur gratuit pour site web ! Live : 3
widget
free counters [Click to see how many people are online]
Site Meter
Cara Posting Kode HTML Pada Artikel
Monday, May 11, 2009
Satu artikel Panduan Belajar Blog yg sudah saya terapkan di blog ini adalah mengenai Cara Posting kode HTML pada Artikel.
Maksudnya apa ?
Begini, disaat saya ingin meningkatkan performance blog, saya melakukan Link Banner atau tukaran link dengan blogger yg lain, dimana sebelumnya saya membuat terlebih dahulu Banner dengan menggunakan Banner Maker Pro Ver 7. Sesudah itu simpan di Photobucket dan lalu ambil Script HTML nya.
Tapi saat saya menampilkan Kode tersebut, bukannya kode HTML yg keluar, tapi malah gambar bannernya (nah lho ?)
Ternyata ada 1 trik yg diperlukan setelah saya search di google (saya selalu melakukan cara ini bila ada yg tidak tahu), dan caranya adalah sebagai berikut :
Anda membutuhkan sebuah software untuk mengkonversi/mengubah kode Link Banner itu menjadi sebuah kode yang dapat dibaca dan bukan gambarnya.
Jika tidak, setiap kali kita memposting. Kode HTML-nya tidak akan muncul pada artikel. Misalnya kode < harus diganti dengan < dan kode < harus diganti dengan <
Berikut adalah cara untuk mengubah kode HTML menjadi kode yang dapat dibaca pada artikel:
1. Buka http://centricle.com/tools/html-entities/
2. Masukkan kode HTML yang mau ditampilkan pada artikel dalam kotak Centricle. Misalnya kode
.
ini contoh gambarnya :
3. Klik Encode.
Kemudian akan muncul kode baru seperti pada gambar dibawah ini.
4. Nah, gunakan kode baru tersebut untuk diposting pada artikel kamu.
Demikian Informasi Belajar Blog mengenai cara Posting Kode HTML pada Artikel,
Semoga bermanfaat..!!
Related Posts by Categories :
Panduan Belajar Blog
* Cara Membuat Button dalam Blogspot
* Cara Menambah Kolom Iklan Header ADS di Template Blogspot
* Cara Menambah Kolom Iklan SIDEBAR ADS di Template Blogspot
* Cara Membuat Daftar Isi atau Sitemap
* Cara Mendapatkan Domain Gratis di CO.CC
* Membuat Menu Horizontal Drow Down dibawah Header
* Cara mendapatkan Hosting Gratis di 000webhost.com
* Membuat Website dengan Domain dan Hosting Gratisan
* Tips untuk mempopulerkan Blog Anda
* Blogger Sedang Gencar Menghapus Blog
* Cara Memasang Widget Top Komentator Pada Blogger
* Cara Menghilangkan WWW pada Setting Domain di Blogger
* Cara Membuat Navigasi Halaman
* Cara Membuat Tab View di Blog Anda
* Cara Mudah Membuat Banner Link
* Cara Setting Tampilan Admin di Kolom Komentar
* Award yang Ketiga
* Saya dapat Award yang Kedua
* Saya dapat Award yang ke Pertama
* Cara setting Related Post/Link Posting di Blogger
* Stop Dreaming Start Action
* Membuat Kolom Komentar dibawah Postingan
* Seberapa Beratkah Loading Blog Anda ?
* Trik Mempercepat Loading Blog anda
* Awards
Posting Kode HTML
Bookmark and Share
Posted by kwangkxz at 11:35 PM
Labels: Panduan Belajar Blog, Posting Kode HTML
0 comments:
Post a Comment
Links to this post
Create a Link
Newer Post Older Post Home
Diposkan oleh vhtrii di 00:43 0 komentar
Info Seputar Internet
readbud - get paid to read and rate articles
* HOME
* ChatNDate CND
* | ROKOK ELEKTRONIK
* | SHOUTBOX
* | TOPPULSA
skip to main | skip to sidebar
Selasa, 08 Juni 2010
CARA MENAMPILKAN KODE HTML PADA ARTIKEL
Diposkan oleh Basri Tamang di 03:24 Selasa, 08 Juni 2010
Label: Blogging di ponsel, Tips dan Trik
Mungkin masih ada diantara kita yang belum tau bagaimana caranya menampilkan kode HTML pada artikel di blog kita seperti ini :
HTML
HTML - Belajar HTML yang merupakan dasar dari pembuatan website
* Icon Home HOME
* CATEGORY
o HTML
o XHTML (Web Standards)
o CSS (Cascading Stylesheet)
o PHP/MySQL
o Ajax
o Selingan
o Statistik Pengunjung Website
* ABOUT ME
Artikel HTML
* Home
o » HTML
+ » Belajar HTML yang merupakan dasar dari pembuatan website
Belajar HTML yang merupakan dasar dari pembuatan website
Oct 08 2007
Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Dibaca 48115 kali
Langsung lihat komentar
Ini merupakan artikel pertama yang saya tulis di website saya ini. Karena diwebsite ini saya akan membagi-bagikan ilmu apa aja tentang pembuatan website, maka kita pelajari biangnya dulu, dasar dari semua dasar pembuatan website yaitu HTML.
HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.
Suatu halaman website sebenarnya hanya sebuah halaman teks, jika anda menggunakan browser internet explorer dan anda mengklik view - source, maka anda dapat melihat teks dari web tersebut. Tetapi teks tersebut diterjemahkan oleh browser menjadi halaman website yang enak dilihat. Teks merupakan bahasa universal bagi komputer, yang berarti setiap dokumen teks (termasuk website) yang anda buat melalui Windows dapat dibaca di sistem perasi lain seperti Mac OS, Linux, Unix dan lainnya.
HTML dan hal-hal yang berkaitan dengan website distandarisasi oleh sebuah badan yang disebut World Wide Web Consortium (W3C). Standard terbaru, konsep dan proposal mengenai starndarisasi web dapat dilihat di http://www.w3.org. Standar untuk HTML terbaru adalah HTML 4.0 yang telah didukung oleh bermacam-macam browser seperti Microsoft Internet Explorer, Netscape Navigator, Opera, Mozilla, Safari dan masih banyak lagi. Browser menterjemahkan tag yang terdapat pada dokumen HTML. Kita akan segera membicarakan mengenai tag.
Suatu halaman web merupakan file teks yang berarti anda dapat membuatnya hanya dengan menggunakan notepad saja. Bahkan jika anda masih pertama kali mempelajari HTML, notepad merupakan alat yang tepat. Saya menyarankan untuk menggunakan editplus karena menurut saya enak aja dipakainya, tetapi anda bebas menggunakan teks editor lain.
Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.
Sekarang buka saja notepad anda dan kita mulai.
Kode HTML pertama
Buka notepad dan tuliskan kode dibawah ini
Hello World
Simpan file tersebut dengan nama hello.html didalam suatu folder (misal c:\webku) dan buka file HTML tersebut dengan browser kesukaan anda. Hasilnya seperti ini:
Hello World!!
Oke jadi apa yang dimaksud oleh "<" dan ">", ketika anda menuliskan sesuatu diantara tanda "<" dan ">" maka anda membuat sesuatu yang disebut dengan tag, kalau anda lihat dikamus bahasa inggris tag artinya tanda/label. Sebagai contoh tag maksudnya untuk memulai huruf tebal (bold) dan tag merupakan tag penutup untuk menghentikan huruf tebal.
Sebuah halaman HTML yang baik harus memiliki tag dan , tapi kita akan membicarakan masalah ini belakangan. Yang penting sekarang pahami dulu mengenai tag HTML. Sekarang akan kita pelajari lebih jauh mengenai tag HTML.
Tag HTML dibagi menjadi dua, yaitu tag HTML yang memiliki penutup (containers) atau yang berdiri sendiri (standalone).
Containers
Kebanyakan tag HTML adalah containers (kita sebut containers saja sebab sulit mencari terjemahannya dalam bahasa Indonesia) yang berarti tag tersebut memiliki pembuka (batas awal) dan penutup (batas akhir). Teks yang berada diantara tag pembuka dan penutup akan berubah sesuai dengan fungsi dari tag tersebut. Perhatikan contoh berikut:
Hello World!!
Hasil:
Hello World!!
Tag berguna untuk memiringkan teks (italic) tag memiliki penutup yaitu . Tag penutup selalu ditandai dengan "/". Contoh diatas terdapat teks World!! diantara tag pembuka dan tag penutup sehingga menghasilkan tulisan World!! yang miring. Tag pembuka memiliki atribut tetapi tag penutup tidak memiliki atribut.
Standalone Tag
Beberapa tag tidak memerlukan penutup sebab tag tersebut hanya berfungsi untuk menempatkan sebuah elemen pada halaman web. Sebagai contoh tag yang merupakan tag untuk memasang sebuah gambar didalam halaman web. Tag lain yang tidak memiliki penutup adalah
yang berguna untuk memberi jarak antar teks dan tag
untuk memberi garis. Tag HTML cukup banyak jumlahnya, anda dapat mencarinya dibuku-buku atau mencarinya melalui google untuk mengetahui apa saja jenis tag HTML. Tapi saya akan beritahu yangpenting-penting saja.
Atribut
Atribut dipasang didalam tag pembuka untuk menambahkan fungsi dari tag tersebut. Setiap tag memiliki beberapa atribut dan dipasang sesudah nama tag dibatasi oleh spasi. Urutan atribut tidak perlu diperhatikan. Kebanyakan atribut memiliki nilai yang dipanggil dengan menggunakan tanda "=" sesudah nama atribut. Bingung? coba kode berikut ini dijamin anda mengerti:
Hello face="verdana" size="2" color="red">World!!
Hasilnya:
Hello World!!
Tulisan World!! terletak ditengah tag nah tag memiliki atribut face, size dan color yang dapat anda ubah nilainya. Cobalah untuk mengubah ukuran (size) menjadi 3 atau jenis fontnya ubahlah dari verdana menjadi arial. Kira-kira seperti itu kegunaan atribut. Bagaimana? lanjut?
HTML Entity
Jika anda ingin menuliskan karakter khusus dalam web, maka anda perlu menulisnya menggunakan kode khusus. Kode khusus ini dikenal dengan istilah HTML entity. Sebagai contoh anda ingin menulis seperti ini:
Saya belajar web
Anda lihat ada jarak spasi antara belajar dan web. Anda tidak bisa membuat spasi dengan menekan tombol space bar berkali-kali. Meskipun pada kode HTML hasilnya terdapat jarak namun browser hanya membacanya sekali, jadi sebanyak apapun space bar yang tekan browser hanya membacanya satu spasi. Lalu bagaimana caranya? Spasi dalam HTML memiliki kode HTML entity yaitu jadi untuk membuat seperti contoh diatas anda perlu menulisnya seperti ini:
Saya belajar web
HTML entity selalu diawali dengan "&" dan diakhiri dengan ";" ada banyak sekali HTML entity anda dapat mencarinya, dan lagi-lagi saya akan menyuruh anda mencarinya sendiri melalui google.
Struktur Dokumen HTML
Tadi sudah saya katakan bahwa HTML yang baik memiliki tag dan . mendefiniskan bagian header dari dokumen HTML yang berisi informasi mengenai dokumen HTML tersebut. Tag tidak memiliki atribut tetapi memiliki container khusus didalam header seperti , , dan
bgcolor="#cccccc">
Hello World!!
Hasilnya didalam Microsoft Internet Explorer :
Contoh HTML dasar
Anda lihat teks yang berada diantara tag
Kira-kira seperti itu, ok anda telah mempelajari HTML, sekarang anda tinggal turun gunung dan mempraktekkan apa yang sudah dipelajari. Teruslah mencoba agar anda semakin ahli.
Simpan artikel ini ke: Digg it Del.icio.us Furl Reddit
Komentar [161]
1
Komentar Dikirim oleh chandra pada 27 Oktober 2007 09:41:20 WIB
kode navigation
2
Komentar Dikirim oleh Sulistyo pada 29 Oktober 2007 03:12:06 WIB
Assalamu'alaikum
saya pemula dalam html, bisakah saya mendapatkan artikel-artikel anda untuk saya pelajari di rumah karena saya harus ke warnet tiap kali membuka web anda. Jika berkenan mohon kirimkan artikel anda melalui e-mail saya : zilluz9walli@yahoo.com
sebelumnya saya ucapkan banyak terima kasih
Wassalamu'alaikum
3
Komentar Dikirim oleh Andi Reza pada 29 Oktober 2007 05:29:51 WIB
Assalamualaikum
wah..artikel yang sangat berguna bagi pemula seperti saya...minta tolong donk..kira2 server website yg pling mudah dipelajari tu situsnya apa ya???
dan kira2 berapa biaya perbulannya???
Kalo anda sendiri memakai server apa untuk buat web ini??keren banget....
tolong kirimkan saya info masalah ini ya..
ke : andi_salvo@yahoo.co.id
trims
4
Komentar Dikirim oleh Dhimas pada 30 Oktober 2007 07:57:30 WIB
to Sulistyo
hmmm, saya malah belum kepikiran untuk membuat artikel2 terebut keformat lain. Mungkin nanti suatu saat saya akan konvert semuanya ke pdf, tapi kalo artikelnya udah banyak. Btw saya juga kalo internet lewat warnet kok.
to Andi Reza
Saya hosting semua website saya make masterwebnet. Dulu masterwebnet bagus tapi sekarang mulai payah, layanan support ama billingnya mulai jelek. Kebanyakan pelanggan kali, tapi mau gimana lagi layanan hosting lainnya lebih parah. Mau yg bagus ya pake layanan hosting dari luar negri
5
Komentar Dikirim oleh priyo adhi nugroho pada 04 November 2007 06:57:37 WIB
ini bagus sekali buat pemula..
tapi ajarin saya dong ?!
tolong telepon saya 02199776192
6
Komentar Dikirim oleh derek pada 06 November 2007 10:32:07 WIB
Bagaimana pun, saya harus mengakui kebaikan dan Kelebihan bung DHIMAS RONGGO BRMANTYO dalam membagi pengetahuannya, karena hal ini sangat berguna bagi saya yang buta tehnologi ini.
Kalau semua orang mau seperti bung DIMAS, saya yakin istilah katrok tdk akan berlaku lagi.
salam hangat,
derek
7
Komentar Dikirim oleh agoes pada 07 November 2007 04:10:21 WIB
makasih tutorialnya,,,,aq sdh bs buat tabel mas, tapi waktu aku pasang jaraknya dari judul posting kok jauh ke bawah,...
8
Komentar Dikirim oleh frend pada 25 November 2007 04:45:31 WIB
saya msh bljar, bisa ksh cntoh web pribadi ngga ?
9
Komentar Dikirim oleh Ketut Wirdayasa pada 01 Desember 2007 08:47:54 WIB
Sdr Dhimas adalah guru web desiner saya yang membuat saya bisa membuat website. Walaupun pengetahuan saya membuat website belum sempurna tetapi sudah ada beberapa website yg telah saya buat : www.hindu-sumbar.net dan www.boatcharters-association.com dan www.kumbang-island.com tetapi saya belum puas sampai disini karena penampilan website saya penampilannya belum cantik.
10
Komentar Dikirim oleh daru pada 07 Desember 2007 08:36:32 WIB
ass
makasih mas atas informasinya yang bagus banget
saya ingin nanya apa aja sih keuntungun kita punya web dari segi materil dan non materil
tolong jawabanya yaa
ok
kirim ke daroee@yahoo.com
hantur nuhun
terima kasih banyak
11
Komentar Dikirim oleh hulla pada 17 Desember 2007 01:41:47 WIB
heloomas..wah..thankya atas tutor html..tapi ada yang aneh..ada g yang udah jd kaya web yang mas buat ni..ya pengen tau sih karna tugas.
12
Komentar Dikirim oleh Ajie pada 21 Desember 2007 01:55:01 WIB
Halluu Mas..Quw mo tanya,,gimana sich cara buat tulisan biar bisa berjalan dan kerlap-kerlip??yang saya tau cuma tulisan yang berjalan tapi yang formatnya Marquee & marquee behaivor=alternate...kalo yang lainya itu ada ga???sekalian minta contoh web site yang dibuat dari front page...
Ta tunggu jawabannya ya mass..
key
kirim aza ke Cah_futsal@yahoo.co.id
Thanx Before
13
Komentar Dikirim oleh hillda z pada 30 Desember 2007 02:47:46 WIB
mas tolong kirimin saya contoh notepad pembuatan web desain ke email saya ya,tolong ecepatnya cos mo ta pake disemester 2 ini.kalo ada dari berbagai program macromedia seperti dreamweaver,dll.
kirim aza ke hillda_joy14u@yahoo.com
thank's
14
Komentar Dikirim oleh Rukma pada 02 Januari 2008 03:29:19 WIB
Mas minta tolong donk... klo buat koneksiin form di dalem NOTEPAD codenya apaan...
contoh:
form page1 diisi, trus ... isinya ini nongol di page2 ...
ama code yg koneksi ke database juga ya...
sebelumnya tq
another.dayz@yahoo.co.id
15
Komentar Dikirim oleh zahra pada 09 Januari 2008 12:44:01 WIB
tengkyu
16
Komentar Dikirim oleh Panji pada 14 Januari 2008 10:07:43 WIB
mas saya masih pemula,bisa kasi contoh web pribadi??
kirim ke email saya..
Eka_panji_s@yahoo.com
17
Komentar Dikirim oleh riescha pada 16 Januari 2008 09:20:11 WIB
thanks bgt ya
tutorialnya berguna bgt
18
Komentar Dikirim oleh harryo pada 23 Januari 2008 01:07:30 WIB
mas tolong kirim contoh web pribadi ke e-mail gw y, bt tambah idea aza: sen_tan86@yahoo.com
thanks
19
Komentar Dikirim oleh udin pada 01 Februari 2008 02:50:51 WIB
Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.
emang harus gunakan program apa?
maklum msh newbie :">
20
Komentar Dikirim oleh Dhimas pada 09 Februari 2008 11:22:41 WIB
to Ajie
di html adanya marquee aja, kalo css bisa buat kelap kelip pake text-decoration:blink tapi gak jalan di IE, kalau mau kelap kelip paling bagus pake javascript.
to Hulla
hehehe apanya yang aneh, ini web juga saya buat pake dsar2 diatas + php/mysql + css + photoshop buat desain tamiplannya
to Rukma
koneksiin database ya pake php, mau proses form juga pake php, html tidak bisa memproses form.
to udin
pake program text editor, kayak editplus atau notepad++ atau notepad. Emang lebih sulit tapi nanti pasti lebih jago.
21
Komentar Dikirim oleh Coba Dong pada 16 Februari 2008 08:16:15 WIB
Bagaimana menentukan batas maksimum characters didalam cell seperti ini :
ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc maka cell akan semakin lebar
22
Komentar Dikirim oleh ie_cha pada 17 Februari 2008 03:47:09 WIB
Sebelumnya makasih atas informasinya!!
saya sedang mempelajarinya.
saya ko ga berhasil ya...hasil yang terlihat di internet explorer...bukan hasil yang diharapkan...malah seperti kode programnya. Apa yang salah ya?
trus klo mau diberi web banner yang sudah di edit di photoshop, caranya gimana ya...makasi
23
Komentar Dikirim oleh Bimakov pada 18 Februari 2008 11:46:41 WIB
@dhimas bedanya website dan web desain apa ya mas...hahah seng sabar mas!!big grin
24
Komentar Dikirim oleh Bimakov pada 18 Februari 2008 11:52:23 WIB
@UDIN ga perlu dihindari mas udin, saran saya pake frontpage/ Ms-expression emang lebih sederhana daripada Dreamweaver, tapi itu justru memudahkan.
kita kan tetep bisa utak-atik kode html dar situ atau klo mau pake notepad ya dari frontpage/xpression trus dikopi ke notepad trus dipelajari trus...trusss big grin =)) smile
25
Komentar Dikirim oleh krakra_krukru pada 20 Februari 2008 06:01:12 WIB
ThX ya Mas dah ngasih tau belajar html, jadi aku sekarang udah isa walapun sedikit-sedikit....
Mas klo punya artikel tentang html bilang ya mas!!!!!!!!!!
26
Komentar Dikirim oleh mpi pada 28 Februari 2008 03:15:10 WIB
apa ada cd software atau panduan mudah?
27
Komentar Dikirim oleh ahmad pada 24 Maret 2008 02:18:25 WIB
wah...keren Mas...Blog sama isinya..
amat bermanfaat....
jadi tambah semangat neh tuk belajar lbh banyak lagi
wassalam
http://ocehankoe.blogspot.com
28
Komentar Dikirim oleh sam nauli pada 29 Maret 2008 07:23:47 WIB
kalau bisa sih pembelajaran pembuatan web yang buat pemula juga di buat,saya rasa pembelajaran yang team ada buat sudah cukup jelas.
29
Komentar Dikirim oleh sopian pada 31 Maret 2008 12:38:35 WIB
mas makasih sekali neh udah buat web semacam ini .. udahbelajar walau masih dikit dikit .. mas bisa kirim artike buat saya .. utk belajar di rumah .. makasih mas kalo ada .. tolong mas
kirim ke kenetcarisetoran@gmail.com
30
Komentar Dikirim oleh Rahmad santoso pada 08 April 2008 02:04:49 WIB
terima kasih yach!!!!!!! kepada bapak yg telah membuat web ini yg menjelasan kan tentang html soalnya saya seorang pemula yg ingin belajar HTML tapi pada dasarnya saya nga' tau tapi setelah bapak jelasankan say suda mengerti . tapi say minta tolong!!!!!!!!!!!!!!!!! sekali kepada bapak agar berkenan menjelaskan lagi tentang cara membuat web dan cara dasar -dasar membuat web dan di kirim kealamat email saya . Tolong yach!!!!!!!!!!!!!! pak saya mohon pada bapak kirim ke emali saya ok!!!!!!!!!!
rahmad.gelo@gmail.com atau ke
rahmad.gelo@sctvnews.com
Tolong yach pak saya sangat berharap sekali
31
Komentar Dikirim oleh doez pada 09 April 2008 08:13:31 WIB
thank's
32
Komentar Dikirim oleh andra266 pada 09 April 2008 08:35:15 WIB
maacih y tp q minta yang dah jadi langsung dunk coz kan bisa di bandingin m pnya q jd pnya q bs lbh baik lagi..gitu
tankz y
33
Komentar Dikirim oleh agus pur pada 13 April 2008 12:09:26 WIB
mas mohon kiranya mas kirim artikel ini ke goesspoerr@gmail.com
34
Komentar Dikirim oleh parus pada 15 April 2008 03:57:47 WIB
apapun komentar kritik + ato -,,, ambil positif jgn pikir negatif... maz dhimas da ngasih yg terbaik untuk manusia yg mau maju belajar internet. Kalo iri lebih baik tuangkan ide positif dan keahlianmu untuk orang banyak. bukankah kita bisa belajar dari ilmu dari orang-orang terdahulu. ....
Saran untuk Maz Dhimas bagaimana jk antum mempertimbangkan bikin buku cara bikin web dari pemula hingga master ... moga-moga tercapai ...
35
Komentar Dikirim oleh aRIEL pada 16 April 2008 10:41:57 WIB
KALAU BISA lebih detail
36
Komentar Dikirim oleh DeLt_3G@yahoo.com pada 17 April 2008 08:32:06 WIB
tolong donk kasih tau formulanya biar cpet bisa html dan kasih tau juga situs apa yang paling bagus untuk belajar html dan pemrograman web lainnya......thnk
37
Komentar Dikirim oleh Agus Setia Budiawan pada 22 April 2008 12:04:37 WIB
Wa...mas terimakasih banyak nih atas artikelnya, kalo menggabungkan php kedalam html ada artikelnya ga mas?
kirimin saya ya mas...
email surprisedge152000@yahoo.com
thks
Agus
38
Komentar Dikirim oleh abdulloh pada 22 April 2008 03:33:13 WIB
mudah-mudah gampang bikin website. Saya ini sudah beberapa lama mempelajari tentang Tutorial website. apakah untuk mempraktekan apa yang kita kerjakan harus online atau cukup dengan komputer saja. tolong penjelasannya dan ini alamat Email saya dan mohon izin untuk mencoba tutorial ini.
abdulabdullloh@yahoo.co.i
(ralat email)
39
Komentar Dikirim oleh abie fanesa pada 25 April 2008 11:22:44 WIB
Saya benar2 gak ngerti cara membuat html tolong sekalian di tampilkan gambar2nya dong agar dpt mempraktekkan langsung
sebelumnya saya ucapkan terima kasih.
wassalam
abie fanesa
www.digebrine@yahoo.co.id
40
Komentar Dikirim oleh limneo pada 29 April 2008 12:59:46 WIB
terimakasih banyak, hebat sekali artikel HTMLnya
jadi lebih bisa ngerti tentang HTML & bisa Mempraktekanya
makasih banyak
41
Komentar Dikirim oleh nilakresna ayu pada 30 April 2008 09:05:55 WIB
thanxs banget atas materi-materinya.. Q jadi bisa belajar HTML dengan mudah dan mengikuti pelajaranpun dengan enjoy.. thanxs ya???? tambahin lagi dong materi-materinya....
by:nak\" mULti media pwt
42
Komentar Dikirim oleh siwu pada 15 Mei 2008 12:45:51 WIB
makasich ya...materinya....
q jadi banyak belajar darinya...he..he....
43
Komentar Dikirim oleh arif taufiq pada 26 Mei 2008 01:51:21 WIB
terimaksih mass dan saya bisa berlangganan kalo mau belajar tentang html maas.....terimaksih atas semua postingan nya yaa terimaksih wassalam....
44
Komentar Dikirim oleh Firman_FM_84 pada 27 Mei 2008 09:42:55 WIB
Thanx infonya...
ini berarti bgt buat saya..coz bisa nambah inspirasi n imajinasi saya dalam Meng- update + Upgrade otak saya, coz otak saya udah korslet....(g\' nyambung ya...) hee.... pokokna thanx bgt dah....kl bisa yang lebih komplet ya....
45
Komentar Dikirim oleh Masim man pada 02 Juni 2008 02:22:10 WIB
Thanks atas tutorial htmlnya yang komplit.
Sangat berguna sekali bagi pemula seperti saya.
Btw, iseng2 ngeklik valid xhtml ada yang error boss.
Thanks,
Masimnet.awardspace.com
46
Komentar Dikirim oleh adit pada 03 Juni 2008 09:45:56 WIB
adit pemula dalam hal html tolong dong kirim artikel dasar2 dan contoh2 program Html yg kategorinya sedang aja dulu ke adit.upi05@gmail.com
di tunggu ya bang....
makasih untuk sebelumnya
47
Komentar Dikirim oleh nurul huda pada 09 Juni 2008 02:27:57 WIB
assalamualaikum
terimah kasih banyak kepada yang membuat artikel ini,karena sangat bermanfaat kepada pemula seperti saya
48
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:06:56 WIB
bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak
49
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:07:30 WIB
bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak
50
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:08:19 WIB
bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak
kitim ke email saya,,
ilmy.delta@yahoo.co.id
51
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:08:28 WIB
bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak
kitim ke email saya,,
ilmy.delta@yahoo.co.id
52
Komentar Dikirim oleh myrna pada 15 Juni 2008 07:55:40 WIB
saya senang dan puas dengan penjelasannya karena mdh dimengerti,tapi gmn cara supaya websitenya terkoneksi di internet.trims
53
Komentar Dikirim oleh myrna pada 15 Juni 2008 07:58:38 WIB
saya senang dan puas denagn penjelasan-y karena mdh dimengerti,tapi gmn cara supaya website yg kita buat bisa terkoneksi di internet,tolong kirim ke email saya di:
fausta_mirna@yahoo.co.id
54
Komentar Dikirim oleh iwan_karman@yahoo.co.id pada 19 Juni 2008 11:56:14 WIB
trims.. atas petunjuknya kalau dicoba semuanya masih mumet tapi yang paling terkesan cara menempel gambar yang kita ambil dari dokument dll. masih terlalu singkat .. mohon uraian yang sejelas-jelasnya.
Demikian agar maklum
Rantau Prapat.
55
Komentar Dikirim oleh fahrizal pada 21 Juni 2008 02:08:01 WIB
Mas,,,saya udah baca semua tutorial mas...
Mas aku udah coba bikin HTML dan PHP dan aku masih bingung dengan letak penyimpanan dan nama penyimpanannya... mohon di balas lewat email saya ya mas,,,aku tunggu balasanya ya mas..
david_keok@yahoo.co.id
Komentar saya tentang tutorial yg mas bikin sangat bagus buat pemulah seperti saya....terimah kasih banyak ya mas...
Salam kenal dari aku fahrizal......?????
56
Komentar Dikirim oleh arkhanis pada 27 Juni 2008 08:34:46 WIB
hehe.. makasih ya
bacanya asyik loh
tapi semua jawaban dibalas via email ya?
reikoakatsuki@yahoo.com
57
Komentar Dikirim oleh hanung pada 15 Juli 2008 11:25:27 WIB
mas dhimas, thanks banget nih tutorialnya. Aku jadi mengerti untuk membuat text html dalam membuat website. Aku baru banget mau belajar, tertarik & semangat untuk belajar.
Kalo untuk background colour itu kan pake code, seperti : FFFF... atau C0C0... dsb, tahunya darimana ya untuk warna yang lainnya. Tolong diberitahu ya mas. Thanks banget. Sukses terus buat mas dhimas.
hanung_p_w@yahoo.co.id
58
Komentar Dikirim oleh adi pada 19 Juli 2008 10:45:41 WIB
Setelah kita menulis kode kode program pada notepad bagaiman cara melihat hasilnya?
Mohon penjelasannya dan terimakasi semoga ALLAH memberi pahala atas ilmu yang manfaat.
untung_terus78@yahoo.co.id
59
Komentar Dikirim oleh ali ilham akbar pada 21 Juli 2008 02:28:39 WIB
tolong barikan contoh pembuatan website dengan format HTML, mengenai pendaftaran calon siswa untuk sebuah sekolah
60
Komentar Dikirim oleh indra caturiyanto pada 21 Juli 2008 03:56:45 WIB
saya tertarik membaca artikel ini, sebagai pemula saya ingin belajar membuat web desain sendiri.. tolong bantu saya.. kalau saya harus ke warnet bolak balik menghabiskan biaya yang tidak sedikit.. bisakan anda mengirim artikel anda ke alamat indra.graphic@gmail.com .. THK banyak
61
Komentar Dikirim oleh Dhimas Ronggobramantyo pada 22 Juli 2008 02:12:02 WIB
@parus
Wah saya gak bakat nulis2, apalagi nulis buku, jadi liat langsung aja diweb ini.
@Agus Setia Budiawan
Cukup sisipkan kode php nya kedalam file html terus jangan lupa diubah file .html ke .php
@Masim man
Hehehe untuk halaman ini saya udah nyerah buat jadi valid, soalnya isinya contoh2 html jelas nggak valid di xhtml
@myrna
Beli domain dan hosting, terus filenya simpen dihostingya
@hanung
Itu namanya hexadecimal color, bisa dilihat diphotoshop. Atau kalau mau yang online lihat di http://www.colorschemer.com/online.html
@adi
Buka filenya pakai browser.
62
Komentar Dikirim oleh sukma wijaya pada 03 Agustus 2008 10:01:58 WIB
artikel ini sangat bagus...
saya ikut terbantu dengan adanya artikel ini..
terima kasih banyak y..
63
Komentar Dikirim oleh M Rudi pada 05 Agustus 2008 04:47:11 WIB
makasih buat artikel'y berguna bangt buat aku
eh kalo bisa aku minta latihan2 pembutan web dengan HTML.............................
Kirijm aja ke rudi_22mei@yahoo.co.id
maksih
64
Komentar Dikirim oleh p@cul pada 09 Agustus 2008 11:37:34 WIB
thanks very much banget deh
65
Komentar Dikirim oleh naben_raj pada 12 Agustus 2008 09:58:49 WIB
saya senang sekali belajar tutorialhtml di web ini,karena saya lihat tidak terlalu susah untuk dicerna buat pemula.
kalo boleh saran,kasih tutorial php nya juga dong kak.
email saya:naben_raj2007@yahoo.com
thx alot
66
Komentar Dikirim oleh jhunae pada 17 Agustus 2008 03:12:02 WIB
bang da gk artikel php lengkap dengan fungisi nya
terus klo bisa
kirim tutorial nya ke jun_yudy@yahoo.co.id
oya macam alpikasi apa aj ya
* Icon Home HOME
* CATEGORY
o HTML
o XHTML (Web Standards)
o CSS (Cascading Stylesheet)
o PHP/MySQL
o Ajax
o Selingan
o Statistik Pengunjung Website
* ABOUT ME
Artikel HTML
* Home
o » HTML
+ » Belajar HTML yang merupakan dasar dari pembuatan website
Belajar HTML yang merupakan dasar dari pembuatan website
Oct 08 2007
Ditulis oleh Dhimas Ronggobramantyo
Kategori: HTML
Dibaca 48115 kali
Langsung lihat komentar
Ini merupakan artikel pertama yang saya tulis di website saya ini. Karena diwebsite ini saya akan membagi-bagikan ilmu apa aja tentang pembuatan website, maka kita pelajari biangnya dulu, dasar dari semua dasar pembuatan website yaitu HTML.
HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.
Suatu halaman website sebenarnya hanya sebuah halaman teks, jika anda menggunakan browser internet explorer dan anda mengklik view - source, maka anda dapat melihat teks dari web tersebut. Tetapi teks tersebut diterjemahkan oleh browser menjadi halaman website yang enak dilihat. Teks merupakan bahasa universal bagi komputer, yang berarti setiap dokumen teks (termasuk website) yang anda buat melalui Windows dapat dibaca di sistem perasi lain seperti Mac OS, Linux, Unix dan lainnya.
HTML dan hal-hal yang berkaitan dengan website distandarisasi oleh sebuah badan yang disebut World Wide Web Consortium (W3C). Standard terbaru, konsep dan proposal mengenai starndarisasi web dapat dilihat di http://www.w3.org. Standar untuk HTML terbaru adalah HTML 4.0 yang telah didukung oleh bermacam-macam browser seperti Microsoft Internet Explorer, Netscape Navigator, Opera, Mozilla, Safari dan masih banyak lagi. Browser menterjemahkan tag yang terdapat pada dokumen HTML. Kita akan segera membicarakan mengenai tag.
Suatu halaman web merupakan file teks yang berarti anda dapat membuatnya hanya dengan menggunakan notepad saja. Bahkan jika anda masih pertama kali mempelajari HTML, notepad merupakan alat yang tepat. Saya menyarankan untuk menggunakan editplus karena menurut saya enak aja dipakainya, tetapi anda bebas menggunakan teks editor lain.
Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.
Sekarang buka saja notepad anda dan kita mulai.
Kode HTML pertama
Buka notepad dan tuliskan kode dibawah ini
Hello World
Simpan file tersebut dengan nama hello.html didalam suatu folder (misal c:\webku) dan buka file HTML tersebut dengan browser kesukaan anda. Hasilnya seperti ini:
Hello World!!
Oke jadi apa yang dimaksud oleh "<" dan ">", ketika anda menuliskan sesuatu diantara tanda "<" dan ">" maka anda membuat sesuatu yang disebut dengan tag, kalau anda lihat dikamus bahasa inggris tag artinya tanda/label. Sebagai contoh tag maksudnya untuk memulai huruf tebal (bold) dan tag merupakan tag penutup untuk menghentikan huruf tebal.
Sebuah halaman HTML yang baik harus memiliki tag dan , tapi kita akan membicarakan masalah ini belakangan. Yang penting sekarang pahami dulu mengenai tag HTML. Sekarang akan kita pelajari lebih jauh mengenai tag HTML.
Tag HTML dibagi menjadi dua, yaitu tag HTML yang memiliki penutup (containers) atau yang berdiri sendiri (standalone).
Containers
Kebanyakan tag HTML adalah containers (kita sebut containers saja sebab sulit mencari terjemahannya dalam bahasa Indonesia) yang berarti tag tersebut memiliki pembuka (batas awal) dan penutup (batas akhir). Teks yang berada diantara tag pembuka dan penutup akan berubah sesuai dengan fungsi dari tag tersebut. Perhatikan contoh berikut:
Hello World!!
Hasil:
Hello World!!
Tag berguna untuk memiringkan teks (italic) tag memiliki penutup yaitu . Tag penutup selalu ditandai dengan "/". Contoh diatas terdapat teks World!! diantara tag pembuka dan tag penutup sehingga menghasilkan tulisan World!! yang miring. Tag pembuka memiliki atribut tetapi tag penutup tidak memiliki atribut.
Standalone Tag
Beberapa tag tidak memerlukan penutup sebab tag tersebut hanya berfungsi untuk menempatkan sebuah elemen pada halaman web. Sebagai contoh tag yang merupakan tag untuk memasang sebuah gambar didalam halaman web. Tag lain yang tidak memiliki penutup adalah
yang berguna untuk memberi jarak antar teks dan tag
untuk memberi garis. Tag HTML cukup banyak jumlahnya, anda dapat mencarinya dibuku-buku atau mencarinya melalui google untuk mengetahui apa saja jenis tag HTML. Tapi saya akan beritahu yangpenting-penting saja.
Atribut
Atribut dipasang didalam tag pembuka untuk menambahkan fungsi dari tag tersebut. Setiap tag memiliki beberapa atribut dan dipasang sesudah nama tag dibatasi oleh spasi. Urutan atribut tidak perlu diperhatikan. Kebanyakan atribut memiliki nilai yang dipanggil dengan menggunakan tanda "=" sesudah nama atribut. Bingung? coba kode berikut ini dijamin anda mengerti:
Hello face="verdana" size="2" color="red">World!!
Hasilnya:
Hello World!!
Tulisan World!! terletak ditengah tag nah tag memiliki atribut face, size dan color yang dapat anda ubah nilainya. Cobalah untuk mengubah ukuran (size) menjadi 3 atau jenis fontnya ubahlah dari verdana menjadi arial. Kira-kira seperti itu kegunaan atribut. Bagaimana? lanjut?
HTML Entity
Jika anda ingin menuliskan karakter khusus dalam web, maka anda perlu menulisnya menggunakan kode khusus. Kode khusus ini dikenal dengan istilah HTML entity. Sebagai contoh anda ingin menulis seperti ini:
Saya belajar web
Anda lihat ada jarak spasi antara belajar dan web. Anda tidak bisa membuat spasi dengan menekan tombol space bar berkali-kali. Meskipun pada kode HTML hasilnya terdapat jarak namun browser hanya membacanya sekali, jadi sebanyak apapun space bar yang tekan browser hanya membacanya satu spasi. Lalu bagaimana caranya? Spasi dalam HTML memiliki kode HTML entity yaitu jadi untuk membuat seperti contoh diatas anda perlu menulisnya seperti ini:
Saya belajar web
HTML entity selalu diawali dengan "&" dan diakhiri dengan ";" ada banyak sekali HTML entity anda dapat mencarinya, dan lagi-lagi saya akan menyuruh anda mencarinya sendiri melalui google.
Struktur Dokumen HTML
Tadi sudah saya katakan bahwa HTML yang baik memiliki tag dan . mendefiniskan bagian header dari dokumen HTML yang berisi informasi mengenai dokumen HTML tersebut. Tag tidak memiliki atribut tetapi memiliki container khusus didalam header seperti , , dan
bgcolor="#cccccc">
Hello World!!
Hasilnya didalam Microsoft Internet Explorer :
Contoh HTML dasar
Anda lihat teks yang berada diantara tag
Kira-kira seperti itu, ok anda telah mempelajari HTML, sekarang anda tinggal turun gunung dan mempraktekkan apa yang sudah dipelajari. Teruslah mencoba agar anda semakin ahli.
Simpan artikel ini ke: Digg it Del.icio.us Furl Reddit
Komentar [161]
1
Komentar Dikirim oleh chandra pada 27 Oktober 2007 09:41:20 WIB
kode navigation
2
Komentar Dikirim oleh Sulistyo pada 29 Oktober 2007 03:12:06 WIB
Assalamu'alaikum
saya pemula dalam html, bisakah saya mendapatkan artikel-artikel anda untuk saya pelajari di rumah karena saya harus ke warnet tiap kali membuka web anda. Jika berkenan mohon kirimkan artikel anda melalui e-mail saya : zilluz9walli@yahoo.com
sebelumnya saya ucapkan banyak terima kasih
Wassalamu'alaikum
3
Komentar Dikirim oleh Andi Reza pada 29 Oktober 2007 05:29:51 WIB
Assalamualaikum
wah..artikel yang sangat berguna bagi pemula seperti saya...minta tolong donk..kira2 server website yg pling mudah dipelajari tu situsnya apa ya???
dan kira2 berapa biaya perbulannya???
Kalo anda sendiri memakai server apa untuk buat web ini??keren banget....
tolong kirimkan saya info masalah ini ya..
ke : andi_salvo@yahoo.co.id
trims
4
Komentar Dikirim oleh Dhimas pada 30 Oktober 2007 07:57:30 WIB
to Sulistyo
hmmm, saya malah belum kepikiran untuk membuat artikel2 terebut keformat lain. Mungkin nanti suatu saat saya akan konvert semuanya ke pdf, tapi kalo artikelnya udah banyak. Btw saya juga kalo internet lewat warnet kok.
to Andi Reza
Saya hosting semua website saya make masterwebnet. Dulu masterwebnet bagus tapi sekarang mulai payah, layanan support ama billingnya mulai jelek. Kebanyakan pelanggan kali, tapi mau gimana lagi layanan hosting lainnya lebih parah. Mau yg bagus ya pake layanan hosting dari luar negri
5
Komentar Dikirim oleh priyo adhi nugroho pada 04 November 2007 06:57:37 WIB
ini bagus sekali buat pemula..
tapi ajarin saya dong ?!
tolong telepon saya 02199776192
6
Komentar Dikirim oleh derek pada 06 November 2007 10:32:07 WIB
Bagaimana pun, saya harus mengakui kebaikan dan Kelebihan bung DHIMAS RONGGO BRMANTYO dalam membagi pengetahuannya, karena hal ini sangat berguna bagi saya yang buta tehnologi ini.
Kalau semua orang mau seperti bung DIMAS, saya yakin istilah katrok tdk akan berlaku lagi.
salam hangat,
derek
7
Komentar Dikirim oleh agoes pada 07 November 2007 04:10:21 WIB
makasih tutorialnya,,,,aq sdh bs buat tabel mas, tapi waktu aku pasang jaraknya dari judul posting kok jauh ke bawah,...
8
Komentar Dikirim oleh frend pada 25 November 2007 04:45:31 WIB
saya msh bljar, bisa ksh cntoh web pribadi ngga ?
9
Komentar Dikirim oleh Ketut Wirdayasa pada 01 Desember 2007 08:47:54 WIB
Sdr Dhimas adalah guru web desiner saya yang membuat saya bisa membuat website. Walaupun pengetahuan saya membuat website belum sempurna tetapi sudah ada beberapa website yg telah saya buat : www.hindu-sumbar.net dan www.boatcharters-association.com dan www.kumbang-island.com tetapi saya belum puas sampai disini karena penampilan website saya penampilannya belum cantik.
10
Komentar Dikirim oleh daru pada 07 Desember 2007 08:36:32 WIB
ass
makasih mas atas informasinya yang bagus banget
saya ingin nanya apa aja sih keuntungun kita punya web dari segi materil dan non materil
tolong jawabanya yaa
ok
kirim ke daroee@yahoo.com
hantur nuhun
terima kasih banyak
11
Komentar Dikirim oleh hulla pada 17 Desember 2007 01:41:47 WIB
heloomas..wah..thankya atas tutor html..tapi ada yang aneh..ada g yang udah jd kaya web yang mas buat ni..ya pengen tau sih karna tugas.
12
Komentar Dikirim oleh Ajie pada 21 Desember 2007 01:55:01 WIB
Halluu Mas..Quw mo tanya,,gimana sich cara buat tulisan biar bisa berjalan dan kerlap-kerlip??yang saya tau cuma tulisan yang berjalan tapi yang formatnya Marquee & marquee behaivor=alternate...kalo yang lainya itu ada ga???sekalian minta contoh web site yang dibuat dari front page...
Ta tunggu jawabannya ya mass..
key
kirim aza ke Cah_futsal@yahoo.co.id
Thanx Before
13
Komentar Dikirim oleh hillda z pada 30 Desember 2007 02:47:46 WIB
mas tolong kirimin saya contoh notepad pembuatan web desain ke email saya ya,tolong ecepatnya cos mo ta pake disemester 2 ini.kalo ada dari berbagai program macromedia seperti dreamweaver,dll.
kirim aza ke hillda_joy14u@yahoo.com
thank's
14
Komentar Dikirim oleh Rukma pada 02 Januari 2008 03:29:19 WIB
Mas minta tolong donk... klo buat koneksiin form di dalem NOTEPAD codenya apaan...
contoh:
form page1 diisi, trus ... isinya ini nongol di page2 ...
ama code yg koneksi ke database juga ya...
sebelumnya tq
another.dayz@yahoo.co.id
15
Komentar Dikirim oleh zahra pada 09 Januari 2008 12:44:01 WIB
tengkyu
16
Komentar Dikirim oleh Panji pada 14 Januari 2008 10:07:43 WIB
mas saya masih pemula,bisa kasi contoh web pribadi??
kirim ke email saya..
Eka_panji_s@yahoo.com
17
Komentar Dikirim oleh riescha pada 16 Januari 2008 09:20:11 WIB
thanks bgt ya
tutorialnya berguna bgt
18
Komentar Dikirim oleh harryo pada 23 Januari 2008 01:07:30 WIB
mas tolong kirim contoh web pribadi ke e-mail gw y, bt tambah idea aza: sen_tan86@yahoo.com
thanks
19
Komentar Dikirim oleh udin pada 01 Februari 2008 02:50:51 WIB
Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.
emang harus gunakan program apa?
maklum msh newbie :">
20
Komentar Dikirim oleh Dhimas pada 09 Februari 2008 11:22:41 WIB
to Ajie
di html adanya marquee aja, kalo css bisa buat kelap kelip pake text-decoration:blink tapi gak jalan di IE, kalau mau kelap kelip paling bagus pake javascript.
to Hulla
hehehe apanya yang aneh, ini web juga saya buat pake dsar2 diatas + php/mysql + css + photoshop buat desain tamiplannya
to Rukma
koneksiin database ya pake php, mau proses form juga pake php, html tidak bisa memproses form.
to udin
pake program text editor, kayak editplus atau notepad++ atau notepad. Emang lebih sulit tapi nanti pasti lebih jago.
21
Komentar Dikirim oleh Coba Dong pada 16 Februari 2008 08:16:15 WIB
Bagaimana menentukan batas maksimum characters didalam cell seperti ini :
ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc maka cell akan semakin lebar
22
Komentar Dikirim oleh ie_cha pada 17 Februari 2008 03:47:09 WIB
Sebelumnya makasih atas informasinya!!
saya sedang mempelajarinya.
saya ko ga berhasil ya...hasil yang terlihat di internet explorer...bukan hasil yang diharapkan...malah seperti kode programnya. Apa yang salah ya?
trus klo mau diberi web banner yang sudah di edit di photoshop, caranya gimana ya...makasi
23
Komentar Dikirim oleh Bimakov pada 18 Februari 2008 11:46:41 WIB
@dhimas bedanya website dan web desain apa ya mas...hahah seng sabar mas!!big grin
24
Komentar Dikirim oleh Bimakov pada 18 Februari 2008 11:52:23 WIB
@UDIN ga perlu dihindari mas udin, saran saya pake frontpage/ Ms-expression emang lebih sederhana daripada Dreamweaver, tapi itu justru memudahkan.
kita kan tetep bisa utak-atik kode html dar situ atau klo mau pake notepad ya dari frontpage/xpression trus dikopi ke notepad trus dipelajari trus...trusss big grin =)) smile
25
Komentar Dikirim oleh krakra_krukru pada 20 Februari 2008 06:01:12 WIB
ThX ya Mas dah ngasih tau belajar html, jadi aku sekarang udah isa walapun sedikit-sedikit....
Mas klo punya artikel tentang html bilang ya mas!!!!!!!!!!
26
Komentar Dikirim oleh mpi pada 28 Februari 2008 03:15:10 WIB
apa ada cd software atau panduan mudah?
27
Komentar Dikirim oleh ahmad pada 24 Maret 2008 02:18:25 WIB
wah...keren Mas...Blog sama isinya..
amat bermanfaat....
jadi tambah semangat neh tuk belajar lbh banyak lagi
wassalam
http://ocehankoe.blogspot.com
28
Komentar Dikirim oleh sam nauli pada 29 Maret 2008 07:23:47 WIB
kalau bisa sih pembelajaran pembuatan web yang buat pemula juga di buat,saya rasa pembelajaran yang team ada buat sudah cukup jelas.
29
Komentar Dikirim oleh sopian pada 31 Maret 2008 12:38:35 WIB
mas makasih sekali neh udah buat web semacam ini .. udahbelajar walau masih dikit dikit .. mas bisa kirim artike buat saya .. utk belajar di rumah .. makasih mas kalo ada .. tolong mas
kirim ke kenetcarisetoran@gmail.com
30
Komentar Dikirim oleh Rahmad santoso pada 08 April 2008 02:04:49 WIB
terima kasih yach!!!!!!! kepada bapak yg telah membuat web ini yg menjelasan kan tentang html soalnya saya seorang pemula yg ingin belajar HTML tapi pada dasarnya saya nga' tau tapi setelah bapak jelasankan say suda mengerti . tapi say minta tolong!!!!!!!!!!!!!!!!! sekali kepada bapak agar berkenan menjelaskan lagi tentang cara membuat web dan cara dasar -dasar membuat web dan di kirim kealamat email saya . Tolong yach!!!!!!!!!!!!!! pak saya mohon pada bapak kirim ke emali saya ok!!!!!!!!!!
rahmad.gelo@gmail.com atau ke
rahmad.gelo@sctvnews.com
Tolong yach pak saya sangat berharap sekali
31
Komentar Dikirim oleh doez pada 09 April 2008 08:13:31 WIB
thank's
32
Komentar Dikirim oleh andra266 pada 09 April 2008 08:35:15 WIB
maacih y tp q minta yang dah jadi langsung dunk coz kan bisa di bandingin m pnya q jd pnya q bs lbh baik lagi..gitu
tankz y
33
Komentar Dikirim oleh agus pur pada 13 April 2008 12:09:26 WIB
mas mohon kiranya mas kirim artikel ini ke goesspoerr@gmail.com
34
Komentar Dikirim oleh parus pada 15 April 2008 03:57:47 WIB
apapun komentar kritik + ato -,,, ambil positif jgn pikir negatif... maz dhimas da ngasih yg terbaik untuk manusia yg mau maju belajar internet. Kalo iri lebih baik tuangkan ide positif dan keahlianmu untuk orang banyak. bukankah kita bisa belajar dari ilmu dari orang-orang terdahulu. ....
Saran untuk Maz Dhimas bagaimana jk antum mempertimbangkan bikin buku cara bikin web dari pemula hingga master ... moga-moga tercapai ...
35
Komentar Dikirim oleh aRIEL pada 16 April 2008 10:41:57 WIB
KALAU BISA lebih detail
36
Komentar Dikirim oleh DeLt_3G@yahoo.com pada 17 April 2008 08:32:06 WIB
tolong donk kasih tau formulanya biar cpet bisa html dan kasih tau juga situs apa yang paling bagus untuk belajar html dan pemrograman web lainnya......thnk
37
Komentar Dikirim oleh Agus Setia Budiawan pada 22 April 2008 12:04:37 WIB
Wa...mas terimakasih banyak nih atas artikelnya, kalo menggabungkan php kedalam html ada artikelnya ga mas?
kirimin saya ya mas...
email surprisedge152000@yahoo.com
thks
Agus
38
Komentar Dikirim oleh abdulloh pada 22 April 2008 03:33:13 WIB
mudah-mudah gampang bikin website. Saya ini sudah beberapa lama mempelajari tentang Tutorial website. apakah untuk mempraktekan apa yang kita kerjakan harus online atau cukup dengan komputer saja. tolong penjelasannya dan ini alamat Email saya dan mohon izin untuk mencoba tutorial ini.
abdulabdullloh@yahoo.co.i
(ralat email)
39
Komentar Dikirim oleh abie fanesa pada 25 April 2008 11:22:44 WIB
Saya benar2 gak ngerti cara membuat html tolong sekalian di tampilkan gambar2nya dong agar dpt mempraktekkan langsung
sebelumnya saya ucapkan terima kasih.
wassalam
abie fanesa
www.digebrine@yahoo.co.id
40
Komentar Dikirim oleh limneo pada 29 April 2008 12:59:46 WIB
terimakasih banyak, hebat sekali artikel HTMLnya
jadi lebih bisa ngerti tentang HTML & bisa Mempraktekanya
makasih banyak
41
Komentar Dikirim oleh nilakresna ayu pada 30 April 2008 09:05:55 WIB
thanxs banget atas materi-materinya.. Q jadi bisa belajar HTML dengan mudah dan mengikuti pelajaranpun dengan enjoy.. thanxs ya???? tambahin lagi dong materi-materinya....
by:nak\" mULti media pwt
42
Komentar Dikirim oleh siwu pada 15 Mei 2008 12:45:51 WIB
makasich ya...materinya....
q jadi banyak belajar darinya...he..he....
43
Komentar Dikirim oleh arif taufiq pada 26 Mei 2008 01:51:21 WIB
terimaksih mass dan saya bisa berlangganan kalo mau belajar tentang html maas.....terimaksih atas semua postingan nya yaa terimaksih wassalam....
44
Komentar Dikirim oleh Firman_FM_84 pada 27 Mei 2008 09:42:55 WIB
Thanx infonya...
ini berarti bgt buat saya..coz bisa nambah inspirasi n imajinasi saya dalam Meng- update + Upgrade otak saya, coz otak saya udah korslet....(g\' nyambung ya...) hee.... pokokna thanx bgt dah....kl bisa yang lebih komplet ya....
45
Komentar Dikirim oleh Masim man pada 02 Juni 2008 02:22:10 WIB
Thanks atas tutorial htmlnya yang komplit.
Sangat berguna sekali bagi pemula seperti saya.
Btw, iseng2 ngeklik valid xhtml ada yang error boss.
Thanks,
Masimnet.awardspace.com
46
Komentar Dikirim oleh adit pada 03 Juni 2008 09:45:56 WIB
adit pemula dalam hal html tolong dong kirim artikel dasar2 dan contoh2 program Html yg kategorinya sedang aja dulu ke adit.upi05@gmail.com
di tunggu ya bang....
makasih untuk sebelumnya
47
Komentar Dikirim oleh nurul huda pada 09 Juni 2008 02:27:57 WIB
assalamualaikum
terimah kasih banyak kepada yang membuat artikel ini,karena sangat bermanfaat kepada pemula seperti saya
48
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:06:56 WIB
bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak
49
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:07:30 WIB
bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak
50
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:08:19 WIB
bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak
kitim ke email saya,,
ilmy.delta@yahoo.co.id
51
Komentar Dikirim oleh ilmy pada 15 Juni 2008 04:08:28 WIB
bagus juga untuk belajar dasar HTML,,
ada contoh lagi nggak
kitim ke email saya,,
ilmy.delta@yahoo.co.id
52
Komentar Dikirim oleh myrna pada 15 Juni 2008 07:55:40 WIB
saya senang dan puas dengan penjelasannya karena mdh dimengerti,tapi gmn cara supaya websitenya terkoneksi di internet.trims
53
Komentar Dikirim oleh myrna pada 15 Juni 2008 07:58:38 WIB
saya senang dan puas denagn penjelasan-y karena mdh dimengerti,tapi gmn cara supaya website yg kita buat bisa terkoneksi di internet,tolong kirim ke email saya di:
fausta_mirna@yahoo.co.id
54
Komentar Dikirim oleh iwan_karman@yahoo.co.id pada 19 Juni 2008 11:56:14 WIB
trims.. atas petunjuknya kalau dicoba semuanya masih mumet tapi yang paling terkesan cara menempel gambar yang kita ambil dari dokument dll. masih terlalu singkat .. mohon uraian yang sejelas-jelasnya.
Demikian agar maklum
Rantau Prapat.
55
Komentar Dikirim oleh fahrizal pada 21 Juni 2008 02:08:01 WIB
Mas,,,saya udah baca semua tutorial mas...
Mas aku udah coba bikin HTML dan PHP dan aku masih bingung dengan letak penyimpanan dan nama penyimpanannya... mohon di balas lewat email saya ya mas,,,aku tunggu balasanya ya mas..
david_keok@yahoo.co.id
Komentar saya tentang tutorial yg mas bikin sangat bagus buat pemulah seperti saya....terimah kasih banyak ya mas...
Salam kenal dari aku fahrizal......?????
56
Komentar Dikirim oleh arkhanis pada 27 Juni 2008 08:34:46 WIB
hehe.. makasih ya
bacanya asyik loh
tapi semua jawaban dibalas via email ya?
reikoakatsuki@yahoo.com
57
Komentar Dikirim oleh hanung pada 15 Juli 2008 11:25:27 WIB
mas dhimas, thanks banget nih tutorialnya. Aku jadi mengerti untuk membuat text html dalam membuat website. Aku baru banget mau belajar, tertarik & semangat untuk belajar.
Kalo untuk background colour itu kan pake code, seperti : FFFF... atau C0C0... dsb, tahunya darimana ya untuk warna yang lainnya. Tolong diberitahu ya mas. Thanks banget. Sukses terus buat mas dhimas.
hanung_p_w@yahoo.co.id
58
Komentar Dikirim oleh adi pada 19 Juli 2008 10:45:41 WIB
Setelah kita menulis kode kode program pada notepad bagaiman cara melihat hasilnya?
Mohon penjelasannya dan terimakasi semoga ALLAH memberi pahala atas ilmu yang manfaat.
untung_terus78@yahoo.co.id
59
Komentar Dikirim oleh ali ilham akbar pada 21 Juli 2008 02:28:39 WIB
tolong barikan contoh pembuatan website dengan format HTML, mengenai pendaftaran calon siswa untuk sebuah sekolah
60
Komentar Dikirim oleh indra caturiyanto pada 21 Juli 2008 03:56:45 WIB
saya tertarik membaca artikel ini, sebagai pemula saya ingin belajar membuat web desain sendiri.. tolong bantu saya.. kalau saya harus ke warnet bolak balik menghabiskan biaya yang tidak sedikit.. bisakan anda mengirim artikel anda ke alamat indra.graphic@gmail.com .. THK banyak
61
Komentar Dikirim oleh Dhimas Ronggobramantyo pada 22 Juli 2008 02:12:02 WIB
@parus
Wah saya gak bakat nulis2, apalagi nulis buku, jadi liat langsung aja diweb ini.
@Agus Setia Budiawan
Cukup sisipkan kode php nya kedalam file html terus jangan lupa diubah file .html ke .php
@Masim man
Hehehe untuk halaman ini saya udah nyerah buat jadi valid, soalnya isinya contoh2 html jelas nggak valid di xhtml
@myrna
Beli domain dan hosting, terus filenya simpen dihostingya
@hanung
Itu namanya hexadecimal color, bisa dilihat diphotoshop. Atau kalau mau yang online lihat di http://www.colorschemer.com/online.html
@adi
Buka filenya pakai browser.
62
Komentar Dikirim oleh sukma wijaya pada 03 Agustus 2008 10:01:58 WIB
artikel ini sangat bagus...
saya ikut terbantu dengan adanya artikel ini..
terima kasih banyak y..
63
Komentar Dikirim oleh M Rudi pada 05 Agustus 2008 04:47:11 WIB
makasih buat artikel'y berguna bangt buat aku
eh kalo bisa aku minta latihan2 pembutan web dengan HTML.............................
Kirijm aja ke rudi_22mei@yahoo.co.id
maksih
64
Komentar Dikirim oleh p@cul pada 09 Agustus 2008 11:37:34 WIB
thanks very much banget deh
65
Komentar Dikirim oleh naben_raj pada 12 Agustus 2008 09:58:49 WIB
saya senang sekali belajar tutorialhtml di web ini,karena saya lihat tidak terlalu susah untuk dicerna buat pemula.
kalo boleh saran,kasih tutorial php nya juga dong kak.
email saya:naben_raj2007@yahoo.com
thx alot
66
Komentar Dikirim oleh jhunae pada 17 Agustus 2008 03:12:02 WIB
bang da gk artikel php lengkap dengan fungisi nya
terus klo bisa
kirim tutorial nya ke jun_yudy@yahoo.co.id
oya macam alpikasi apa aj ya
artikel HTML : class & paragraph
* Sistem Informasi
o Artikel DFGEN
o Hardware
o Lain-lain
o Total Commander
o microsoft office
o download software gratis
o smart site analysis – analisis situs pintar
o database management systems
o algoritma dan pemrograman komputer
o internet marketing dan bisnis online
o tutorial, pendidikan dan logika komputer
o Sistem Informasi Televisi
o gadget dan smartphone
o artikel html
* Informasi Bisnis Terkini
o emas, perak dan perhiasan
o fotografi, print indoor dan outdoor
o hotel, penginapan, villa, kos, akomodasi
o hukum, politik, jabatan dan perundangan
o iklan dan promosi
o karir dan pekerjaan
o furniture dan produk kayu
o kesehatan dan obat
o kredit dan perbankan
o laundry dan dry clean
o makanan dan minuman
o media transportasi
o pajak dan retribusi
o parfum dan wewangian
o perusahaan dan lembaga
o bahan property dan bangunan
o prostitusi dan esek-esek
o teknologi dan sistem informasi
o televisi dan radio
o tour, travel dan wisata
o informasi bisnis umum
o website dan internet
o fashion dan aneka sandang
o peternakan dan agribisnis
* bussiness information in english
* Tautan Luar
o Link Embun Hati
o Link Permata Pagi
o Partner Site
* Sitemap
* Berita Bali Terkini
o Berita Badung, Bali
o Berita Denpasar, Bali
o Berita Gianyar, Bali
o Berita Bangli, Bali
o Berita Buleleng, Bali
o Berita Jembrana, Bali
o Berita Klungkung, Bali
o Berita Tabanan
o Berita Karangasem
Informasi Bisnis dan Sistem Informasi Terkini
Informasi Bisnis dan Sistem Informasi Terkini
Artikel DFGEN, Free Delphi Code Generator, Artikel SEO, Internet, Artikel Sistem Komputer, Artikel Teknologi Informasi dan Bisnis
CommentsPosts
* About
« Makanan Singaraja
Bisakah Merekam Video dengan Netbook? »
Try SEO Understanding and Knowledge Sharing
Artikel HTML : Class dan Paragraf
By Master SEO Online, on July 6th, 2010 untuk Sharing Belajar Bisnis Online
Sekali waktu, saya iseng menggunakan nama class terhadap tag paragraf
dan berakhir dengan
untuk memberikan format html khusus kepada sebuah grup teks. Namun ternyata memunculkan sesuatu yang aneh. Perhatikan contoh berikut:
dengan
:
Ada apa dengan kamu sayangku
Ada apa
dengan kamu sayangku
dengan
:
Ada apa dengan kamu sayangku
Ada apa
dengan kamu sayangku
Dua contoh teratas menggunakan tag paragraf
sebagai class sementara dua contoh berikutnya menggunakan tag partisi
sebagai class. Ternyata menghasilkan format yang aneh dan tidak konsisten ketika kita menggunakan tag paragraf. Saya sarankan anda menggunakan tag partisi
untuk memformat khusus kelompok teks yang didalamnya menggunakan tag paragraf.
Salam bahagia
July 6th, 2010 | Tags: aneh, apa, class, contoh, dua, kamu, khusus, konsisten, memberikan, memformat, memunculkan, menggunakan, menghasilkan, nama, paragraf, partisi, perhatikan, salam, sarankan, saya, sayangku, sebuah, sekali, sementara, sesuatu, tag, teks, teratas, terhadap, ternyata, waktu | Category: artikel html, internet marketing dan bisnis online Tinggalkan komentar
You must be logged in to post a comment.
Iklan dan Promosi
Bisnis Es Cendol, Kreasi Intinya
Hyla Vacuum Cleaner, Bali
Romantisme Pucuk Arjuna
Konsultan Pajak Memperlancar Bisnis UKM
Berwisata di Bali dengan Flip UltraHD Camcorder
Konsultan IT Denpasar
Hotel Sampurna
Penjualan Kristal dan Manik
Cendol De Keraton – Makanan Hygienis
Tajen, Mungkinkah Menjadi Komoditi Wisata?
Jasa Pembasmian Virus Komputer Freelance
Bisnis Tour di Bali
Humitech Product Overview
Sekilas Produk Humitech
Humitech Bali
Jajal Kuliner Bogor – Cendol DeKeraton
Franchise Cendol DeKeraton
ShoutBox
Last Message
51 minutes
ago
* asmudi : siang
* Master SEO Online : Ada ide bagus
Name: URL/Email: Message:
Log In
Username
Password
Remember Me
Register | Lost your password?
Pencarian
Berita Bisnis Terkini
* Menunggu Bisnis Kos Menaikkan Harga
* Harga Daging Naik, Bisnis Tempe Tahu Membaik?
* Bisnis Taman Dinding
* Apresiasi Musik Dalam Bisnis
* Diagram Lingkaran
* Bisnis Fotokopi Masih Bagus
* Sidak Bak dan Genangan Air, Denpasar
* Universitas Favorit di Bali
* Bisnis Pasir Denpasar
* Langkanya Bisnis Cuci Helm
* Ide Brilian, Bisnis Sewa Tanah Sewakan Toko
* Bisnis Es Cendol, Kreasi Intinya
* Bisnis Beras, Ada Stock Untung Banyak
* Bisnis Es, Ternyata Hangat
* Bisnis Hias Interior, Menggiurkan
advertise here Your Ad Here
Download DFGEN
* Contoh form pengajuan cuti: Word 2007
* Contoh kwitansi microsoft office excel gratis
* contoh produk
* Contoh Slip Gaji Karyawan Excel 1.3
* DFGEN dictionary
* dfgen project + exe 2009 Des 03
* file collector
* file teks-uang excel 2000,2002 dan 2003
* library dfgen 2009 Des 03
* Penggunaan Beberapa Antivirus Melambatkan Komputer
* teks uang untuk excel 2007
Tags
ada bali bisnis dapat data denpasar dua harga hari hingga jalan komputer lain lebih masyarakat menggunakan menjadi mereka orang rumah salah salam satu sebagaimana sebuah secara sementara semua seperti situs sudah tabel tahun tempat terjadi terkait tersebut terutama tetap tiga tinggi umumnya utama waktu wordpress
Arsip artikel
* July 2010 (117)
* June 2010 (144)
* May 2010 (66)
* April 2010 (31)
* March 2010 (65)
* February 2010 (57)
* January 2010 (63)
* December 2009 (61)
* November 2009 (13)
* October 2009 (4)
* September 2009 (75)
* May 2009 (1)
* January 2009 (3)
* August 2008 (5)
* July 2008 (27)
* May 2008 (16)
* March 2008 (2)
* February 2008 (3)
* January 2008 (29)
* December 2007 (28)
Network DFGEN
* Cendol Sehat dan Alami untuk Jajan
* Embun untuk hatimu – Dew for your heart
* Free Links Board
* Hidup sehat secara alami
* Kumpulan Puisi, Syair dan Kata Mutiara
* Mediator Bunda dan sang Buah Hati
* Serba serbi perempuan
* Spiritual untuk kebahagiaan
* The best tours and organizer in Bali
Advertisement
o Artikel DFGEN
o Hardware
o Lain-lain
o Total Commander
o microsoft office
o download software gratis
o smart site analysis – analisis situs pintar
o database management systems
o algoritma dan pemrograman komputer
o internet marketing dan bisnis online
o tutorial, pendidikan dan logika komputer
o Sistem Informasi Televisi
o gadget dan smartphone
o artikel html
* Informasi Bisnis Terkini
o emas, perak dan perhiasan
o fotografi, print indoor dan outdoor
o hotel, penginapan, villa, kos, akomodasi
o hukum, politik, jabatan dan perundangan
o iklan dan promosi
o karir dan pekerjaan
o furniture dan produk kayu
o kesehatan dan obat
o kredit dan perbankan
o laundry dan dry clean
o makanan dan minuman
o media transportasi
o pajak dan retribusi
o parfum dan wewangian
o perusahaan dan lembaga
o bahan property dan bangunan
o prostitusi dan esek-esek
o teknologi dan sistem informasi
o televisi dan radio
o tour, travel dan wisata
o informasi bisnis umum
o website dan internet
o fashion dan aneka sandang
o peternakan dan agribisnis
* bussiness information in english
* Tautan Luar
o Link Embun Hati
o Link Permata Pagi
o Partner Site
* Sitemap
* Berita Bali Terkini
o Berita Badung, Bali
o Berita Denpasar, Bali
o Berita Gianyar, Bali
o Berita Bangli, Bali
o Berita Buleleng, Bali
o Berita Jembrana, Bali
o Berita Klungkung, Bali
o Berita Tabanan
o Berita Karangasem
Informasi Bisnis dan Sistem Informasi Terkini
Informasi Bisnis dan Sistem Informasi Terkini
Artikel DFGEN, Free Delphi Code Generator, Artikel SEO, Internet, Artikel Sistem Komputer, Artikel Teknologi Informasi dan Bisnis
CommentsPosts
* About
« Makanan Singaraja
Bisakah Merekam Video dengan Netbook? »
Try SEO Understanding and Knowledge Sharing
Artikel HTML : Class dan Paragraf
By Master SEO Online, on July 6th, 2010 untuk Sharing Belajar Bisnis Online
Sekali waktu, saya iseng menggunakan nama class terhadap tag paragraf
dan berakhir dengan
untuk memberikan format html khusus kepada sebuah grup teks. Namun ternyata memunculkan sesuatu yang aneh. Perhatikan contoh berikut:
dengan
:
Ada apa dengan kamu sayangku
Ada apa
dengan kamu sayangku
dengan
:
Ada apa dengan kamu sayangku
Ada apa
dengan kamu sayangku
Dua contoh teratas menggunakan tag paragraf
sebagai class sementara dua contoh berikutnya menggunakan tag partisi
sebagai class. Ternyata menghasilkan format yang aneh dan tidak konsisten ketika kita menggunakan tag paragraf. Saya sarankan anda menggunakan tag partisi
untuk memformat khusus kelompok teks yang didalamnya menggunakan tag paragraf.
Salam bahagia
July 6th, 2010 | Tags: aneh, apa, class, contoh, dua, kamu, khusus, konsisten, memberikan, memformat, memunculkan, menggunakan, menghasilkan, nama, paragraf, partisi, perhatikan, salam, sarankan, saya, sayangku, sebuah, sekali, sementara, sesuatu, tag, teks, teratas, terhadap, ternyata, waktu | Category: artikel html, internet marketing dan bisnis online Tinggalkan komentar
You must be logged in to post a comment.
Iklan dan Promosi
Bisnis Es Cendol, Kreasi Intinya
Hyla Vacuum Cleaner, Bali
Romantisme Pucuk Arjuna
Konsultan Pajak Memperlancar Bisnis UKM
Berwisata di Bali dengan Flip UltraHD Camcorder
Konsultan IT Denpasar
Hotel Sampurna
Penjualan Kristal dan Manik
Cendol De Keraton – Makanan Hygienis
Tajen, Mungkinkah Menjadi Komoditi Wisata?
Jasa Pembasmian Virus Komputer Freelance
Bisnis Tour di Bali
Humitech Product Overview
Sekilas Produk Humitech
Humitech Bali
Jajal Kuliner Bogor – Cendol DeKeraton
Franchise Cendol DeKeraton
ShoutBox
Last Message
51 minutes
ago
* asmudi : siang
* Master SEO Online : Ada ide bagus
Name: URL/Email: Message:
Log In
Username
Password
Remember Me
Register | Lost your password?
Pencarian
Berita Bisnis Terkini
* Menunggu Bisnis Kos Menaikkan Harga
* Harga Daging Naik, Bisnis Tempe Tahu Membaik?
* Bisnis Taman Dinding
* Apresiasi Musik Dalam Bisnis
* Diagram Lingkaran
* Bisnis Fotokopi Masih Bagus
* Sidak Bak dan Genangan Air, Denpasar
* Universitas Favorit di Bali
* Bisnis Pasir Denpasar
* Langkanya Bisnis Cuci Helm
* Ide Brilian, Bisnis Sewa Tanah Sewakan Toko
* Bisnis Es Cendol, Kreasi Intinya
* Bisnis Beras, Ada Stock Untung Banyak
* Bisnis Es, Ternyata Hangat
* Bisnis Hias Interior, Menggiurkan
advertise here Your Ad Here
Download DFGEN
* Contoh form pengajuan cuti: Word 2007
* Contoh kwitansi microsoft office excel gratis
* contoh produk
* Contoh Slip Gaji Karyawan Excel 1.3
* DFGEN dictionary
* dfgen project + exe 2009 Des 03
* file collector
* file teks-uang excel 2000,2002 dan 2003
* library dfgen 2009 Des 03
* Penggunaan Beberapa Antivirus Melambatkan Komputer
* teks uang untuk excel 2007
Tags
ada bali bisnis dapat data denpasar dua harga hari hingga jalan komputer lain lebih masyarakat menggunakan menjadi mereka orang rumah salah salam satu sebagaimana sebuah secara sementara semua seperti situs sudah tabel tahun tempat terjadi terkait tersebut terutama tetap tiga tinggi umumnya utama waktu wordpress
Arsip artikel
* July 2010 (117)
* June 2010 (144)
* May 2010 (66)
* April 2010 (31)
* March 2010 (65)
* February 2010 (57)
* January 2010 (63)
* December 2009 (61)
* November 2009 (13)
* October 2009 (4)
* September 2009 (75)
* May 2009 (1)
* January 2009 (3)
* August 2008 (5)
* July 2008 (27)
* May 2008 (16)
* March 2008 (2)
* February 2008 (3)
* January 2008 (29)
* December 2007 (28)
Network DFGEN
* Cendol Sehat dan Alami untuk Jajan
* Embun untuk hatimu – Dew for your heart
* Free Links Board
* Hidup sehat secara alami
* Kumpulan Puisi, Syair dan Kata Mutiara
* Mediator Bunda dan sang Buah Hati
* Serba serbi perempuan
* Spiritual untuk kebahagiaan
* The best tours and organizer in Bali
Advertisement
dasar dasar HTML
dasar dasar HTML
Rumahweb’s News, Article, and Tutorial of Web Development
* Home
* Kumpulan Artikel
* Berlangganan melalui RSS
Dasar-dasar HTML III.
January 14th, 2006 | Published in Artikel & Tutorial, Web Programming | 1 Comment
checkbox
checkbox memungkinkan kita untuk memilih daftar materi. Sebagai contoh, kita boleh
memilih kegemaran kita menggunakan box ini. Suatu tanda nampak di dalam box. Jika kita
memeriksa box, tanda chek akan diperlihatkan. Lihatlah kode di bawah:
Listing 22
Pilih bahasa pemrograman:
Java
C++
Oracle
C-Sharp
Dengan default, Java akan dicek. Pesan atribut yang dicek pada garis menyangkut kode
yang kedua .
RadioButton
Dengan radio button, kita dapat memilih hanya satu item. Tetapi dengan cek box, kita
dapat memilih manapun jumlah materi. Sebagai contoh, kita memilih jenis kelamin
(pria maupun wanita) penggunaan box ini ditunjukkan di bawah.
Listing 23
Jenis Kelamin:
Pria
Wanita
Kita perlu memberi nama yang sama untuk nama atribut. Cara lainnya, kita tidak akan
mendapatkan kemampuan radio button.
Diatas potongan kode dapat dikombinasikan ke dalam satu halaman tunggal ditunjukkan
didalam Listing 24
Masukkan nama anda:
maxlength = 20 size = 25>
Password:
Pilih Bahasa Pemrograman:
Java
C++
Oracle
C-Sharp
Jenis Kelamin:
Pria
Wanita
Kode diatas menyampaikan informasi yang dimasukkan oleh pemakai kepada alamat email
yang ditetapkan didalam atribut tag Form. sintak Pesan mailto didalam tag form
Tag2 Tambahan
Pengaturan Teks
Kita dapat menggunakan tag
ke text form mewakili Teks Preformatted. Apapun juga yang kita masukkan pada tag ini akan diperlihatkan seperti halnya pada browser. Tag ini digunakan untuk penulisan programming kode.
Listing 25
This text will display as such
and is used for displaying codes
Teks Berjalan
Teks dan Gambar dapat dipindahkan dengan bantuan tag .Tag ini menerima banyak atribut ditunjukkan di bawah ini:
Bgcolor
Atribut ini mengubah warna latar belakang dari teks yang bergerakkan maupun obyek.
Nilai-Nilai dapat berwarna merah, biru atau dalam form Hexadecimal.
Behavior (Perilaku)
Atribut ini berubah arah dari objek bergerak. Nilai-Nilainya dapat bernilai left,
right, top dan bottom.
Scrolldelay
menandai adanya kecepatan dari gerakkan obyek. Yang secara khas, nilainya
ditetapkan didalam Seperseribu detik. Ingatlah bahwa 1 detik/second sama dengan 1000
seperseribu detik.
Loop (Pengulangan)
Kita dapat menetapkan banyaknya, obyek atau teks tertentu perlu pindah/bergerak dengan
bantuan dari atribut ini. Suatu nilai -1 menandai adanya gerakkan teks.
Listing 27
Using Address tag
jika kita ingin memberi informasi kontak pada suatu halaman web, kita dapat
menggunakan
tag
. Menampilkan teks didalamnya. Karenanya, tidak ada yang
dibutuhkan untuk form teks secara terpisah
Listing 28
Microsoft Inc, Washington, USA
Tag
Tag ini mewakili tulisan di bawah garis. Kemampuan dasar tag ini bahwa yang lebih
rendah tag antar teks.
Listing 29
H 2 O
Tag
Tag ini mewakili huruf yang ditulis di atas dan menaikkan teks antar tag sebagai
ditunjukkan dalam Listing 30.
Listing 30
2 3 = 8
Font
Kita dapat merubah penampilan dari teks menggunakan tag . Atributnya adalah
face, size dan color. Atribut fece menerima font seperti Arial, Courier, Verdana dan lain
lain. Size menerima nilai-nilai dari 1 sampai 7 sedang color menetapkan warna font.
Listing 31
Wow, warna teksnya jadi biru
..Yah sampai disini dulu tentang tag-tag dasar pada HTML, nanti kita lanjutkan dengan artikel yang lebih menarik dan gampang, bahkan untuk para pemula..
Sampai jumpa
Bookmark Artikel Ini
* Digg
* Sphinn
* del.icio.us
* Facebook
* Mixx
* Google
* BlinkList
* feedmelinks
* Furl
* Ma.gnolia
* MisterWong
* Propeller
* StumbleUpon
* Technorati
* TwitThis
* YahooMyWeb
* E-mail this story to a friend!
* Live
* Reddit
* Slashdot
Responses
Feed Trackback Address
1. Perbedaan Tampilan Web di browser :: Rumahweb’s News, Article, and Tutorial of Web Development says:
July 29th, 2009 at 3:16 pm (#)
[...] eXtensible html, sehingga xhtml adalah versi bersih dari html. Jila kita sudah pernah belajar HTML, akan dengan mudah kita mengenal xhtml. Ada beberapa poin penting yang membedakan (atau lebih tepat [...]
Leave a Response
Name (required)
Email (will not be published) (required)
Website
Popular Posts
* PHP & MySQL: Tutorial Dasar
* Berkenalan dengan PHP
* Bagaimana Cara Mengupload Website ke Rumahweb dengan FTP?
* Indikator Status Yahoo! Messenger
* Membuat Form Kontak
* Cara Upload MySQL Database
* Membangun CMS dengan PHP [Bag.3]
* Cara Membuat Google Sitemap
* Instalasi OsCommerce melalui Fantastico
* Cara Mengupload website ke Rumahweb melalui File Manager
Categories
* Artikel & Tutorial
* Fantastico Review
* Gangguan
* Manual Hosting
* News
* Promo
* SEO
* The Lounge
* Web Design
* Web Hosting
* Web Programming
Tags
account Admin alamat rumahweb bahasa Blogspot bug Change Password cPanel core coredump cPanel Domain domain murah email Email Account error FTP gadget Google Hosting Hosting Indonesia hosting murah Hosting US Joomla linux Mail Oscommerce panduan php Plugin Promo rumahweb rumahweb jakarta Search Engine SEO setting Sitemap SMTP Setting SPAM template Themes tips Upload Website widget Wordpress
Rumahweb’s News, Article, and Tutorial of Web Development is using WordPress and Gridline Lite theme.
Rumahweb’s News, Article, and Tutorial of Web Development
* Home
* Kumpulan Artikel
* Berlangganan melalui RSS
Dasar-dasar HTML III.
January 14th, 2006 | Published in Artikel & Tutorial, Web Programming | 1 Comment
checkbox
checkbox memungkinkan kita untuk memilih daftar materi. Sebagai contoh, kita boleh
memilih kegemaran kita menggunakan box ini. Suatu tanda nampak di dalam box. Jika kita
memeriksa box, tanda chek akan diperlihatkan. Lihatlah kode di bawah:
Listing 22
Pilih bahasa pemrograman:
Java
C++
Oracle
C-Sharp
Dengan default, Java akan dicek. Pesan atribut yang dicek pada garis menyangkut kode
yang kedua .
RadioButton
Dengan radio button, kita dapat memilih hanya satu item. Tetapi dengan cek box, kita
dapat memilih manapun jumlah materi. Sebagai contoh, kita memilih jenis kelamin
(pria maupun wanita) penggunaan box ini ditunjukkan di bawah.
Listing 23
Jenis Kelamin:
Pria
Wanita
Kita perlu memberi nama yang sama untuk nama atribut. Cara lainnya, kita tidak akan
mendapatkan kemampuan radio button.
Diatas potongan kode dapat dikombinasikan ke dalam satu halaman tunggal ditunjukkan
didalam Listing 24
Masukkan nama anda:
maxlength = 20 size = 25>
Password:
Pilih Bahasa Pemrograman:
Java
C++
Oracle
C-Sharp
Jenis Kelamin:
Pria
Wanita
Kode diatas menyampaikan informasi yang dimasukkan oleh pemakai kepada alamat email
yang ditetapkan didalam atribut tag Form. sintak Pesan mailto didalam tag form
Tag2 Tambahan
Pengaturan Teks
Kita dapat menggunakan tag
ke text form mewakili Teks Preformatted. Apapun juga yang kita masukkan pada tag ini akan diperlihatkan seperti halnya pada browser. Tag ini digunakan untuk penulisan programming kode.
Listing 25
This text will display as such
and is used for displaying codes
Teks Berjalan
Teks dan Gambar dapat dipindahkan dengan bantuan tag .Tag ini menerima banyak atribut ditunjukkan di bawah ini:
Bgcolor
Atribut ini mengubah warna latar belakang dari teks yang bergerakkan maupun obyek.
Nilai-Nilai dapat berwarna merah, biru atau dalam form Hexadecimal.
Behavior (Perilaku)
Atribut ini berubah arah dari objek bergerak. Nilai-Nilainya dapat bernilai left,
right, top dan bottom.
Scrolldelay
menandai adanya kecepatan dari gerakkan obyek. Yang secara khas, nilainya
ditetapkan didalam Seperseribu detik. Ingatlah bahwa 1 detik/second sama dengan 1000
seperseribu detik.
Loop (Pengulangan)
Kita dapat menetapkan banyaknya, obyek atau teks tertentu perlu pindah/bergerak dengan
bantuan dari atribut ini. Suatu nilai -1 menandai adanya gerakkan teks.
Listing 27
Using Address tag
jika kita ingin memberi informasi kontak pada suatu halaman web, kita dapat
menggunakan
tag
. Menampilkan teks didalamnya. Karenanya, tidak ada yang
dibutuhkan untuk form teks secara terpisah
Listing 28
Microsoft Inc, Washington, USA
Tag
Tag ini mewakili tulisan di bawah garis. Kemampuan dasar tag ini bahwa yang lebih
rendah tag antar teks.
Listing 29
H 2 O
Tag
Tag ini mewakili huruf yang ditulis di atas dan menaikkan teks antar tag sebagai
ditunjukkan dalam Listing 30.
Listing 30
2 3 = 8
Font
Kita dapat merubah penampilan dari teks menggunakan tag . Atributnya adalah
face, size dan color. Atribut fece menerima font seperti Arial, Courier, Verdana dan lain
lain. Size menerima nilai-nilai dari 1 sampai 7 sedang color menetapkan warna font.
Listing 31
Wow, warna teksnya jadi biru
..Yah sampai disini dulu tentang tag-tag dasar pada HTML, nanti kita lanjutkan dengan artikel yang lebih menarik dan gampang, bahkan untuk para pemula..
Sampai jumpa
Bookmark Artikel Ini
* Digg
* Sphinn
* del.icio.us
* Mixx
* BlinkList
* feedmelinks
* Furl
* Ma.gnolia
* MisterWong
* Propeller
* StumbleUpon
* Technorati
* TwitThis
* YahooMyWeb
* E-mail this story to a friend!
* Live
* Slashdot
Responses
Feed Trackback Address
1. Perbedaan Tampilan Web di browser :: Rumahweb’s News, Article, and Tutorial of Web Development says:
July 29th, 2009 at 3:16 pm (#)
[...] eXtensible html, sehingga xhtml adalah versi bersih dari html. Jila kita sudah pernah belajar HTML, akan dengan mudah kita mengenal xhtml. Ada beberapa poin penting yang membedakan (atau lebih tepat [...]
Leave a Response
Name (required)
Email (will not be published) (required)
Website
Popular Posts
* PHP & MySQL: Tutorial Dasar
* Berkenalan dengan PHP
* Bagaimana Cara Mengupload Website ke Rumahweb dengan FTP?
* Indikator Status Yahoo! Messenger
* Membuat Form Kontak
* Cara Upload MySQL Database
* Membangun CMS dengan PHP [Bag.3]
* Cara Membuat Google Sitemap
* Instalasi OsCommerce melalui Fantastico
* Cara Mengupload website ke Rumahweb melalui File Manager
Categories
* Artikel & Tutorial
* Fantastico Review
* Gangguan
* Manual Hosting
* News
* Promo
* SEO
* The Lounge
* Web Design
* Web Hosting
* Web Programming
Tags
account Admin alamat rumahweb bahasa Blogspot bug Change Password cPanel core coredump cPanel Domain domain murah email Email Account error FTP gadget Google Hosting Hosting Indonesia hosting murah Hosting US Joomla linux Mail Oscommerce panduan php Plugin Promo rumahweb rumahweb jakarta Search Engine SEO setting Sitemap SMTP Setting SPAM template Themes tips Upload Website widget Wordpress
Rumahweb’s News, Article, and Tutorial of Web Development is using WordPress and Gridline Lite theme.
Langganan:
Postingan (Atom)