TutorialKu

Analisis Peluang Usaha

2020-05-06T22:07:00.000-07:00

Beberapa Cara Analisis Peluang Usaha

Analisisi peluang usaha biasanya akan mempertimbangkan keempat aspek, seperti perencanaan pasar, desain teritorial, segmentasi pembeli, dan pasar. Tentu saja, masing-masing komponen tersebut memiliki maksud yang berbeda dan harus ada dalam suatu pertimbangan peluang usaha.

Perencanaan Pasar

Memulai suatu bisnis bisa menjadi hal yang sangat melelahkan dan membuat stress banyak pebisnis. Ini bukanlah tugas yang mudah. Itulah mengapa kebanyakan dari perusahaan besar akan menyewa jasa konsultan Business Analyst untuk dapat mengidentifikasi informasi perencanaan pasar mengenai bisnis dan marketing.

Biasanya konsultan tersebut akan memberitahu mengenai berbagai macam aspek yang harus dilakukan, seperti sales, kustomer yang ditargetkan, peluang pasar, dan data seputar peluang keberhasilan bisnis Anda.

Hal itu hanya berlaku bagi perusahaan yang sudah besar. Namun, bukan berarti Anda yang sedang berencana membuat usaha harus terpuruk dan tidak percaya diri dengan permulaan bisnis Anda. Paling tidak Anda perlu mencari tahu mengenai lokasi Anda, demografi di lokasi bisnis akan didirikan, biaya pembuatan properti, dan lain sebagainya.

Anda tidak perlu menyewa sebuah konsultan, karena sudah pasti harus membayar biaya yang cukup mahal untuk bisa menggunakan jasa analisanya. Anda perlu melakukan survei terlebih dahulu mengenai pasar yang akan diselami. Semakin banyak data yang ada, maka akan sangat membantu pengambilan keputusan yang tepat sebelum memulai bisnis.

Desain Teritorial

Memulai sebuah bisnis harus memilih tempat yang tepat. Bahkan, toko online saja juga memperhatikan ongkos kirim yang mana berkaitan dengan teritorial. Semakin dekat Anda dengan keramaian penduduk, maka dapat dipastikan bahwa bisnis Anda memiliki potensi lebih besar untuk bisa laris.

Mengetahui tips mencari tempat usaha yang strategis juga akan sangat membantu dalam pemilihan wilayah yang tepat dalam pengembangan franchise, sales agent, maupun pemberian layanan dari bisnis Anda. Proses identifikasi terhadap kesimpangsiuran barang akan lebih mudah. Relokasi menjadi lebih efektif dan Anda akan dapat membuat peta territorial pengantaran barang menjadi lebih mudah.

Dalam menentukan territorial ini, Anda perlu mengkombinasikan antara sales dengan data kustomer menggunakan ESRI’s bisnis dan data kostumer terupdate. Hal tersebut akan memudahkan Anda dalam menginterpretasikan informasi, statistika, grafik, dan berbagai macam pertimbangan lain.

Anda perlu mengkaitkan antara wilayah dengan adat istiadat, kebudayaan, agama, dan lain sebagainya sebelum memulai bisnis. Anda juga perlu mengetahui akan kebiasaan pola hidup masyarakat suatu daerah. Misalkan saja, Anda akan memulai sebuah restoran di Jepang.

Maka Anda harus mencari tahu mengenai rasa apa yang disukai oleh masyarakat Jepang dan apa yang tidak mereka sukai. Hal yang disukai adalah olahan ikan dan hal yang tidak disukai adalah rasa pedas. Anda sudah pasti tidak bisa menjual menu dengan rasa yang sangat pedas seperti di Indonesia ketika akan membuka restoran di Jepang.

Segmentasi Pembeli

Salah satu hal lain yang juga harus dipertimbangkan adalah segmentasi pembeli. Apakah bisnis Anda akan merujuk pada pembeli kelas menengah maupun kelas atas. Anda harus bisa memetakan kawasan dan lingkungan yang dipenuhi dengan para pembeli dari masing-masing kelas tersebut.

Mengetahui pemetaan kawasan tersebut akan memudahkan Anda dalam pembangunan dan pengembangan bisnis Anda kelak. Anda juga akan dapat mengerti dimana dan bagaimana bisnis Anda akan dipandang di dunia pasar atau oleh konsumen. Produk atau layanan apa saja yang bisa ditawarkan kepada konsumen.

Anda perlu untuk membandingkan mengenai rata-rata demografi wilayah, negara mana yang akan dimasuki oleh produk Anda, baik dalam skala nasional maupun internasional, dan memetakan perilaku pengeluaran konsumen.

Misalkan saja, masyarakat desa memiliki kebiasaan untuk menghabiskan uang hasil panen dengan segera. Kebiasaan ini dapat dilihat oleh para pebisnis untuk mengeluarkan stok berlebih dalam waktu tertentu, seperti masa panen.

Sedangkan wilayah perkotaan seperti Jakarta memiliki kebiasaan sering memamerkan barang berbrand Internasional. Hal tersebut juga dimanfaatkan oleh pebisnis untuk dapat meraup untung dari gaya hidup dan kebiasaan mereka dalam mengeluarkan uang.

Sedangkan saat ini, orangtua sangat mendambakan anak-anaknya menjadi jenius sedini mungkin. Hal tersebut juga dimanfaatkan dengan adanya playgroup, TK, maupun bimbingan belajar berbasis internasional.

Intinya bahwa Anda harus jeli dalam melihat pasar dan demand sebelum memutuskan untuk mendirikan suatu bisnis. Hal ini akan masuk kedalam kategori segmentasi pembeli. Apabila Anda menawarkan barang maupun layanan yang tidak sesuai dengan segmentasi pembeli di suatu territorial, maka dapat dipastikan bahwa bisnis tersebut tidak akan laku.

Misalkan saja, ada penjual A yang menjual sebuah toko yang menjual snack jajanan pasar di daerah perkotaan yang dekat dengan area perumahan elite. Bisa dipastikan hanya sedikit sekali masyarakat sekitar yang akan membeli snack jajanan tersebut. Seharusnya penjual tersebut bisa saja datang ke area perkantoran maupun pasar tradisional atau perumahan non-elite.

