Pradna Jogloabang » HTML

Belajar HTML 06 : Tanda Baca

Pradna — Tue, 04 May 2010 21:26:35 +0000

berbulan silam terakhir apdet…nyaris saja kunci masuk sini karaten dan tidak bisa dibuka lagi.

Untung saja, diingatkan dengan sabar sama Blogger Nasional di postingan beliau yang menakjubkan ini

Langsung :

1. Berpindah Baris

Tag untuk berpindah baris adalah
. Tag ini tidak punya penutup.

Contoh :

Baris pertama

Baris kedua

Baris ketiga

Hasilnya :

Semakin banyak tag yang digunakan, semakin lebar jarak yang memisahkan.
Contoh :

Baris pertama

Baris kedua

Baris ketiga

Hasilnya
" />

2. Ganti Paragraf
Mengganti paragraf cukup menggunakantag tanpa spasi.

Contoh :

Backpack besar yang membebani pundak, segera kuhempaskan begitu saja ke tanah di bawahku. Sekilas aku memandang tas yang berisi segala macam peralatan pentas pribadiku, untuk sekedar menyambung hidup di sepanjang perjalananku selama ini.
Beragam lakon sudah aku perankan di jalanan, di sudut kota, di mana saja, demi meraup receh yang mengantarkanku ke perjalanan berikutnya.
Seringai kering yang menghiasi bibirku ketika aku mengalihkan pandangan ke sekelilingku, langsung lenyap. Kenyataan di depanku membuat segala macam perasaan positif yang pernah didefinisikan orang, menguap,lebih tepatnya, membeku.

Hasil :

Ganti Paragraf

3. Beberapa Tanda Baca

Kode-kodenya tidak menggunakan tanda kurung buka-tutup () :

