CLASS MEETING LOMBA PEMASARAN SMK YAPENKOS BELINYU

Belinyu, 19 Desember 2014

Hari-hari yang paling ditunggu dan disukai semua siswa biasanya hari Fakultatif. Iya, salah satunya masa-masa setelah UAS (Ujian Akhir Semester) karna di setiap sekolah biasanya menyelenggarakan even adu keterampilan / bakat antar kelas, yg biasa disebut Class Meeting.

Ini memang menarik, SMK Yapenkos yang biasanya memiliki program Class Meeting didominasi dengan Lomba Basket dan Futsal antar kelas, kini OSIS periode 2014 memiliki terobosan baru untuk mengadakan lomba Pemasaran, sesuai dengan konsentrasi study yang dimiliki oleh SMK Yapenkos Belinyu. Selain itu ada juga lomba lainnya seperti English Speech, LCC, Melukis dan Puisi.

Saya sebagai salah satu pengajar disini sangat bangga apabila siswa siswi kami memiliki keterampilan diluar bidang Pemasaran saja, selain olahraga juga penting untuk kesehatan raga, namun yang tidak kalah penting adalah keterampilan dalam bidang seni. Seni, apapun bidangnya ..... seni lukis, seni musik, puisi (poetry), drama,  dll ini akan menyehatkan jiwa, nah itu dapat menyeimbangkan mental / psikis kita yang terus-menerus fokus dalam KBM yang cukup menguras pikiran. Seni akan membentuk karakter siswa menjadi pribadi-pribadi yang kreatif , ini sudah tentu. Yang lebih bermanfaat lagi, seni akan membentuk jati diri kita menjadi lebih peka (sensitif) dengan hal-hal kecil (detail). Sehingga pengembangan sifat diri ini akan membangun watak siswa menjadi lebih toleransi, berperasaan, jiwa sosial yang tinggi, percaya diri, lebih teliti, dan hati-hati serta cerdik dalam mencari solusi. Nah, sekarang kita semua tahu bukan, betapa manfaatnya menggemari satu hobby seni. Karna itu buat kalian anak-anakku yang baik hatinya, jangan hanya gemar pada satu hobby olah raga saja, pilihlah satu bidang seni sebagai penyeimbang diri Anda. Sehat Raga, serta sehat jiwanya.

 Kembali lagi pada pokok pembicaraan mengenai Class Meeting Pemasaran..... siswa SMK Yapenkos Belinyu sebetulnya memiliki potensi yang tersembunyi, yang kadang akan muncul secara alami saat sudah berhadapan di lapangan. Khususnya dalam hal kreasi, cipta, dan rasa. Maksud saya dalam Lomba pemasaran ini setiap kelas memiliki stan yang telah siap menjual beraneka kuliner asli Bangka (Bangka Island Culinary).... yummmmyy... saya sendiri sebagai pendatang, menggemari beberapa kuliner khas Bangka. Namun ada juga yang belum bisa jodoh dengan lidah jawa saya, khususnya kuliner-kuliner yang lebih extrim,... (haha maaf sebelumnya ya,...). 

Pada Intinya even ini sangat memberikan nuansa baru, aura positif, serta sedikit pembuktian nyata bahwa apa yang kami ajarkan pada mereka dapat diaplikasikan dalam dunia perdagangan, meskipun dalam skala kecil. Oke ...!! tanpa bertele-tele lagi, langsung saja saya kasih galery photonya. Semoga menjadi Inspirasi.

 

Read More

SMK YAPENKOS Belinyu - Bussiness and Manajemen Vocational Education

SMK YAPENKOS BELINYU

Pendidikan Kejuruan Bisnis dan Manajemen