Saat ada penjual B yang menjual barang-barang berbrand Internasional original dan menjual di desa, maka dapat dipastikan bahwa kebanyakan dari orang desa akan mengeluhkan barang dagangan dari penjual B yang terlalu mahal. Oleh sebab itu, menemukan segmen pembeli yang tepat sangat penting sebelum memulai suatu bisnis.

Pasar

Anda perlu mencari informasi sebanyak mungkin mengenai cara pemasaran yang paling efektif. Anda juga bisa mencari tahu cara berinvestasi dengan memasang iklan di wilayah mana yang paling menjaring konsumen untuk datang menggunakan produk maupun layanan Anda kelak.

Anda juga harus mencari tahu cara meningkatkan pendapatan bisnis Anda misalnya, dengan melakukan promosi agar penjualan meningkat secara drastis. Salah satu contoh dari cara pemasaran yang sedang marak saat ini adalah menggunakan media sosial dan elektronik. Semakin banyak informasi yang Anda dapatkan, maka akan semakin besar juga peluang usaha Anda.

Sebisa mungkin untuk mencari pasar yang besar dengan pesaing yang lebih sedikit. Hal ini akan memudahkan Anda dalam menjual produk dan jasa Anda. Cara untuk mengeluarkan berbagai produk dan layanan tersebut akan sangat menguras kreativitas dan juga inovatif yang mana tidak selalu dimiliki oleh semua pebisnis.

Anda pasti sudah memahami mengenai hal apa saja yang harus dipertimbangkan dalam melakukan Analisis peluang usaha. Saat keempat komponen tersebut sudah saling berkaitan satu sama lain mengenai bisnis yang akan dibuat, maka besar peluang bisnis Anda untuk dapat menjalankan usaha dengan sukses.

PERANCANGAN SISTEM INFORMASI PERNIKAHAN DAN STATUS PERNIKAHAN KANTOR URUSAN AGAMA KECAMATAN CANDUANG AGAM BERBASIS WEB DENGAN FRAMEWORK CODEIGNITER

2018-12-19T05:59:00.001-08:00

PERANCANGAN SISTEM INFORMASI PERNIKAHAN DAN STATUS PERNIKAHAN KANTOR URUSAN AGAMA KECAMATAN CANDUANG AGAM BERBASIS WEB DENGAN FRAMEWORK CODEIGNITER

Abstract

Chanduang’s Religious affairs office (KUA) is an institution that provide the service of marriage, reconciliations, and marriage’s consultations for Canduang’s sub district residents. In order to help Religious affairs office in registrations and data processing, an information system is needed to help this registration process can be done everywhere and without attending to the office. Moreover, for wide society, an application to show the information of Marriage’s status is also needed to avoid deception the status of Marriage. An Information System about marriage and marriage status is designed in web-based with involve language programming HTML5, CSS3, JavaScript, Jquery and PHP5 with object orientedbased. Meanwhile, the data base used is SQL. The design of the system also involves Use Case, Activity Diagram, Context Diagram, Flowchart, Class Diagram, Normalizes and ERD. This system also use the otherwise called in addressing with apply htaccess in the real file address as one of security System. This system information involves three users; Admin, officers and also bridegrooms. The three levels of users are registered with private account to sign in to the system which has each username and password with MD5 encryption. The main page of the system will show the information of Marriages’ registrant and marriage schedule on Chanduang’s Religious affairs office. This system will help the KUA’s officer and also residents in applying marriage datas and show someone’s Marriage status.

Key words: Information system, Marriage, Reconciliation, Web Programming

Untuk mendapatkan journal silahkan klik tombol DOWNLOAD di bawah

Tutorial Text HTML Part 8: Cara Membuat Text HTML Tanpa Format (tag pre dan tag code)

2016-06-20T18:40:00.000-07:00

Di dalam HTML, untuk menampilkan text agar bisa tampil dengan spasi dan karakter sesuai aslinya (text tanpa format) kita memerlukan tag khusus, yakni tag <pre>. Jika di dalam tag biasa,HTML akan mengabaikan spasi antar karakter (apabila terdapat lebih dari 1 spasi secara berurutan), text yang berada di dalam tag <pre> akan ditampilkan dengan ‘apa adanya’.

Pada tutorial Text HTML kali ini kita akan membahas tentang Cara Membuat Text HTML Tanpa Format dengan menggunakan tag <pre> dan tag <code>.

Tag <pre> Untuk Membuat Preformatted Text HTML

Tag <pre> adalah singkatan dari Preformatted Text. Sesuai dengan namanya, tag ini digunakan untuk text yang ‘belum’ diformat. Jika text diinput ke dalam tag <pre>, maka HTML akan menampilkan text tersebut sesuai dengan ‘apa adanya’. Text akan ditampilkan sesuai bagaimana text tersebut di buat, termasuk spasi yang ada.

Tag <pre> termasuk ke dalam kelompok block level element, sehingga akan ditampilkan di baris baru, terpisah dari text yang ada sebelum tag ini.

Berikut adalah contoh cara penulisan dan penggunaan tag <pre> di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<pre>

Spasi di dalam bagian 

ini akan     ditampilkan

dengan                  apa        adanya

</pre>

</body>

</html>

Seperti yang terlihat, spasi akan tetap ditampilkan sebagaimana yang ditulis. Juga jenis font yang digunakan biasanya font berjenis “monospace” yang memiliki panjang karakter yang sama untuk setiap hurufnya.

Tag <pre> juga sering dipakai untuk membuat contoh program. Seluruh contoh kode program di duniailkom ini ditampilkan di dalam tag <pre>. Tapi kita harus mengkonversi karakter “<” dan “>” menjadi karakter HTML Entity. Lebih lanjut bisa ke: Cara Menampilkan dan Memasukkan Karakter Khusus ke dalam HTML.

Tag <code> untuk Penulisan Kode

Sesuai dengan namanya, tag <code> ditujukan untuk memasukkan kode ke dalam HTML. Umumnya web browser akan menampilkan text yang berada di dalam tag <code> sama dengan jenis font tag <pre>, yakni dengan font monospace, namun dengan perbedaan bahwa tag <code>akan menghapus semua spasi yang lebih dari 1.

