Menulis Beberapa Paragraf dalam HTML #2

Hai everyonee..
Aku mau ngelanjutin sharing bahasa pemograman HTML nih. Karena part satu udah kenalan sama bahasa pemograman ini, kalian udah mulai ada bayangan dong gimana bahasa pemograman ini kira-kira bisa dijalankan ?
Kalau belum ayo kita coba belajar lagi dipart 2 ini dengan membuat beberapa paragraf dan menampilkannya di web.

Oke langsung aja yaa..

1. Buka Visual Studio Code seperti biasa
2. Pilih New File
3. Kurang lebih programnya seperti ini

Kalian bisa ubah semua text yang aku buat sesuai keinginan kalian, yang bisa diperhatikan adalah penggunaan tag dalam paragraf ini.

4. Setelah dibuat programnya, Save dengan Save as Type 'HTML'
5. Buka folder dimana kamu menyimpan file tadi
6. Buka file nya di web manapun dan perhatikan hasilnya

Notes : Bisa mulai diterapkan penggunaan tag untuk membuat tulisan miring, membuat header dan sebagainya

Yapp se-simple itu kalau hanya untuk membuat beberapa paragraf di HTML

Mau yang lebih menantang ? 

Let's check PART 3!

see youuu...

Read More »

Mengenal Bahasa Pemograman HTML #1

Hai Everyonee...

Pemograman yang mau dibahas kali ini adalah HTML.

Apa sih HTML itu ?

HTML (Hyper Text Markup Language) adalah bahasa pemograman yang digunakan untuk membuat sebuah halaman web. Bahasa pemograman ini menyusun sebuah halaman web menjadi sebagaimana kita lihat melalu browser. So, buat kamu kamu yang mau terjun ke dunia web development penting banget buat kamu mengerti bagaimana cara HTML ini bekerja.

Bahasa ini ngga asing buat yang suka main blog ya tentunya, kita bisa ngutak-ngatik HTML ini buat design blog sesukanyaa. Wah keliatannya seru ya?
Ok langsung aja kita kenalan dulu sama si HTML ini.

Kali ini aku mau bikin program ini di 'Visual Studio Code'.
Step by step-nya simple banget, kalian langsung masuk aja, pilih New File dan langsung deh bisa mulai ngeprogram. Program yang udah selesai kalian buat nanti bisa langsung di save tapi 'Save as type' nya pilih yang HTML biar bisa kita coba di web.

Pemograman HTML ini punya ciri khas yaitu disusun dengan tag-tag (penanda). Bisa diperhatikan dari pemograman yang ada dibawah ini

Itu beberapa tag yang udah aku coba Keliatan ya gimana pola si pemograman ini, penanda ada diantara objek sehingga lebih jelas dan lebih mudah untuk dipahami.

(ini hasil pemogramannya)

Berikut adalah Tag HTML yang sering digunakan :

Start Tag	Kegunaan
<b>	Mendefinisikan teks tebal
<big>	Mendefinisikan teks yang lebih besar
<em>	Mendefinisikan teks yang dimiringkan
<i>	Mendefinisikan teks yang dimiringkan
<small>	Mendefinisikan teks yang lebih kecil
<strong>	Mendefinisikan teks tebal
<sub>	Defines subscripted text
<sup>	Mendefinisikan teks yang posisinya lebih ke atas
<ins>	Mendefinisikan teks yang bergaris bawah
<del>	Mendefinisikan teks yang hendak dihapus

Start Tag	Kegunaan
<code>	Mendefinisikan teks kode komputer
<kbd>	Mendefinisikan teks dari keyboard
<samp>	Mendefinisikan teks contoh kode komputer
<tt>	Mendefinisikan teks model teletype
<var>	Mendefinisikan sebuah variabel
<pre>	Mendefinisikan teks preformatted

Start Tag	Kegunaan
<abbr>	Mendefinisikan suatu kependekan
<acronym>	Mendefinisikan suatu singkatan
<address>	Mendefinisikan suatu elemen alamat
<bdo>	Mendefinisikan arah teks
<blockquote>	Mendefinisikan quotation panjang
<q>	Mendefinisikan quotation pendek
<cite>	Mendefinisikan suatu kutipan
<dfn>	Mendefinisikan suatu istilah

Kalian bisa langsung coba-coba sendiri yaa dan lihat perbedaan yang dihasilkan dari tag-tag diatas. Untuk pembahasan kali ini mungkin cukup sampai sini dulu, tunggu part yang keduaa yaaa..

dankee...

Read More »