Keberadaan dunia pendidikan sebagai salah satu sendi kemajuan bangsa menjadi prioritas kita semua, Bangsa Indonesia. Dan sebagaimana yang telah terjadi sekarang ini, persaingan global membawa kita sebagai bangsa untuk mengambil peran sebagai salah satu bagian ketertiban dunia yang mau tidak mau dampaknya sudah kita rasakan. Bahwasanya perlintasan bisnis dan ekonomi pun semakin memperbanyak jalurnya hingga tanpa batas mempengaruhi semua aspek kehidupan di negara kita sendiri. Bagaimana masyarakat Indonesia mampu untuk menangani cepatnya perubahan pada sistem perekonomian, khususnya perdagangan? Apakah bila nanti sistem perdagangan negara-negara maju menjadi barometer dunia mampu selaras dengan sumber daya masyarakat kita? Tentunya ini menjadi pemikiran kita semua di negara kita ini.

Karena itu peranan instansi pendidikan seyogyanya mulai mempersiapkan dan membina masyarakat agar memiliki wawasan, wacana, dan keterampilan untuk mengatasi segala perubahan dan tuntutan jaman, khususnya di bidang Bisnis Manajemen. Karena sistem konventional sudah tidak relevan lagi untuk diimplementasikan pada jaman digital dan serba cepat seperti sekarang ini. Berdasarkan survey dari Indonesia Netizen tahun 2012, bahwa :

• 40% dari pengguna Internet di Indonesia (24,2 juta orang) mengakses Internet lebih dari 3 jam setiap harinya
• 58 juta orang (95%) mengakses Internet dari notebook, netbook, tablet dan perangkat seluler
• Komunitas terbesar pengguna Internet didominasi oleh kalangan middle class
• Mayoritas pengguna Internet di Indonesia berada di rentang usia 15-35 tahun
• 56,4% termasuk “bargain hunter” — yang rela berjam-jam berselancar di Internet untuk mencari informasi dan penawaran terbaik tentang kebutuhannya
• 3,7 juta orang (6%) pernah melakukan transaksi e-commerce
• budget rata-rata pembelian secara online adalah Rp 150 ribu.
• Dan para data tersebut akan terus bertambah setiap tahunnya

http://voila.co.id/indonesia-netizen/

Nah, tidak usah ditanya lagi apa itu Internet, karena ternyata lebih dari separuh masyarakat kita sudah kenal dengan internet. Ini menjadikan jalur distribusi baru dalam perdagangan. Ditunjang pula dengan dunia perbankan di Indonesia yang saling berlomba untuk memberikan pelayanan online dalam transaksinya, seperti Automatic Teller Machine (ATM), Mobile Banking maupun Internet Banking. Karena itu faktor penunjang untuk memasuki era perdagangan bebas sebenarnya sudah dipersiapkan dan terus dikembangkan di Indonesia.

SMK YAPENKOS Belinyu - merealisasikan pengembangan ini melalui sistem kejuruan Pemasaran yang terstruktur yang terbagi ke dalam sistem kompetensi dasar kejuruannya. Berbagai mata pelajaran berbasis sistem penjualan telah dipersiapkan untuk membekali para generasi muda. Sehingga disaat mereka berhadapan langsung dengan dunia perdagangan dan dunia kerja, mereka telah memiliki skill dan kompetensi dalam bidangnya.

Membekali diri Anda dengan ilmu, seperti halnya berinvestasi dengan kekayaan yang tidak ternilai. Dengan ilmu akan membuat diri kita bijaksana dalam menyegerakan suatu hal yang positif dan mencegah hal-hal negatif yang akan menimpa kita. Terus responsif dan memiliki kredibilitas dalam penguasaan terhadap perubahan dunia. Karena setiap detik dunia ini berubah dan pemikiran manusia juga sudah didesain untuk dapat menyesuaikan dengan perubahan itu.

Read More

Masalah pada Instal WINDOWS 8 - GPT DISK

Windows Cannot be install to the disk. The selected disk has an MBR partition table. On EFI Systems, Windows can only be install to GPT disks.