Tag <code> termasuk kelompok inline level element, dan mengikuti alur text yang ada.

Berikut adalah contoh cara penulisan dan penggunaan tag <code> di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<p>HTML adalah singkatan dari 

<code>Hypertext Markup          Language</code></p>

</body>

</html>

Dari contoh dapat dilihat perbedaan dari tag <pre> dan tag <code>. Tag <pre> bersifatblock elemen, sedangkan tag <code> bersifat inline elemen. Tag <pre> akan menampilkan seluruh text tanpa menformat spasi, namun di dalam tag <code>, jika ditemukan karakter spasi dengan jumlah lebih dari 1, maka hanya 1 yang digunakan.

Selain menggunakan tag <pre> dan tag <code>, HTML versi 4.01 memiliki tag <tt> yang akan menghasilkan tampilan yang sama dengan tag <code>.Tag <tt> adalah singkatan dari Teletype, dan akan ditampilkan dengan font “monospace”.

HTML5 menyatakan tag <tt>: deprecated, yang artinya disarankan untuk tidak digunakan, dan kemungkinan tidak akan didukung web browser. Anda mungkin masing menemukan tag ini terutama dalam website lama.

Tutorial Text HTML Part 7: Cara Membuat Kutipan di dalam HTML (tag blockquote dan tag q)

2016-06-20T17:44:00.000-07:00

Dalam penulisan text, terutama artikel ilmiah, kita akan sering membuat kutipan yang berasal dari sumber-sumber referensi. Untuk penulisan kutipan, HTML memiliki 2 buah tag khusus, yakni tag <blockquote> dan tag <quote>. Pada tutorial Text HTML kali ini kita akan membahas Cara Membuat Kutipan di dalam HTML.

Tag <blockquote> Untuk Membuat Kutipan Panjang HTML

Tag <blockquote> digunakan untuk bagian text yang merupakan kutipan panjang. Disebut kutipan panjang karena tag ini merupakan tipe block element, sehingga akan memisahkan diri dari text yang ada menjadi baris baru. Tag <blockquote> lebih cocok digunakan untuk memberikan penegasan penting untuk kutipan.

Selain untuk kutipan, sering juga tag ini digunakan untuk penulisan testimoni.

Berikut adalah contoh cara penulisan dan penggunaan tag <blockquote> di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<p>HTML atau Hypertext Markup Language adalah dasar dari semua 

halaman web di internet.</p>

<p>Berikut adalah defenisi HTML dikutip dari Wikipedia: </p>

<blockquote>HTML or HyperText Markup Language is the standard 

markup language used to create web pages. 

HTML is written in the form of HTML elements consisting of tags 

enclosed in angle brackets.</blockquote>

</body>

</html>

Seperti yang terlihat, secara default Web browser menampilkan tag <blockquote> sebagai paragraf baru dan dijorokkan (indent) beberapa pixel pada awal dan akhir text.

Tag <q> Untuk Membuat Kutipan Pendek HTML

Tag <q> adalah versi inline dari tag <blockquote>. Tag ini digunakan untuk kutipan pendek yang akan ‘menyatu’ dengan text yang ada saat ini karena sifatnya yang termasuk tipe inline element.

Didalam spesifikasi HTML, Web browser akan menampilkan text yang berada di dalam tag <q>berada didalam tanda kutip.

Berikut adalah contoh cara penulisan dan penggunaan tag <q> di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<p>Andi berkata, <q>Jadilah diri anda sendiri</q>

</body>

</html>

Seperti yang terlihat, web browser akan menambahkan tanda kutip untuk tag <q>, walaupun kita tidak menuliskannya di dalam text.

Tutorial Text HTML Part 5: Cara Membuat Huruf Tercoret (Strikethrough) HTML (tag s dan tag del)

2016-06-19T21:33:00.000-07:00

Dalam tutorial Text HTML kali ini, kita akan membahas tentang Cara Membuat Huruf Tercoret di dalam HTML. Huruf / Text tercoret ini dikenal juga dengan istilah strikethrough. Strikethroughbiasanya digunakan untuk mengoreksi text atau bagian dari kalimat. Untuk membuat text tercoret ini, kita menggunakan tag <s> dan tag <del>.

Tag <s> untuk Penulisan Strikethrough dalam HTML

Tag <s> adalah singkatan dari Strikethrough. Strikethrough adalah istilah yang dipakai untuk membuat text dengan garis tercoret. Tag <s> tidak memiliki arti apa-apa dan murni merupakan format text untuk menampilkan text dengan strikethrough.

Tag <s> masuk ke dalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut adalah contoh cara penulisan dan penggunaan tag <s> di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<p><s>JavaScript</s> HTML adalah dasar dari

semua halaman web di internet. Jika anda ingin mempelajari cara 

membuat website, maka hal pertama yang harus dipelajari adalah HTML</p>

</body>

</html>

Tag <del> untuk Text yang di Koreksi

Tag <del> adalah singkatan dari delete. Sesuai dengan namanya, tag <del> ditujukan untuk penulisan text yang dianggap salah dan ingin dikoreksi. Tag <del> merupakan kebalikan dari tag<ins> yang bertujuan untuk penambahan text baru.

Tag <del> saya masukkan ke dalam tutorial ini karena secara default web browser menampilkan tag <del> dengan garis tercoret. Tag ini termasuk jenis inline element.

Berikut adalah contoh cara penulisan dan penggunaan tag <del> di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<p>HTML atau Hypertext Markup Language adalah dasar dari

semua halaman web di internet. 

Jika anda ingin mempelajari cara membuat website, maka 

<del>hal pertama yang harus dipelajari adalah PHP</del>

<ins>hal pertama yang harus dipelajari adalah HTML</ins></p>

</body>

</html>

Secara pribadi, saya menggunakan tag <s> untuk bagian text yang tidak ditujukan apa-apa selain garis tercoret. Namun apabila ada bagian text yang memang dirasa perlu dikoreksi, tag <del>akan membantu struktur konten dari HTML dan lebih disarankan.