( ) <== spasi
(<) <=== “<”
(>) <=== “>”
(") <== ” ” ” (tanda petik)
(©) <== ” © ”
(®) <== ” ® “

Demikian dulu.

semoga cepat apdet lagi

Belajar HTML 05 : Bold, Italic, Underline Text

Pradna — Fri, 15 Jan 2010 20:58:52 +0000

Setelah bermalas-malasan disibukkan berbagai hal,
akhirnya bisa juga saya kembali ke ranah blogosphere.

Menikmati hiruk-pikuk dan persahabatan yang tulus dari para blogger.
Dimulai dengan pengalaman pertama yang mendebarkan : upgrade otomatis Pradna Jogloabang menuju engine terbaru 2.9.1.
Alhamdulillah berhasil.

Terima kasih kepada bang Andri Nawawi yang sudah memberi pencerahan soal mengganti previlege biar bisa update otomatis di :

chmod 777 folder /wp-content/upgrade

Berikutnya adalah update emo (smiley) plurk terbaru.
Lagi-lagi dari bang Andri Nawawi (nak nduwe anak wedok wis tak pek mantu, sampeyan Pak ).
Sekarang sudah bisa bergaya

Setelah beres semuanya, saatnya kembali belajar.

Saya baru sadar, setelah hiruk-pikuk belajar HTML kemaren, beberapa perintah dasar malah belum saya pelajari

Maka, kali ini saya mau belajar bikin tulisan cetak njengking miring (Italic), tebal (Bold), dan bergaris-bawah (Underline).

Sederhana saja, tag-nya adalah :

Bold =>
Italic =>
Underline =>

Kata yang akan diberikan efek disisipkan di antara tag tersebut.

Contohnya :

Bold,Italic,Underline pada Teks

Efek tulisan yang biasa dipakai dalam mengolah dokumen adalah diberi alas di bawahnya, dimiringkan,dan ditebalkan…provokatif,ya. Ketiga gaya..euh, tipe efek teks tersebut ialah tulisan tebal, tulisan miring dan tulisan bergaris bawah. Bisa pula dua tipe efek teks tersebut dicombo. Misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus digang bang, ehm,digabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.

Hasilnya :

Demikian.

(Jika terlalu banyak dan cepat pelajarannya, otak saya bisa seperti di )

Belajar HTML 04 : Menyisipkan gambar di HTML

Pradna — Wed, 18 Nov 2009 03:12:45 +0000

Setelah berhasil mengguyur warna pada backgorund html. Saatnya saya belajar menyisip-sisipkan gambar di halaman HTML. Baik dari gambar background, gambar yang dari folder sama dengan file html disimpan, gambar dari folder yang tidak sama dengan file html disimpan, ataupun gambar yang direct ke email saya.

Langsung saja :

1. Menyisipkan file gambar sebagai background

ternyata tinggal memasukkan kata : background=”gambar.ekstensinya” di . Seperti ini :

background bergambar</tittle> </head> <body background=”gambar.png”></blockquote> sedangkan untuk gambar background yang tidak terletak 1 folder dengan tempat menyimpan file html ini, tinggal menambahkan foldernya, misal : <blockquote><body background=”/home/pradna/Pictures/gambar.png”></blockquote> 2. Menyisipkan Gambar =>Contoh menyisipkan gambar pada folder yang sama dengan tempat file html disimpan. Tentu saja ini dibawah tag <body> <blockquote></blockquote> <blockquote>tag berarti paragraf…</blockquote> kok kayaknya tag , dan notakasi tanda baca lainnya, malah belum saya pelajari ya => ya udah lanjut dulu saja yaa , intinya sama saja dengan background-bergambar, kalau gambar berada di folder lain dengan file html ini disimpan, <blockquote></blockquote> Width dan height tersebut dalam ukuran pixel. Walau bisa juga dalam ukuran % (persen)… tapi saya ndak mudeng itung2annya 3. Menyisipkan radio email button Misal gambar email yang sudah disisipkan alamat email saya, dan jika di klik langsung membuka program email-client di kompyuter si pengeklik, <blockquote><a href=”mailto:rafeillo@gmail.com”></a></blockquote> Berikut contoh script selengkapnya : <blockquote><html> <head> <title> Menyisipkan Gambar

Menyisipkan gambar dari folder yang sama dengan disimpannya file html ini

Menyisipkan gambar dari folder lain

Menyisipkan Gambar email button

(dengan mengklik tombol ini, jika ada program email client di kompyuter Anda, bisa langsung terhubung)

Demikian.

Berikut hasilnya jika dibuka di browser :

Demikianlah.

Untuk memudahkan penulisan script html ini di Linux Mint, saya menggunakan program bantu yang mirip Dreamweaver, yaitu Bluefish 1.0.7
Ini screenshotnya:

Belajar HTML 03 : Warna Background pada Halaman

Pradna — Mon, 26 Oct 2009 18:36:10 +0000

Setelah pelajaran html kedua dan kerja keras adalah energi kita, kini saatnya belajar html lagi.

Sekarang, saya coba gonta-ganti warna background halaman html.
hmm…satu-satunya tujuan ganti bekgron ini yang saya tau, biar ndak bosen aja

Atribut yang digunakan : bgcolor=”value” yang dislempitkan pada tag . Teknik penulisannya :

…isi halaman…

Untuk pemberian warna bisa digunakan kode hexadecimal-remix RGB (red, green, blue –koreksian dari kang Andri ) yang bahkan saya kesulitan menuliskan kepanjangan ASCII disini, apalagi suruh mengartikannya
Penulisan warna menggunakan kode ASCII dimulai dengan ketik bintang spasi tanda pagar (#).

Atau, dapat juga langsung mengetikkan nama warnanya dalam bahasa londo englais. Like red, green, white, blue atau green kembang-kembang.

Praktek :

=> yang memakai kata-kata englais langsung :

background ijo

Mewarnai halaman dengan warna hijau tanpa kembang-kembang

dan hasilnya :

=> contoh memakai kode kode hexadecimal-remix RGB :

background biru kayak gitu

Mewarnai halaman dengan biru kayak gini

dan hasilnya :

Untuk kode kode hexadecimal-remix RGB yang jumlahnya nggilani , bisa dilihat salah satunya di sini.

Demikian dulu,ah…

*kebanyakan ngekek waktu belajar, jadi ndak bisa nulis lebih dari ini*

Membuat Permalink berekstensi.php atau .html

Pradna — Tue, 13 Oct 2009 18:48:55 +0000

Saya ndak tau apa kelebihan permalink dimunculkan ekstensi-nya entah itu :.html atau .php. Tapi toh saya keluarkan saja…biar gagah, itu saja alasannya :mrgreen:

Untuk engine Wordpress, cukuplah dengan melihat skrinsyut ini, segala tetek-mbengek langkah-langkahnya telah terjawab. Karena memang cuman seperti ini :

Insert :
(selected) Custom Structure = /%postname%.php

Demikian rehat kali ini.

Belajar HTML 02 : Script Pertama

Pradna — Sun, 11 Oct 2009 19:24:57 +0000

Bangun tengah malam, jadi pengen melanjutkan belajar saya yang kemaren. Mumpung otak masih kosong, belum keisi sampah hari ini

Tag HEAD

Dalam sebuah halaman HTML, ada tag-tag yang berfungsi untuk mengidentifikasi korban halaman web. Tag yang digunakan untuk membuat kepala halaman adalah Tag HEAD dan yang digunakan untuk membuat judul adalah Tag TITLE….

–PLAK— (ya ealaah…dimana2 kepala itu “head”, judul itu “title”!)

*mengusap kepala* Ehm, ya jadi begitulah. Ini contohnya :

….judul web…

hmm…brati, semua “tag” diakhiri dengan …yo, rodo dong aku.

Ehm, yaa..mungkin (hei, aku belum sampe khatam pelajarannya. Jadi jangan buru-buru menyimpulkan!)

Tag BODY

Selain ada kepala, tentunya juga ada body-nya. Terlepas seksi atau tidak, demikian penulisannya :

….isi utama / badan web…

SCRIPT PERTAMA

Akan saya coba apa yang sudah pelajari untuk diramu dalam 1 kesatuan mantra script.

Karna saya menggunakan Linux Mint 7, saya pakai program editor teks : Gedit. Bagi yang memakai Windows, katanya sih bisa pakai Notepad. Ini contohnya :

Script HTML Pertama

Ini adalah body HTML yang jadi bagian utama halaman web

Kemudian di-save. Saya beri nama file “Script Pertama”

Jika menggunakan Gedit, tanpa menambahi ekstensi .html pun Gedit sudah otomatis mengidentifikasi kode-kode tersebut adalah milik HTML…jadi ngirit ngetik “.html” dibelakang “Script Pertama” :)

Jika menggunakan Notepad di Windows, katanya kalau men-save contoh script Pertama diatas, perlu memilih All Files pada kolom Type File. Kalau ndak, maka Script Pertama ini bakal dianggap sebagai dokumen jenis Text biasa saja. Selain itu, katanya harus ditentukan juga ekstensi yang digunakan dengan menggunakan HTM atau HTML… sekali lagi, ini hanya “katanya”. Semoga tidak benar-benar seribet itu ;)