Pada waktu lalu seorang kawan minta di install kan Windows 8 pada Laptop ACER - nya. Entah karna jenis SO Windows 8 ataukah gara-gara Merk Laptopnya. Yang jelas saya sempet panik saat menemukan masalah partisi pada disk-0 yang gagal mulu. Mengingat cuma Drive-C saja yg di back up, sedangkan drive -D tidak saya back up, saya pikir ini seperti install biasa selayaknya OS-Windows yg lainnya. 

Windows Cannot be install to the disk. The selected disk has an MBR partition table. On EFI Systems, Windows can only be install to GPT disks.

  

Nah,...pesan kesalahan yang muncul persis seperti teks di atas...!!

Akhirnya saya sempet kembalikan lagi ke windows 7, guna mengamankan data Drive-D dahulu. Setelah itu browsing, mencari petunjuknya.... dan Walhasil, alhamdulillah saya menemukan artikel yg memiliki URL http://ilmubarokah.wordpress.com/2013/01/14/the-selected-disc-is-of-the-gpt-partition-style-intalling-windows-8-on-acer-v471g/  ini.

Pesan eror diatas akan timbul jika anda menekan teks ” Windows cannot be installed to disk 0 partition 1 (show deatail)”.

Tulisan diatas tersebut akan anda jumpai jika sedang instalasi windows yang mana partisi yang sedang digunakannya yaitu partisi MBR (Master Boot Record) dengan kata lain partisi standar BIOS. Sedangkan untuk menginstal Windows diatas dibutuhkan GPT Disk (GUID Partition Table) yang digunakan untuk install Windows mode UEFI (Unified Extensible Filmware Interface). Kelebihan dari UEFI adalah kemampuannya yang bisa booting lebih cepat dari sistem BIOS biasa serta menghemat energi dan keamanannya yang lebih baik.

 

Untuk mengatasinya ikuti langkah-langkah sbb :

1. jalankan instalasi windows 8 dengan flashdisk
2. setelah klik tombol install, segera tekan SHIFT+F10, untuk membuka editor DOS System.
3. ketik DISKPART
4. DISKPART>list disk
5. DISKPART>select disk n (n boleh diganti dengan hardisk tempat kita install windows, normalnya 0)
6. ketik perintah clean, proses ini akan menghapus semua data dan partisi di hardisk, jadi pikir2 dulu sebelum eksekus.
7. Setelah itu silahkan keluar dari DOS, dan lanjutkan instalasinya melalui Custom Advance.
8. Partisi ulang Disk-0
9. Next ------> ikuti prosedur instalasi seperti biasa.

Semoga membantu....

 

 

 

Read More

MATERI PEMASARAN ONLINE - PEMROGRAMAN HTML DASAR

SEJARAH HTML

Hypertext Markup Language (html) adalah bahasa yang digunakan untuk menulis halaman web. html merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). html sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak
tergantung pada suatu sistem operasi tertentu.
html dibuat oleh Tim Berners‐Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh
browser Mosaic. Selama awal tahun 1990 html mengalami perkembangan yang sangat pesat. Setiap
pengembangan html pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi
sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet
Engineering Task Force). html 2.0 ini merupakan penyempurnaan dari html+ (1993).
html 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide
Web Consortium’s (W3C) html Working Group pada tahun 1996 menghasilkan html 3.2. html versi ini
secara resmi diterbitkan pada bulan Januari 1997. html versi terbaru adalah html 4.01 yang dikeluarkan
secara resmi oleh W3C pada tanggal 24 April 1998. html merupakan perbaikan dari html 4.0 yang lebih
dulu diterbitkan. (18 Desember 1997).
DASAR‐DASAR HTML
Mendesain html berarti melakukan suatu tindakan pemrograman. Namun html bukanlah sebuah bahasa
pemrograman. Namun html hanyalah berisi perintah‐perintah yang telah terstruktur berupa tag‐tag
penyusun. Menuliskan tag‐tag html tidaklah sebatas hanya memasukkan perintah‐perintah tertentu agar
html kita dapat di akses oleh browser. Mendesain html adalah adalah sebuah seni tersendiri. Homepage
yang merupakan implementasi dari html adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu
mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan
bermanfaat.
Mendesain html dapat dilakukan dengan dua cara:
1. Menggunakan html Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain‐lain.
2. Dengan cara menuliskan sendiri secara manual satu persatu tag‐tag html ke dalam dokumen html.
Ada kelebihan dan kekurangan dari dua cara di atas. Cara pertama kelebihannya adalah html Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem‐publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen html maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai html. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag‐tag html. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara‐cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk html yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa html.