Selain menggunakan tag <s> dan <del>, HTML versi 4.01 memiliki tag <strike> dengan tampilan yang sama, namun HTML5 menyatakan tag <strike> deprecated, yang artinya disarankan untuk tidak digunakan, dan kemungkinan tidak akan didukung web browser. Anda mungkin masing menemukan tag ini terutama dalam website lama.

Untuk membuat hasil huruf dengan garis tercoret di dalam CSS, kita bisa menggunakan:

text-decoration: line-through;

Tutorial Text HTML Part 6: Cara Menulis Persamaan Matematis di dalam HTML (tag sup dan tag sub)

2016-06-19T21:32:00.004-07:00

Dalam membuat konten web, kadang kita perlu membuat dan memasukkan persamaan matematika ke dalam HTML, seperti pangkat, rumus kimia, dll. Cara penulisan ini misalnya 2³atau H₂O. Pada tutorial kali ini kita akan membahas Cara Menulis Persamaan Matematis di dalam HTML dengan tag dan tag .

Tag Untuk Membuat Text Superscript

Tag  adalah singkatan dari superscript, yaitu sebutan untuk karakter kecil diatas text. Umumnya superscript digunakan didalam persamaan matematika seperti dalam pembuatan pangkat. Dalam angka 3² , angka 2 adalah superscript. Penulisan HTML untuk hal ini adalah32.

Tag  masuk ke dalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut adalah contoh cara penulisan dan penggunaan tag  di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<p>3<sup>2</sup> + 5<sup>3</sup> = 9 + 125 = 134</p>

</body>

</html>

Tag untuk membuat text Subscript

Tag  adalah singkatan untuk Subscript. Subscript adalah penyebutan untuk karakter kecil yang diletakkan sedikit di bawah baris karakter normal. Biasanya subscript digunakan untuk formula kimia seperti H₂O. H₂O di dalam tag HTML ditulis dengan H2O.

Tag  masuk ke dalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut adalah contoh cara penulisan dan penggunaan tag  di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<p>Dalam rumus kimianya, air ditulis sebagai H<sub>2</sub>O</p>

</body>

</html>

Untuk membuat efek yang sama seperti tag  dan tag  melalui CSS agak sedikit sulit, karena CSS tidak memiliki style khusus untuk superscript dan subscript. Untuk membuat efeknya, anda bisa menggabungkan beberapa ‘trik’ seperti berikut ini untuk mendapatkan efek superscript di CSS:

position: relative; top: -0.5em; font-size: 80%;

Baik tag  maupun tag  kemungkinan akan jarang kita gunakan, kecuali jika anda membuat artikel matematika atau kimia. Untuk persamaa matematika yang cukup rumit, harus menggunakan bahasa pemrograman web lain seperti JavaScript dan menggunakan notasi LaTeX.

Tutorial Text HTML Part 3: Cara Membuat Huruf Tebal dalam HTML (tag b dan tag strong)

2016-06-17T17:10:00.004-07:00

Dalam pembuatan text, kadang kita perlu untuk membuat beberapa kata dalam format huruf tebal untuk penekanan kalimat. Di dalam HTML, untuk membuat huruf tebal, kita menggunakantag dan tag . Dalam tutorial HTML kali ini, kita akan membahas Cara Membuat Huruf Tebal dalam HTML dengan tag dan tag .

Tag dan Untuk Membuat Huruf Tebal dalam HTML

Jika anda telah membaca tutorial text HTML sebelumnya, yakni tentang tag  dan tag ,maka kejadian serupa juga dialami oleh tag  dan tag .

Pada masa-masa awal perkembangan web, CSS pada saat itu belum berkembang seperti sekarang, sehingga keperluan untuk mengubah atau mempercantik halaman web, ditangani langsung oleh HTML.

Tag  adalah singkatan dari bold yang di dalam aplikasi pemrosesan text berarti huruf tebal. Sama seperti alasan pada tag , pada saat era xHTML, tag  juga disarankan untuk tidak digunakan lagi, karena tag yang menangani tampilan seharusnya digantikan dengan CSS.

xHTML kemudian menyediakan tag  yang berarti “strong importance” untuk menggantikan penggunaan tag . Tag  digunakan pada bagian text yang perlu penekanan khusus seperti instruksi, atau kalimat penting. Web browser akan menampilkan tag dengan huruf tebal.

Pada saat HTML5 keluar, tag  kembali di ‘restui’ menjadi tag resmi HTML, namun dengan tujuan sebagai “stylistically offset”, atau penggunaannya adalah untuk menandai kata kunci ataunama produk yang dirasa perlu untuk ditulis berbeda dengan text di sekelilingnya.

Berikut adalah contoh perbedaan penggunaan tag  dan tag :

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<p>Saya sedang belajar di <b>Duniailkom.com</b></p>

<p>HTML adalah <strong>bahasa wajib programmer web</strong></p>

</body>

</html>

Di dalam contoh tersebut, saya menggunakan tag  untuk penulisan nama situs duniailkom, dan tag  untuk penekanan kalimat penting.

Untuk membuat hasil berupa huruf tebal di dalam CSS, kita bisa menggunakan:

font-weight: bold;

Sama seperti tag , tag  lebih populer di gunakan dibandingkan dengan tag , hal ini terutama disebabkan karena tag  telah ada dari awal perkembangan HTML. Di dalam spesifikasi HTML5, kedua tag ini memiliki tampilan yang sama, namun dengan pengertian yang berbeda.

Tutorial Text HTML Part 4: Cara Membuat Huruf Garis Bawah (underline) HTML (tag u dan tag ins)

2016-06-17T17:10:00.003-07:00

Penulisan text dengan garis bawah atau underline biasa digunakan untuk menandai kata atau penekanan kata yang dianggap penting. Untuk membuat karakter dengan garis bawah di dalamHTML, kita menggunakan tag  dan tag <ins>.

Dalam tutorial kali ini, kita akan mempelajari Cara Membuat Huruf Garis Bawah (underline) dalam HTML dengan menggunakan tag dan tag <ins>.

Tag untuk Penulisan Text dengan Garis Bawah

Tag  adalah singkatan dari underline, atau garis bawah. Tag ini digunakan untuk membuat karakter text dengan garis bawah. Sama seperti tag  dan , tag  tidak memiliki tujuan apa-apa dan lebih kepada tampilan dari text.

