Mengenal Kode-kode HTML Dasar

Mengenal Kode-kode HTML Dasar

Add Comment
Kode-kode HTML-Dewasa ini memang untuk membuat sebuah website tidak sesusah dahulu. Dulu, untuk bisa membuat sebuah website, kita harus memiliki skill mengenai basic pemograman. Dengan mengetahui bahasa pemograman, kita bisa membuat sebuah website yang bagus. Kalaupun kita tidak punya skill mengenai pembuatan website, kita harus membeli lewat webmaster dan tentunya harganyapun tidaklah murah. Namun kini zaman sudah berubah, untuk bisa membuat website kita tidak harus mengetahui segala tetek-bengek mengenai skill bahasa pemograman. Karena, hanya dengan bisa mengakses internet saja, orang sudah bisa membuat website/blog sendiri tanpa banyak hambatan. Situs penyedia blog atau website pun kini banyak bermunculan. Dari mulai Blogger milik Google, Wordpress, Multyply, blogdetik dan sebagainya.

Meskipun hanya dengan bisa mengoperasikan internet saja kita sudah bisa membuat website/blog tetapi yang namanya manusia pada dasarnya tidaklah akan puas sampai disitu saja. Dengan tampilan website/blog gratisan kita tentu tidak bisa berbuat banyak komplen mengenai kekurangan-kekurangannya. Itu artinya kita hanya pasrah dengan ketentuan dari situs penyedia. Karena selain terbatas dari segi template yang disediakan, kapasitas hosting filenya pun tentu terbatas pula. Bagi yang menginginkan sebuah situs yang bisa dikatakan sempurna tentu hal itu akan menyulitkan bagi kita. Berbeda dengan orang yang hanya menginginkan sebua situs yang sederhana, website yang tersedia tentunya sudah bisa dikatakan cukup memenuhi kebutuhannya.


Oleh karena itu, bagi kita yang menghendaki sebuah website atau blog yang bagus, mengetahui dasar-dasar bahasa pemograman tentu akan sangat membantu dalam menciptakan sebuah website/weblog sesuai kebutuhan kita. Ada banyak dasar-dasar pemograman untuk membuat sebuah website, diantaranya adalah php, Mysql, Javascript, html dan lain sebagainya.


Mengenal dan mengetahui bahasa html adalah salah satu usaha agar kita bisa memaksimalkan tampilan website/blog yang kita kelola. Karena, hampir semua dokumen web dibuat dengan kode-kode HTML. HTML sendiri adalah singkatan dari Hypertext Markup Language. HTML adalah bahasa pemograman yang digunakan untuk menulis format dokumen yang dapat digunakan dalam web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (dimark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *htm atau *html).


Kode-kode HTML atau yang biasa disebut tag, menurut Kevin Werbach seperti yang diterjemahkan oleh Kristianto Jahja, mencakup banyak tag. Tag-tag tersebut dikelompokan ke dalam 13 kelompok tag. Namun dalam pembahasan kali ini penulis hanya akan menyebutkan beberapa tag saja yang paling umum dijumpai dalam setiap file yang berekstensi *htm atau *html.


Adapun tag-tag yang sering muncul dalam dokumen berekstensi *htm atau *html, yang sering muncul terutama banyak digunakan dalam pembuatan template blog/website adalah sebagai berikut:


<html>
</html>

Tag diatas menunjukan bahwa format dokumen yang digunakan dalam sebuah dokumen tertentu mengandung file html. Tagnya sendiri harus dituliskan berpasangan agar dikenali oleh browser internet. Seperti kita lihat pada contoh diatas, masing-masing baris tersebut dinamakan tag. Tag sendiri adalah kode yang digunakan untuk me-mark-up teks ASCII menjadi file *html. Setiap tag diapit dengan tanda kurung runcing. 

Selain tag seperti contoh diatas, tag html yang umum dipakai dalam file *html adalah :



<head> berpasangan dengan </head>
<body> berpasangan dengan </body>


Biar lebih jelas atau lebih paham, coba buka template blog anda kemudian back up templatnya lalu pastekan di notepad. Anda akan mendapati tag html seperti yang diatas tertera pada template blog anda.


Tag lain yang umum dipakai dalam sebuah halaman web untuk menciptakan sebuah halaman yang lebih hidup adalah tag-tag yang masuk dalam format tampilan. Dibawah ini adalah contoh tag html dan fungsinya:


==========================================================