<html>
<head>
<title>Judul Dokumen html</title>
</head>
<body>
penulisan informasi Web
</body>
</html>

Dari struktur dasar html di atas dapat dijelaskan sebagai berikut:

a. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body.
Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen html, dan </body> ini adalah tag penutup isi dokumen html.

b. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen html pada web browser digunakan element title, dimana:
<title> ini adalah tag pembuka judul dokumen html Judul Dokumen html ini adalah isi judul dari dokumen html </title> ini adalah tag penutup judul dokumen html
Tag‐tag yang ditulis secara berpasangan pada suatu element html, tidak boleh saling tumpang tindih dengan pasangan tag‐tag lainnya. Contoh penulisan tag‐tag yang benar
<p>
<b>
</b>
</p>
Catatan : Jika penulisan script salah, maka script tidak terbaca sempurna ( Eror ) sehingga dapat mengganggu penampilan dan dinamika web itu sendiri

c. Attribute
Attribute mendefinisikan property dari suatu element html, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
<TAG
nama-attr="nilai-attr" nama-attr="nilai-attr">
</TAG>
Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang
halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">

d. Element html
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah html. Sintaks:
<html>
</html>
e. Element head
Merupakan kepala dari dokumen html. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>. Sintaks:
<head>
</head>
f. Element title
Merupakan judul dari dokumen html yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaks:
<title> Judul Halaman HTML
</title>
g. Element body
Element ini untuk menampilkan isi dokumen html. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>. Element body mempunyai attribute‐attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada
browser.
Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
</body>
text :memberikan warna pada teks
bgcolor :memberikan warna pada latarbelakang dokumen html
background :memberikan latarbelakang dokumen html dalam bentuk gambar
link :memberikan warna untuk link
alink :memberikan warna untuk link yang sedang aktif
vlink :memberikan warna untuk link yang telah dikunjungi.
Contoh :
<html>
<head>
<title>Judul Dokumen html</title>
</head>
<body bgcolor="#FFFF00" text="#FF0000" link="#009900">
Penulisan informasi Web<br>
<a href="#">Text Link (Tombol) ini berwarna hijau</a></body>
</html>
Catatan : Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen html maka attribute bgcolor yang akan digunakan.
REFERENSI TAG HTML
1. HEADING
Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen html
html menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file heading.html
<html>
 <head>
 <title>Headings</title>
 </head>
 <body> 
<h1>Heading Level 1</h1><! Tulisan ini tidak memiliki pengaruh >
<h2>Heading Level 2</h2><! dan tidak akan muncul di browser> 
<h3>Heading Level 3</h3><! Manfaatnya hanya sebagai keterangan saja> 
<h4>Heading Level 4</h4> 
<h5>Heading Level 5</h5> 
<h6>Heading Level 6</h6> 
</body> 
</html>