Tag  masuk kedalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut adalah contoh cara penulisan dan penggunaan tag  di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<p><u>HTML</u> atau <u>Hypertext Markup Language</u> 

adalah dasar dari semua halaman web di internet. 

Jika anda ingin mempelajari cara membuat website,

maka hal pertama yang harus dipelajari adalah HTML</p>

</body>

</html>

Tag <ins> untuk Penulisan Text dengan Garis Bawah

Tag <ins> adalah kependekan dari Insert. Tag <ins> ditujukan untuk bagian text baru yang ditambahkan ke dalam konten web. Tag <ins> dirancang untuk menegaskan bagian text yang sebelumnya tidak ada. Tag ini adalah kebalikan dari tag <del>.

Tag <ins> saya masukkan ke dalam tutorial ini karena secara default web browser menampilkan tag <ins> dengan garis bawah. Tag ini termasuk jenis inline element.

Berikut adalah contoh penggunaan tag <ins> di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<p>HTML atau Hypertext Markup Language adalah dasar dari

semua halaman web di internet. Jika anda ingin mempelajari 

cara membuat website, maka 

<del>hal pertama yang harus dipelajari adalah PHP</del>

<ins>hal pertama yang harus dipelajari adalah HTML</ins></p>

</body>

</html>

Secara pribadi, saya menggunakan tag  untuk bagian text yang tidak ditujukan apa-apa selain mempertegas penulisan. Namun apabila ada bagian text yang ditambahkan kemudian, tag <ins>akan membantu struktur konten dari HTML.

Untuk membuat hasil huruf dengan garis bawah di dalam CSS, kita bisa menggunakan:

text-decoration: underline;

Tutorial Text HTML Part 2: Cara Membuat Huruf Miring dalam HTML (tag i dan tag em)

2016-06-16T17:44:00.000-07:00

Merubah format text seperti membuat huruf miring, merupakan hal biasa yang kita lakukan dalam aplikasi text processing, misalnya Microsoft Word. Dalam tutorial kali ini, kita akan membahas Cara Membuat Huruf Miring dalam HTML dengan tag dan .

Tag Untuk Membuat Huruf Miring dalam HTML

Tag  adalah singkatan dari italic. Italic merupakan sebutan untuk karakter text yang ditulis miring. Pada awalnya, tag  tidak memiliki arti struktur apa-apa, dan pernah berstatusdeprecated yang artinya disarankan untuk tidak digunakan lagi.

Hal ini terjadi karena tag  semata-mata bertujuan untuk membuat huruf italics, atau garis miring. Sebagian programmer berpendapat bahwa tag yang bertujuan visual seperti ini sebaiknya tidak dipakai dan dialihkan kepada CSS.

Namun pada era HTML5 saat ini, tag  tetap dipertahankan, namun defenisinya diganti menjadi “alternative voice”. Alternative Voice dimaksudkan untuk menandai bagian artikel yang ‘pengucapan’ atau ‘mood‘-nya berbeda, seperti untuk menandai kata atau kalimat yang berasal dari bahasa asing.

Tag  masuk ke dalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut adalah contoh cara penulisan dan penggunaan tag  di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>

<p>HTML adalah singkatan dari <i>Hypertext Markup Language</i></p>

</ul>

</body>

</html>

ag Untuk Stresses Emphasis Text HTML

Tag  adalah singkatan dari Stresses Emphasis. Stresses Emphasis ditujukan untuk menandai bagian text yang perlu di tekankan. Dalam implementasinya, tag  akan ditampilkan dengan huruf miring, sehingga mirip dengan tag .

Tag  masuk ke dalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut adalah contoh cara penulisan dan penggunaan tag  di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<p>Saya sedang belajar <em>HTML</em> di Duniailkom.com</p>

<p>HTML adalah singkatan dari Hypertext Markup Language</p>

</ul>

</body>

</html>

Walaupun keduanya sama-sama ditampikan dengan garis miring, tag  dan tag dimaksudkan untuk tujuan yang berbeda. Tag  digunakan untuk penekanan kata, sedangkan tag  digunakan untuk kata asing yang pengucapannya berbeda.

Dalam penggunaan sehari-hari, kedua tag ini sering dipertukarkan. Bahkan tag  lebih sering digunakan dibandingkan dengan tag . Beberapa programmer juga berpendapat bahwa kita tidak harus mengikuti aturan perbedaan ini, dan menggunakan apa yang lebih familiar selama hal itu tidak menjadi masalah.

Untuk membuat hasil huruf mirng di dalam CSS, kita bisa menggunakan:

font-style: italics;

Tutorial Text HTML Part 1: Perbedaan Block Element dengan Inline Element tag HTML

2016-06-16T17:43:00.001-07:00

Sebelum membahas tag-tag yang berkaitan dengan text, dalam tutorial ini saya ingin menjelaskan tentang 2 jenis tipe elemen atau 2 jenis tipe tag di dalam HTML, yakni block element dan inline element serta perbedaan keduanya.

Di dalam HTML, seluruh text atau ‘isi’ halaman web harus berada di dalam atau diantara tag pembuka dan penutup HTML. Tag-tag di dalam HTML bisa dibagi menjadi 2 bagian, yakni tag berjenis block, dan tag berjenis inline. Di dalam tutorial text HTML: Perbedaan block element dengan inline element HTML ini kita akan membahas perbedaan keduanya.

Pada dasarnya, seluruh tag dalam HTML dibedakan menjadi 2 jenis: tag bertipe block elementdan tag dengan tipe inline element. Perbedaan keduanya terletak dalam cara web browser menampilkan tag ini.

Pengertian Blok Level Element dalam Tag HTML

Tag dengan tipe block level element, bertujuan untuk membagi halaman HTML menjadi bagian yang terpisah, atau menjadi ‘blok’. Contoh dari blok elemen ini adalah tag paragraf (), list (<ol> atau <ul>), dan heading (<h1> s/d <h6>). Block element akan ditampilkan terpisah dari seluruh tag sebelum dan sesudahnya.

Web browser secara default akan menampilkan blok level elemen secara terpisah seolah-olah dalam sebuah ‘kotak’ dan dimulai pada baris baru (tidak mengikuti tag sebelumnya). Dan biasanya juga memiliki jarak spasi dari tag sebelum dan tag sesudahnya.