Jadinya seperti ini :

Hasil dari tag TITLE adalah yang saya lingkari dengan warna merah :

Demikian.

Belajar HTML 01

Pradna — Fri, 09 Oct 2009 16:36:16 +0000

Sudah lama punya niat mulia buat belajar HTML, PHP dan semacamnya. Karna ndak mampu buat kursus apalagi kuliah, muncul niat mulia berikutnya untuk belajar sendiri. Niat mulia sudah, mengumpulkan bahan sudah, tapi kok ndak mulai-mulai (doh).

Akhirnya “pemicu” itu datang juga. Berkat bantuan Kang Annosmile, akhirnya saya punya wadah yang bisa digunakan untuk belajar dan menulis ulang. Karena saat saya punya “buku catatan” ini, berati suatu saat jika butuh saya bisa langsung buka2 catatan saya ini. Seperti yang saudah saya lakukan di Buku Catatan saya yang satunya.

Karena mengumpulkan bahan-bahannya sudah cukup lama, jadi sudah ndak tahu lagi saya ambil darimana. Silahkan bagi yang merasa pernah menuliskan sama apa yang bakal saya tuliskan, bisa mengklaim disini.

Ini yang barusan saya pelajari :

Sintaks Dasar HTML :

Sebagaimana bahasa pemrograman yang lain, HTML memiliki aturan-aturannya sendiri.

Contoh sederhananya adalah, saat memulai menggunakan HTML maka pembukanya adalah , dan ditutup dengan .

…. isi keseluruhan web (dari header sampai footer…

Dengan demikian, semua isi yang ada di Tag HTML akan dianggap sebagai dokumen HTML. Tidak ada case-sensitive dalam penulisan tag-kodenya. Jadi, mau -nya ditulis besar semua : , atau besar kecil : semua sama saja.

Demikian perkenalannya, tidak banyak-banyak mengingat daya tampung memori dan hardisk saya belum banyak diupgrade sejak saya lahir

Besok (insya Allah) lanjut lagi.