2. PARAGRAF
Untuk membuat paragraf digunakan tag <p>. Setelah tag <p> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </p>. Anda bisa mengatur posisi paragraf dengan attribut align. Atribut align diikuti dengan posisi yang diinginkan. left untuk rata kiri, center untuk rata tengah dan right untuk rata kanan.
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file paragraf.html
<html>
<head>
<title>Paragraf</title>
</head>
<body>
<html>
<head>
<title>Paragraf</title>
</head>
<body>
<p align="right"> PERHATIKAN! Paragraf ini rata kanan : If you can’t find your answer through the forums, or you wish to contact me for any other reason, the best place to write is books@sitepoint.com. SitePoint has a well-manned email support system set up to track your inquiries, and if the support staff are unable to answer your question, they send it straight to me. Suggestions for improvement as well as notices of any mistakes you may find are especially welcome.</p>
<p align="center">
PERHATIKAN! Paragraf ini berada di tengah : Craig plays bass guitar in Melbourne rock band Look Who&rsquo;s Toxic, 4 and indulges in all the extracurricular activities you&rsquo;d expect of a computer nerd/musician approaching 30 (other than role playing&mdash;somehow he never got into that).</p>
<p align="left">PERHATIKAN! Paragraf ini rata kiri : All rights reserved. No part of this book may be reproduced, stored in a retrieval system or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.</p>
</body>
</html>

3. BLOCKQUOTE
Perintah tag <blockquote> digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng‐identasi teks) atau menampilkan teks dalam bentuk huruf miring.
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file blockquote.html
<html>
<head>
<title>blockquote</title>
</head>
<body>
<h3>Sesuatu yang perlu dicoba</h3>
<blockquote>
Trademark Notice<br>
Rather than indicating every occurrence of a trademarked name as such, this book uses the names only in an editorial fashion and to the benefit of the trademark owner with no intention of infringement of the trademark.</blockquote>
</body>
</html>

4. PREFORMATTED TEXT
Preformatted Text (pre) digunakan untuk menampilkan teks sama seperti yang Anda ketikkan dalam dokumen html. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet).
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file performatted.html
<html>
<head>
<title>Preformatted Text</title>
</head>
<body>
<pre>All rights reserved. No part of this book may be reproduced,<br> stored in a retrieval system or transmitted in any form or <br>by any means, without the prior written permission of the<br> publisher, except in the case of brief quotations<br> embedded in critical articles or reviews.
</pre>
</body>
</html>

5. BEGIN ROW
Tag ini digunakan untuk menulis teks pada baris berikutnya. Tag <br> membuat baris baru tanpa memberi baris kosong di bawahnya.
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file beginrow.html
<html>
<head>
<title>Begin Row</title>
</head>
<body>
<p>Software-software yang dibutuhkan yaitu:
<br> Adobe Photoshop
<br> Adobe Dreamwaever
<br> Adobe Flash
</body>
</html>

6. UKURAN FONT
Untuk mengatur huruf dokumen html digunakan tag <font size>. Tag <font size> memiliki beberapa atribut untuk mengatur ukuran huruf yang akan digunakan.
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file font_size.html
<html>
<head>
<title>Ukuran font</title>
</head>
<body>
<font size=1>Ukuran font 1</font><br>
<font size=2>Ukuran font 2</font><br>
<font size=3>Ukuran font 3</font><br>
<font size=4>Ukuran font 4</font><br>
<font size=5>Ukuran font 5</font><br>
<font size=6>Ukuran font 6</font><br>
<font size=7>Ukuran font 7</font>
</body>
</html>

7. JENIS FONT
Atribut face digunakan untuk mengatur jenis huruf yang diinginkan. Atribut face harus diisi dengan string jenis font seperti Arial, Times New Roman,Verdana, dan sebagainya.
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file font_face.html
<html>
<head>
<title>Jenis Font</title>
</head>
<body>
<font size=5>
<font face ="Comic Sans MS">Comic Sans MS --- ABCdef123</font><P>
<font face ="Small Fonts">Small Fonts --- ABCdef123</font><P>
<font face ="Symbol">Symbol --- ABCdef123</font><P>
<font face ="WingDings">WingDings --- ABCdef123</font><P></font>
</body>
</html>