Berikut adalah contoh tag , <h2>, dan <ol> di dalam HTML:

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<h2>Saya sedang belajar Block Element HTML</h2>

<h4>Di Duniailkom.com</h4>

<p>Tag p dan h1 adalah tag dengan tipe blok</p>

<p>Keduanya akan dimulai di baris baru</p>

<ul>

<li>Tag li juga merupakan blok elemen</li>

<li>dan juga akan berjarak dari tag p sebelumnya</li>

</ul>

</body>

</html>

Dari contoh tersebut terlihat bahwa masing-masing tag akan ditampilkan di baris baru dan berjarak dari tag sebelumnya.

Pengertian Inline Level Element dalam Tag HTML

Berbeda dengan block level element, tag dengan tipe inline level element akan ‘menyatu’ dengan tag sebelum dan sesudahnya. Tag ini tidak akan memulai blok atau baris baru namun akan tetap berada di dalam blok tersebut. Tag inline juga tidak akan ditampilkan dengan jarak dari tag sebelum dan sesudahnya. Contoh dari tag inline ini adalah: , , dan .

Berikut adalah contoh dari halaman HTML kita sebelumnya, namun seluruh tag diganti dengan tag inline seperti , , dan :

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML di Duniailkom</title>

</head>

<body>

<p><strong>Saya sedang belajar Inline Element HTML </strong>

<i>Di Duniailkom.com </i>

<b>Tag i dan em adalah tag dengan tipe inline</b>

<em>Keduanya tidak dimulai di baris baru</em></p>

</body>

</html>

Terlepas dari tampilan text yang dicetak tebal atau miring, inline elemen adalah jenis tag yang mengikuti alur dari tag HTML yang ada.

Tampilan yang menjadi perbedaan block elemen dengan inline elemen tidaklah mutlak. Dengan menggunakan CSS, kita bisa merubah tampilan block elemen ‘seolah-olah’ menjadi inline elemen dan sebaliknya. Namun karena tujuan HTML bukanlah untuk tampilan, melainkan untuk membuat struktur halaman web, kita sebaiknya tidak berfokus di dalam tampilan, namun di dalam struktur. Untuk menangani tampilan dari web, sebaiknya menggunakan CSS.

Belajar HTML Dasar Part 15: Tutorial HTML Dasar (Finish)

2016-06-15T23:50:00.002-07:00

Tutorial belajar HTML dasar ini kita tutup dengan sebuah halaman web dengan seluruh tag dan atribut yang telah kita pelajari dari tutorial part 1 sampai 14. Tag disini mencakup tag paragraf, heading, list, link, image (gambar), komentar, tabel dan form.

Berikut adalah rangkuman kode program sebuah halaman HTML. Ketiklah kode berikut dan save sebagai finish.html

Contoh rangkuman tag dasar html:

<!DOCTYPE html>

<html>

<head>

   <title>Summary HTML Dasar</title>

</head>

<body>

<!-- Akhirnya... Sebuah Halaman HTML Lengkap -->

<h1>Belajar HTML Dasar</h1>

<p> Ini <strong>adalah</strong> sebuah <em>paragraf</em> </p>

<!-- tag link -->

<p>Saya sedang belajar HTML dari 

<a href="http://www.duniailkom.com" target="_blank">Duniailkom</a> 

dan akan terbuka pada tab baru</p>

<!-- tag image -->

<img alt="gambar koala" src="koala.jpg" />

<!-- tag list -->

<h2>Daftar Belanjaan</h2>

<ol>

   <li>Minyak Goreng</li>

   <li>Sabun Mandi</li>

   <li>Deterjen</li>

   <li>Shampoo</li>

   <li>Obat Nyamuk</li>

</ol>

<!-- tag table -->

<table border="1">

<tr>

   <td>Baris 1, Kolom 1</td>

   <td>Baris 1, Kolom 2</td>

   <td>Baris 1, Kolom 3</td>

</tr>

<tr>

   <td>Baris 2, Kolom 1</td>

   <td>Baris 2, Kolom 2</td>

   <td> Baris 2, Kolom 3</td>

</tr>

<tr>

   <td> Baris 3, Kolom 1</td>

   <td> Baris 3, Kolom 2</td>

   <td> Baris 3, Kolom 3</td>

</tr>

<tr>

   <td> Baris 4, Kolom 1</td>

   <td> Baris 4, Kolom 2</td>

   <td> Baris 4, Kolom 3</td>

</tr>

</table>

<br/>

<!-- tag form -->

<form action="finish.html" method="get">

   Nama: <input type="text" name="nama" value="Nama Kamu" />

   <br />

   Password: <input type="password" name="password" />

   <br />

   Jenis Kelamin : 

   <input type="radio" name="jenis_kelamin" value="laki-laki" checked/> 

   Laki - Laki

   <input type="radio" name="jenis_kelamin" value="perempuan" /> 

   Perempuan

   <br />

   Hobi: 

     <input type="checkbox" name="hobi_baca" /> Membaca Buku

     <input type="checkbox" name="hobi_nulis" checked /> Menulis

     <input type="checkbox" name="hobi_mancing" /> Memancing

   <br />

   Asal Kota:

   <select name="asal_kota" >

     <option value="Kota Jakarta"> Jakarta</option>

     <option>Bandung</option>

     <option value="Kota Semarang" checked>Semarang</option>

   </select>

   <br />

   Komentar Anda:

   <textarea name="komentar" rows="5" cols="20">

   Silahkan katakan isi hati anda</textarea>

   <br />

   <input type="submit" value="Mulai Proses!" >

</body>

</html>

Jika anda telah mempelajari Tutorial Belajar HTML dari part 1 sampai part 14, seluruh kode HTML ini dapat dimengerti dengan mudah.

Walaupun kita telah mempelajari seluruh tag-tag umum dalam HTML, namun HTML masih menyimpan banyak tag-tag lain untuk kebutuhan yang lebih khusus. HTML juga makin berkembang dengan hadirnya HTML5.