<b> adalah tag yang digunakan untuk mengatur suatu kalimat yang diapitnya agar ditampilakan dengan huruf bercetak tebal. Dan harus dipasangkan dengan tag penutup </b>
Contohnya : <b>Contohnya</b> maka hasilnya seperti ini Contohnya

===================================================
<u> </u> adalah tag yang digunakan untuk mengatur sebuah tulisan agar ditampilakan bergaris bawah. Contohnya : <u>Contohnya</u> maka hasilnya seperti ini  Contohnya

==========================================================
<i> </i> adalah tag yang digunakan untuk mengatur sebuah tulisan agar ditampilkan miring.
Contohnya : <i>Contohnya</i> maka hasilnya seperti ini    Contohnya

==========================================================
<blink></blink> adalah tag yang digunakan untuk mengatur tulisan agar berkedip
Contohnya : <blink>Contohnya</blink> maka hasilnya seperti ini  Contohnya

===========================================================

<marquee></marquee> adalah tag yang digunakan untuk mengatur sebuah tulisan yang berjalan
Contohnya : <marquee>Contohnya</marquee> maka hasilnya seperti ini [" Contohnya " ]



===========================================================
 <table></table> adalah tag yang digunakan untuk membuat tabel. Namun untuk penggunaannya ia harus di dukung tag atribut lain agar bisa menampilkan sebuah kotak. Diantara tag atribut yang melekat dalam tag <table> adalah <tr></tr> yang fungsinya untuk menampilkan baris dalam tabel. Dan tag <td></td> adalah untuk menampilkan kolom dalam tabel. Makanya, untuk membuat tabel/kotak, tag tag tersebut harus digabungkan. Contohnya seperti ini :

<table border="1" width="230"> 
<tr>
<td style="border-style:solid"> Contohnya </td>
</tr>
</table>

Maka hasilnya seperti ini


Contohnya

===========================================================

Membuat tabel/kotak berwarna



<table border="1" width="230"> 
<tr bgcolor="yellow">
<td style="border-style:solid"> Contohnya </td>
</tr>
</table>



Maka hasilnya seperti ini



Contohnya



 

Kiranya cukup sampai disini dulu ulasan mengenai kode-kode html. Lain waktu bila ada kesempatan, insya Allah penulis akan ulas lagi mengenai kode-kode html lainya. Besar harapan penulis agar artikel ini bisa bermanfaat bagi penulis dan pembaca khususnya...!


Akhir kata,


Wassalam,,,............!

Catatan: Agar kita lebih memahami mengenai kode-kode html, alangkah baiknya dalam membaca artikel ini anda sekaligus praktek. Sehingga kita jadi lebih cepat memahami kode-kode html. Caranya : Setiap intruksi atau contoh tagnya anda tulis kembali dengan menggunakan program notepad kemudian anda simpan. Untuk mengetahui hasilnya, Buka Browser Internet Explorer atau Mozilla >> File/berkas >> File latihan yang anda simpan, maka akan nampak hasilnya. Selamat mencoba!

TUKERAN LINK

2 Comments
Selamat mengunjungi blog MS's Corner ....! Semoga anda menikmati sajian artikel-artikel dari blog ini yang berkualitas dan penulis harapkan bermanfaat buat pengunjung sekalian. Bila upaya penulis tidak berkenan dihati anda sekalian, anda bisa bebas berkomentar di form comment di akhir artikel ini.


Pada pertemuan kali ini penulis mencoba menguraikan mengenai pentingnya tukeran link antar sesama blogger. Seperti yang kita ketahui bersama bahwa setiap blogger mendambakan traffik yang tinggi. Karena dengan trafifik yang tinggi, keberlangsungan blog akan terjaga dan tentunya banyak kesempatan dari blogger untuk mendapatkan banyak manfaat yang diperoleh.

Tukeran link adalah salah satu bagian dari SEO, dengan banyak link yang terpasang maka secara otomatis kita juga akan banyak mendapatkan backlink. Kata Om google sih, konon semakin banyak backlink buat blog kita, itu akan semakin memperbanyak peluang naiknya traffik blog. Bukankah itu yang hampir semua blogger atau webmaster sekalipun harapkan dari blog yang dikelola? Karena menurut penulis, adalah suatu hal yang hampir tidak mungkin traffic suatu blog atau situs akan naik tanpa adanya backlink yang banyak. Entah karena backlink hasil dari iklan berbayar maupun backlink gratisan semacam ini.