8. Manipulasi Teks
Untuk memberi efek, dekorasi atau pun manipulasi teks pada html diantaranya adalah menebalkan, tulisan miring(italic), memberi coretan dan lain‐lainnya
Contoh :
Ketiklah dengan program notepad dan simpan dengan nama file manipulasi_teks.html
<html>
<head>
<title>Manipulasi Teks</title>
</head>
<body>
<! PSYSICAL STYLE>
<B>Tebal</B> <br> <! untuk menebalkan teks >
<I>Miring</I> <br> <! untuk membuat teks terlihat miring>
<U>Garis Bawah</U> <br> <! untuk menggarisbawahi teks>
<S>Tercoret</S> <br> <! untuk memberikan coretan pada teks>
<STRIKE>Tercoret juga</STRIKE> <br> <! untuk memberikan coretan pada teks >
<BLINK> Berkedip</BLINK> <br> <! untuk membuat teks berkedip >
<TT>Seperti mesin tik</TT> <br> <! untuk menampilkan teks dalam font typewriter >
<BIG>Tulisan Besar</BIG> <br> <! untuk membesarkan teks >
<SMALL>Tulisan Kecil</SMALL> <br> <! untuk mengecilkan teks >
Teks <SUB>subcript</SUB> <br> <! untuk membuat teks subscript>
Teks <SUP>supercript</SUP> <br><br> <! untuk membuat teks superscript>
</body>
</html>

9. WARNA FONT
Atribut color digunakan untuk mengatur warna font yang akan digunakan. Untuk memberi nilai pada atribut color, ada dua cara. Cara pertama dengan menuliskan nama warna seperti Red, Blue, Yellow, White, dll.
Sedangkan cara kedua adalah dengan menggunakan nilai RGB (Red Green Blue) dari suatu warna, misalnya FF0000 untuk Red, 00FF00 untuk green, dan 0000FF untuk Blue.
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file warna_font.html
<html>
<head>
<title>Warna Font</title>
</head>
<body>
<font size=5>
<font color="red">Warna merah... </font> <p>
<font color= "#FF0000" size="5">Yang ini warna merah </font> <p>
<font color= "#00FF00" size="5">Kalo yang ini hijau </font> <p>
</font>
</body>
</html>

10. ORDERED LIST
Ketiklah dengan program notepad dan simpan dengan nama file ordered_list.html
<html>
<head>
<title>Link</title>
</head>
<body>
<! ORDERED LIST >
ORDERED LIST
<ol>
<li>baris pertama</li>
<li>baris kedua </li>
<li>baris ketiga </li>
<li>baris keempat </li>
</ol>
</body>
</html>

11. UNORDERED LIST
Ketiklah dengan program notepad dan simpan dengan nama file ordered_list.html
<html>
<head>
<title>Link</title>
</head>
<body>
<! UNORDERED LIST >
UNORDERED LIST<BR>
HTML menyediakan beberapa jenis daftar/list, yaitu :
<ul>
<li> Ordered List / numbered list (daftar berurut / daftar dengan nomor)</li>
<li> Unordered List / bulleted list (daftar tak berurut / daftar dengan titik)mempunyai beberapa variasi,yaitu:
<ul>
              <li type="disc"> UnOrdered List dengan tanda cakram (TYPE=disc) </li>
              <li type="circle"> UnOrdered List dengan tanda bulatan (TYPE=circle) </li>
              <li type="square"> UnOrdered List dengan tanda kotak (TYPE=square) </li>
</ul>
</li>
<li> Menu List (daftar menu) </li>
<li> Directory List </li>
<li> Definition List (Glossary / daftar istilah) </li>
</ul>
</body>
</html>


Pemrogaman Dasar HTML ini akan menjadi pondasi dalam perancangan Website maupun Blog. Karena itu pelajarilah dengan seksama. Jika Anda membutuhkan referensi ebook tentang HTML bisa di download DISINI.

Read More