Sampai disini anda boleh melanjutkan untuk mempelajari Tutorial HTML Lanjutan, dimana kita akan membahas tentang tag-tag yang lebih khusus. contohnya tag untuk menformat Text HTML, tag untuk membuat tabel HTML, dan tag untuk membuat Form HTML. Atau anda bisa langsung mempelajari tutorial dasar tentang CSS.

Belajar HTML Dasar Part 14 : Cara Membuat Form di HTML (tag form)

2016-06-15T23:50:00.001-07:00

Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web. Pada tutorial belajar HTML: cara membuat form di HTML ini kita akan membahas cara penggunakan tag form di dalam HTML.

Penggunaan form hanya menggunakan HTML saja tidak akan terlalu berguna. Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan diproses dengan bahasa pemograman web seperti JavaScript atau PHP, dan disimpan di dalam tabelMySQL. Untuk pembahasan lebih lanjut, saya akan menjelaskannya pada tutorial tentang PHPdan JavaScript.

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

Pengertian tag <form>

Sebuah form dalam HTML harus berada di dalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Tag form akan membutuhkan beberapa atribut untuk dapat berfungsi dengan seharusnya.

Atribut pertama adalah action, yang berfungsi untuk menjelaskan kemana data form akan dikirimkan. Biasanya nilai dari atribut action ini adalah alamat dari sebuah halaman PHP yang digunakan untuk memproses isi data form.

Atribut kedua adalah method, yang berfungsi untuk menjelaskan bagaimana data isian form akan dikirim oleh web browser. Nilai dari atribut method ini bisa berupa get atau post.

Perbedaan method get dan method post adalah, jika kita mengisi atribut method dengan get(dimana ini adalah nilai default seandainya atribut method tidak ditulis) maka isian form akanterlihat pada url browser. Method get ini biasanya digunakan untuk query pencarian. Method postbiasanya digunakan untuk data yang lebih sensitif seperti yang berisi password, atau registrasi user. Data hasil form tidak akan terlihat pada browser.

Struktur dasar form akan terlihat sebagai berikut:

<form action="prosesdata.php" method="post">

   ...isi form...

</form>

Mengenal tag <input>

Tag input merupakan tag paling banyak digunakan di dalam form dan memiliki banyak bentuk, mulai dari isian text biasa, text password, checkbox, radio, sampai dengan tombol submit, semuanya dalam bentuk tag <input>.

Bentuk-bentuk dari keluarga tag input ini dibedakan berdasarkan atribut type:

<input type=”text” /> atau bisa juga <input /> adalah textbox inputan biasa yang menerima input berupa text, contohnya digunakan untuk inputan nama, username, dan inputan yang berupa text pendek. Input type text ini juga bisa memiliki atribut value yang bisa diisi nilai tampilan awal dari text

<input type=”password” /> dalam tampilannya sama dengan type text, namun teks yang diinput tidak akan terlihat, akan berupa bintang atau bulatan. Biasanya hanya digunakan untuk inputan yang sensitif seperti password.

<input type=”checkbox” /> adalah inputan berupa checkbox yang dapat diceklist atau di centang oleh user. User dapat memilih atau tidak memilih checkbox ini. Type checkboxmemiliki atribut checked yang jika ditulis atau diisi dengan nilai checked, akan membuat chexkbox langsung terpilih pada saat pertama kali halaman ditampilkan. Contoh inputancheckbox berupa hobi, yang oleh user dapat dipilih beberapa hobi.

<input type=”radio” /> mirip dengan checkbox, namun user hanya bisa memilih satu diantara pilihan group radio. Type radio ini berada dalam suatu grup dan user hanya bisa memilih salah satunya. Contoh inputan type radio adalah jenis kelamin.

<input type=”submit” /> akan menampilkan tombol untuk memproses form. Biasanya diletakkan pada baris terakhir dari form. Atribut value jika diisi akan membuat text tombol submit berubah sesuai inputan nilai value.

Perhatikan juga bahwa seperti tag <img> dan  , tag <input> juga merupakan tag yang berdiri sendiri dan tidak membutuhkan penutup tag.

Mengenal tag <textarea>

Tag textarea pada dasarnya sama dengan input type text, namun lebih besar dan dapat berisi banyak baris. Panjang dan banyak baris untuk text area di atur melalui atribut rows dan cols, atau melalui CSS.

Contoh penggunaan textarea adalah sebagai berikut:

<textarea rows="5" cols="20">

    Text yang diisi dapat mencapai banyak baris

</textarea>

Elemen yang berada diantara tag textarea akan ditampilkan sebagai text awal dari form.

Mengenal tag <select>

Tag select digunakan untuk inputan yang telah tersedia nilainya, dan user hanya dapat memilih dari nilai yang ada. Tag select digunakan bersama-sama dengan tag option untuk membuat box pilihan.

Contoh penggunaan tag select adalah sebagai berikut:

<select>

    <option>Pilihan 1</option>

    <option>Pilihan 2</option>

    <option value="pilihan ketiga">Pilihan 3</option>

</select>

Ketika form dikirim untuk diproses, nilai dari tag <option> akan dikirimkan. Nilai ini adalah berupa text diantara tag option, kecuali jika kita memberikan atribut value. Jika atribut value berisi nilai, maka nilai value-lah yang akan dikirim. Ada atau tidaknya atribut value ini tidak akan tampak dalam tampilan form.

Tag select memiliki atribut selected yang dapat ditambahkan agar tag select berisi nilai awal. Contoh penggunaanya adalah sebagai berikut:

<select>

    <option>Pilihan 1</option>

    <option>Pilihan 2</option>

    <option value="pilihan ketiga" selected>Pilihan 3</option>

</select>

Mengenal Atribut: Name

Setiap tag inputan di dalam form harus ditambahkan atribut name agar dapat diproses oleh web server nantinya. Di dalam halaman proses (yang biasanya berupa bahasa PHP atau ASP), nilai dari atribut name inilah yang akan menjadi variabel form. Contoh pemakaiannya adalah sebagai berikut:

<input type="text" name="username">

<input type="text" name="email">

Kedua input diatas akan tampak sama persis, namun pada saat pemrosesan data, masing-masing akan dibedakan menurut atribut name.

Akhirnya, Sebuah Form Utuh