Oke deh dari pada panjang lebar ane jelasin mengenai pentingnya backlink - Tentunya anda lebih tahu dari penulis - langsung saja buat anda yang tertarik untuk berbagi link bisa anda copy paste kode dibawah ini






Myblog










Copy dan paste kodelink diatas dan tempatkan di halaman blog anda.
Ketentuan :
1. Bila anda sudah mengkopy dan memasangkan di blog anda, harap konfirmasi melalui

email.gif

untuk pemberitahuannya. Setelah saya dapatkan pemberitahuan dari anda maka saya pun akan langsung memasang link anda di blog ini.
2. Apabila anda memasang link blog ini dihalaman utama sebelah atas maka sebisa mungkin sayapun akan membalas dengan menempatkan link anda di halaman utama bagian atas pula.


Sekian penulis sampaikan uraian mengenai tukeran link untuk bisa dipahami dan penulis ucapkan terimakasih banyak untuk mau berbagi link diantara kita. Besar harapan saya agar kita bisa memetik manfaat yang sebesar-besarnya...


Sekian Wassalam.......!


Mengenal Blog dan Cara Membuat Blog

Mengenal Blog dan Cara Membuat Blog

Add Comment
Apa sih itu blog? Mungkin pernah terbesit dalam benak anda tentang pertanyaan seperti di awal artikel ini. Begitu populernya nama blog dan anda mungkin sering kali mendengar nama tersebut saat bertemu dengan teman atau pada saat anda main ke toko semacam Gramedia dan anda melihat banyak koleksi buku dengan judul mengenai seluk-beluk blog. Yah, tak heran memang kalau anda dibuat penasaran mengenai kata yang satu ini, karena memang dari hari ke hari namanya kian menggaung seiring banyak kalangan yang membuat dan banyak berkecimpung dengan satu kata ini.

Blog yang lebih dikenal dengan nama weblog sebenarnya hanya website kecil yang pada awal munculnya banyak digunakan oleh orang yang berkecimpung di dunia internet hanya sekedar untuk menulis kegiatan sehari-hari. Jadi, dengan melihat fungsinya blog tidak lain semacam buku diary yang online. Namun seiring perkembangan zaman dan banyaknya pengguna blog fungsinya berubah bukan hanya sekedar untuk menulis kegiatan sehari-hari tetapi lebih banyak lagi untuk berbagi informasi mengenai suatu topik. Bahkan dewasa ini fungsinya lebih untuk mengoptimalkan pendapatan dari internet.

Nah! sekarang setelah anda jadi lebih jelas mengenai apa itu blog penulis akan jelaskan bagaimana membuat blog dengan blogger. Berikut langkah-langkah dalam membuat blog.

1. Pertama log in ke www.blogger.com kemudian klik "creat a blog", kemudian tunggu hingga muncul

halaman seperti gambar dibawah ini.



2. Isi dengan lengkap semua form yang tersedia dan jangan lupa centang Persetujuan dari blogger.com lalu

klik selanjutnya hingga muncul halaman seperti gambar dibawah ini:



3. Isikan judul blog yang akan ditampilkan di header nanti, lalu tentukan alamat blog yang akan dipakai dengan mengisi "Alamat blog (URL) anda. Setelah terisi lalu anda klik ketersediaan. Bila tidak disetujui oleh blogger berarti alamat yang anda inginkan sudah dipakai oleh orang lain. Isikan terus alamat blog yang anda kehendaki hingga muncul pesan"Alamat blog (URL) namabloganda.blogspot.com tersedia. Lalu klik tanda panah dipojok bawah halaman.

4. Setelah anda mengklik tombol selanjutnya, anda akan dibawa pada halaman baru untuk memilih jenis template yang akan digunakan. Pilih salah satu template yang akan digunakan sesuai selera kemudian klik selanjutnya. Maka akan muncul halaman baru yang berisi ucapan selamat Blog Anda Sudah Jadi.

5. Nah selamat anda sudah mempunyai website atau weblog secara gratis. Sampai tahap ini, anda sudah berhasil membuat website atau weblog. Langkah selanjutnya adalah dengan mengisi konten blog agar terlihat seperti website profesional dengan cara memposting artikel yang relevan dengan judul blog yang anda buat sekaligus mempercantik dengan menambahkan widget sesuai selera.

Sampai disini penulis berikan ulasan mengenai Cara Membuat Blog di Blogspot. Agar blog anda terlihat seperti blog profesional, ikuti terus update MS's Corner untuk mendapatkan artikel-artikel menarik seputar blogging.....!