Merangkum seluruh tag form HTML yang telah kita bahas diatas, maka saatnya untuk membuat sebuah form HTML. Silahkan buka text editor, dan tuliskan kode HTML berikut, lalu save sebagaiformulir.html

Contoh penggunaan tag form:

<!DOCTYPE html>

<html>

<head>

   <title>Belajar Membuat Form </title>

</head>

<body>

<form action=" formulir.html" method="get">

Nama: <input type="text" name="nama" value="Nama Kamu" />

<br />

Password: <input type="password" name="password" />

<br />

Jenis Kelamin : 

<input type="radio" name="jenis_kelamin" value="laki-laki" checked /> 

Laki - Laki

<input type="radio" name="jenis_kelamin" value="perempuan" /> 

Perempuan

<br />

Hobi: <input type="checkbox" name="hobi_baca" /> Membaca Buku

      <input type="checkbox" name="hobi_nulis" checked /> Menulis

      <input type="checkbox" name="hobi_mancing" /> Memancing

<br />

Asal Kota:

 <select name="asal_kota" >

     <option value="Kota Jakarta"> Jakarta</option>

     <option>Bandung</option>

    <option value="Kota Semarang" selected>Semarang</option>

 </select>

<br />

Komentar Anda:

<textarea name="komentar" rows="5" cols="20">

Silahkan katakan isi hati anda

</textarea>

<br />

<input type="submit" value="Mulai Proses!" >

</form>

</body>

</html>

Terlepas dari tampilan yang kurang rapi, kita telah membuat sebuah form utuh (tampilan form dapat diubah dengan mudah menggunakan CSS). Perhatikan bahwa untuk atribut target saya mengisinya dengan: formulir.html dan atribut method dengan nilai get, sehingga pada saat anda klik kombol mulai proses, perhatikan perubahan pada alamat address bar browser, akan tampil tambahan seperti berikut:

file:///D:/BelajarHTML/formulir.html?nama=Andi&password=rahasia

&jenis_kelamin=laki-laki&hobi_nulis=on&asal_kota=Bandung

&komentar=Sudah+mahir+html

Jika diperhatikan dengan lebih lanjut, semua isian form tampak terlihat dari baris ini (karenamethod form kita set menjadi get) setiap nilai dibatasi dengan karakter dan (&) sedangkan spasi di ubah menjadi karakter tambah (+)

Pembuatan form tampak sedikit rumit, namun ini sepadan dengan kemampuannya untuk menampung data yang berharga dari user kita. Dalam tutorial lainnya kita akan membahas tentang cara memproses inputan form ini dengan bahasa pemograman PHP.

Jika anda ingin mempelajari lebih dalam tentang cara penulisan form HTML beserta tag dan atribut untuk pembuatan form HTML, duniailkom telah membuat tutorial khusus untuk Form HTML: Tutorial Form HTML lanjutan. Untuk pemrosesan Form menggunakan PHP, bisa dipelajari di dalam Tutorial PHP: Cara Membuat dan Memproses Form HTML dengan PHP

Sampai dengan tutorial belajar HTML dasar yang ke-14 ini, kita telah membahas hampir seluruh tag-tag umum yang digunakan untuk membuat halaman web. Sebagai tutorial terakhir untuk merangkum apa yang telah kita bahas hingga tutorial ini, silahkan lanjut ke Tutorial HTML Dasar (Finish).

TutorialKu

Analisis Peluang Usaha

Beberapa Cara Analisis Peluang Usaha

PERANCANGAN SISTEM INFORMASI PERNIKAHAN DAN STATUS PERNIKAHAN KANTOR URUSAN AGAMA KECAMATAN CANDUANG AGAM BERBASIS WEB DENGAN FRAMEWORK CODEIGNITER

PERANCANGAN SISTEM INFORMASI PERNIKAHAN DAN STATUS PERNIKAHAN KANTOR URUSAN AGAMA KECAMATAN CANDUANG AGAM BERBASIS WEB DENGAN FRAMEWORK CODEIGNITER

Tutorial Text HTML Part 8: Cara Membuat Text HTML Tanpa Format (tag pre dan tag code)

Tag <pre> Untuk Membuat Preformatted Text HTML

Tag <code> untuk Penulisan Kode

Tutorial Text HTML Part 7: Cara Membuat Kutipan di dalam HTML (tag blockquote dan tag q)

Tag <blockquote> Untuk Membuat Kutipan Panjang HTML

Tag <q> Untuk Membuat Kutipan Pendek HTML

Tutorial Text HTML Part 5: Cara Membuat Huruf Tercoret (Strikethrough) HTML (tag s dan tag del)

Tag <s> untuk Penulisan Strikethrough dalam HTML

Tag <del> untuk Text yang di Koreksi

Tutorial Text HTML Part 6: Cara Menulis Persamaan Matematis di dalam HTML (tag sup dan tag sub)

Tag <sup> Untuk Membuat Text Superscript

Tag <sub> untuk membuat text Subscript

Tutorial Text HTML Part 3: Cara Membuat Huruf Tebal dalam HTML (tag b dan tag strong)

Tag <b> dan <strong> Untuk Membuat Huruf Tebal dalam HTML

Tutorial Text HTML Part 4: Cara Membuat Huruf Garis Bawah (underline) HTML (tag u dan tag ins)

Tag <u> untuk Penulisan Text dengan Garis Bawah

Tag <ins> untuk Penulisan Text dengan Garis Bawah

Tutorial Text HTML Part 2: Cara Membuat Huruf Miring dalam HTML (tag i dan tag em)

Tag <i> Untuk Membuat Huruf Miring dalam HTML

ag <em> Untuk Stresses Emphasis Text HTML

Tutorial Text HTML Part 1: Perbedaan Block Element dengan Inline Element tag HTML

Pengertian Blok Level Element dalam Tag HTML

Pengertian Inline Level Element dalam Tag HTML

Belajar HTML Dasar Part 15: Tutorial HTML Dasar (Finish)

Belajar HTML Dasar Part 14 : Cara Membuat Form di HTML (tag form)

Pengertian tag <form>

Mengenal tag <input>

Mengenal tag <textarea>

Mengenal tag <select>

Mengenal Atribut: Name

Akhirnya, Sebuah Form Utuh