Javascript Variabel Banyak Nama

Javascript Variabel Banyak Nama

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let ikhsan, falihi, abcdxy; dan letakkan ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let ikhsan, falihi, abcdxy;

</script>

3. Tulislah 

ikhsan = 99;

artinya variabel ikhsan memiliki nilai 99.

falihi = 97;

artinya variabel falihi memiliki nilai 97.

abcdxy = 94;

artinya variabel abcdxy memiliki nilai 94.

sehingga kode menjadi 

<script type="text/javascript">

let ikhsan, falihi, abcdxy;

ikhsan = 99;

falihi = 97;

abcdxy = 94;

</script>

4. Tulislah perintah 

document.write("   "); dengan membuang tanda kutip kemudian dalam kurung diisi variabel nama ikhsan, falihi, dan abcdxy,

sehingga kode menjadi

<script type="text/javascript">

let ikhsan, falihi, abcdxy;

ikhsan = 99;

falihi = 97;

abcdxy = 94;

document.write(ikhsan+” ”+falihi+” ”+abcdxy);

</script>

Perhatikan!

Tanda kutip harus tegak, jangan miring.

Bila sudah di-paste ke halaman Tampilan HTML di Blogger, maka harus diperiksa terlebih dahulu sebelum publikasi.

Tanda kutip berguna untuk memberi spasi pada hasil tampilannya. 

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam Tampilan HTML di halaman postingan baru di Blogger, bukan di Tampilan Menulis. 

6. Publikasikan

Kode selengkapnya berikut :

<script type="text/javascript">

let ikhsan, falihi, abcdxy;

ikhsan = 99;

falihi = 97;

abcdxy = 94;

document.write(ikhsan+” ”+falihi+” ”+abcdxy);

</script>

Hasil tampilannya berikut:

99 97 94

Read More

Javascript Variabel Nama Tunggal

Javascript Variabel Nama Tunggal

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Variabel nama disusun dari beberapa huruf yang terangkai bisa membentuk nama, bisa membentuk bukan nama.

Untuk yang berupa nama

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Bukalah Google Docs untuk halaman baru.

Tulislah kode

<script type="text/javascript"> </script>

2. Tulislah perintah let ikhsan; dan letakkan ke dalam kode tersebut,

sehingga kode menjadi 

<script type="text/javascript">

let ikhsan;

</script>

3. Tulislah 

ikhsan = 99;

artinya variabel ikhsan memiliki nilai 99.

sehingga kode menjadi 

<script type="text/javascript">

let ikhsan;

ikhsan = 99;

</script>

4. Tulislah perintah 

document.write("   "); dengan membuang tanda kutip kemudian dalam kurung diisi variabel nama ikhsan 

sehingga kode menjadi

<script type="text/javascript">

let ikhsan;

ikhsan = 99;

document.write(ikhsan);

</script>

5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam Tampilan HTML di halaman postingan baru di Blogger, bukan di Tampilan Menulis. 

6. Publikasikan

Kode selengkapnya berikut :

<script type="text/javascript">

let ikhsan;

ikhsan = 99;

document.write(ikhsan);

</script>

Hasil tampilannya berikut:

99

Untuk yang berupa bukan nama

(Hanya rangkaian beberapa huruf saja) 

Kodenya begini

<script type="text/javascript">

let abcdxy;

abcdxy = 99;

document.write(abcdxy);

</script>

Hasil tampilannya berikut:

99

Read More

HTML Penghias Teks Bagian 4

HTML Penghias Teks Bagian 4

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Sekarang kita mempraktekkan coding  penghias teks menggunakan kode-kode berikut: 

1. Bold text

Gunanya untuk menebalkan teks tanpa menambahkan arti penting.

Kodenya  <b></b>

2. Important text

Gunanya untuk menandai teks yang penting, biasanya tampil bold, tapi juga memberi makna semantik tambahan.

Kodenya  <strong> </strong>

3. Italic text

Gunanya untuk membuat teks menjadi miring tanpa menambah penekanan makna.

Kodenya.  <i> </i>

4. Emphasized text

Gunanya untuk memberi penekanan makna pada teks, biasanya juga tampil miring.

Kodenya  <em> </em>

5. Marked (highlighted) text

Gunanya untuk memberi efek sorotan/highlight pada teks (biasanya latar belakang kuning).

Kodenya <mark> </mark>

6.  Smaller text

Gunanya untuk menampilkan teks dengan ukuran lebih kecil dari teks biasa.

Kodenya <small> </small>

7. Deleted text

Gunanya untuk menandai teks yang telah dihapus (biasanya dengan garis coret).

Kodenya  <del> </del>

8. Inserted text

Gunanya untuk menandai teks yang telah ditambahkan, biasanya tampil dengan garis bawah.

Kodenya <ins> </ins>

9. <sup> - Superscript text

Gunanya untuk menulis teks dalam format superskrip (lebih kecil dan sedikit ke atas), seperti pangkat dalam Matematika.

Kodenya  

10. Subscript text

Gunanya untuk menulis teks dalam format subskrip (lebih kecil dan sedikit ke bawah), seperti dalam rumus Fisika dan Kimia.

Kodenya  

Contoh

Paragraf pertama dibuat tebal (bold),

kodenya  <p> <b></b> </p>

paragraf kedua dibuat italic (miring),

kodenya <p>  <i></i> </p>

paragraf ketiga dibuat tebal (bold) dan italic (miring),

kodenya <p> <b>  <i> </i> </b> </p>

paragraf keempat dicoret (delete, del),

kodenya <p> <del> </del> </p>

paragraf kelima untuk beberapa kata dibuat ke atas dan di bawah seperti rumus kimia.

kodenya <p> </p>

Langkah-langkahnya

1. Tulislah perintah berikut

<!DOCTYPE html>

<html>

<body>

</body>

</html>

secara manual di halaman kosong di Google Docs.

Perhatikan! 

Huruf demi huruf, tanda demi tanda, dan huruf besar (kapital) huruf kecilnya pada perintah tersebut tidak boleh keliru. 

Dalam penulisan perintah tersebut huruf besar berbeda dengan huruf kecil.

2. Tulislah kode paragraf

<p> </p> yang diletakkan ke dalam kode <body></body>

sehingga kode menjadi

<!DOCTYPE html>

<html>

<body>

<p> </p>

</body>

</html>

3. Tulislah teks di dalam kode paragraf.

Beberapa paragraf yang sudah pernah kita tulis di Google Docs dan sudah disimpan di Google Docs bisa di-copy lagi. 

Misalnya 

Paragraf 1:

<p> BELAJAR HTML PERMULAAN BERSAMA IKHSAN </p>

Paragraf 2:

<p> Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000. </p>

Paragraf 3:

<p> Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali. </p>

Paragraf 4:

<p> Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab. </p>

Paragraf 5:

<p> Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan. </p>

4. Kemudian lakukan penyisipan kode ke setiap paragraf sebagai berikut:

<p> <b> 

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

</b> </p>

<p>  <i> 

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000. 

</i> </p>

<p> <b>  <i>

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali. 

</i> </b> </p>

<p> <del> 

Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.

</del> </p>

<p> 

Kini ^Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing _{di swastaan.}

</p>

sehingga kode menjadi

<!DOCTYPE html>

<html>

<body>

<p> <b> 

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

</b> </p>

<p>  <i> 

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000. 

</i> </p>

<p> <b>  <i>

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali. 

</i> </b> </p>

<p> <del> 

Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.

</del> </p>

<p> 

Kini ^Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing _{di swastaan.}

</p>

</body>

</html>

5. Copy-lah seluruh kode tersebut 

6. Kemudian beralih ke Blogger.

Bukalah akun Blogger anda.

Pilihlah (tombollah) ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, itu tepatnya di sebelah kiri ikon Blogger) untuk memunculkan semua menu yang tersusun menurun,

Pilihlah menu +POSTINGAN BARU (yang berada di paling atas) hingga terbukalah halaman baru yang kosong.

Bila sudah terbuka halaman baru yang kosong, pilihlah menu ikon <> (yang berada di kiri atas tepatnya di bawah tulisan judul). 

Pilihlah menu Tampilan HTML (yang berada di sebelah atasnya menu Tampilan Menulis)

Di halaman menu Tampilan HTML inilah kita paste semua kode yang sudah kita copy dari Google Docs.

7. Pilihlah Publikasikan

8. Pilihlah KONFIRMASI

9. Kembali ke menu Blogger,

Pilihlah ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, tepatnya di sebelah kiri ikon Blogger) sampai muncul semua menu secara menurun. 

10. Pilihlah (tombollah) menu Lihat blog (yang berada di paling bawah) untuk melihat hasil tampilan kode yang terpublikasikan ke seluruh semesta raya, yang bisa dibaca oleh seluruh manusia di semua jagat raya.

Kode selengkapnya berikut:

<!DOCTYPE html>

<html>

<body>

<p> <b> 

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

</b> </p>

<p>  <i> 

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000. 

</i> </p>

<p> <b>  <i>

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali. 

</i> </b> </p>

<p> <del> 

Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.

</del> </p>

<p> 

Kini ^Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing _{di swastaan.}

</p>

</body>

</html>

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.

Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.

Kini ^Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing _{di swastaan.>}

Read More

HTML Penghias Teks Bagian 3

HTML Penghias Teks Bagian 3

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Sekarang kita mempraktekkan coding  penghias teks menggunakan warna teks, warna background untuk teks, nama huruf, ukuran huruf, dan perataan teks secara bersama-sama.

Kode yang harus digunakan berikut

warna teks ialah color:  ;

warna background untuk teks ialah background-color:  ;

nama huruf ialah font-family: , ;

ukuran huruf ialah font-size:  ;

perataan teks ialah text-align:  ;

Kode tersebut kita sisipkan ke kode <p>

Contoh

Paragraf pertama dan paragraf ketiga sudah pernah kita tulis dan sudah kita simpan di Google Docs dihias dengan

warna teks kuning,

warna background untuk teks merah,

nama huruf Arial,

ukuran huruf 18 piksel,

perataan teks tengah.

sehingga kode yang diminta dapat ditulis

warna teks kuning ialah

color: #FFFF00; 

warna background untuk teks merah ialah

background-color: #FF0000;  

nama huruf Arial ialah

font-family: Arial, sans-serif; 

ukuran huruf 18 piksel ialah

font-size: 18px; 

perataan teks tengah ialah

text-align: center;

Jika kode-kode tersebut disisipkan ke kode <p> menjadi

<p style="color: #FFFF00; background-color: #FF0000;  font-family: Arial, sans-serif; font-size: 18px; text-align: center;"> </p>

 

Langkah-langkahnya

1. Tulislah perintah berikut

<!DOCTYPE html>

<html>

<body>

</body>

</html>

secara manual di halaman kosong di Google Docs.

Perhatikan! 

Huruf demi huruf, tanda demi tanda, dan huruf besar (kapital) huruf kecilnya pada perintah tersebut tidak boleh keliru. 

Dalam penulisan perintah tersebut huruf besar berbeda dengan huruf kecil.

2. Tulislah kode paragraf

<p> </p> yang diletakkan ke dalam kode <body></body>

sehingga kode menjadi

<!DOCTYPE html>

<html>

<body>

<p> </p>

</body>

</html>

3. Tulislah teks di dalam kode paragraf.

Beberapa paragraf yang sudah pernah kita tulis di Google Docs dan sudah disimpan di Google Docs bisa di copy lagi. 

Misalnya 

Paragraf 1:

<p> BELAJAR HTML PERMULAAN BERSAMA IKHSAN </p>

Paragraf 2:

<p> Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000. </p>

Paragraf 3:

<p> Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali. </p>

Paragraf 4:

<p> Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab. </p>

Paragraf 5:

<p> Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan. </p>

4. Kemudian lakukan penyisipan kode ke kode <p> pada paragraf pertama dan ketiga sebagai berikut:

<p style="color: #FFFF00; background-color: #FF0000;  font-family: Arial, sans-serif; font-size: 18px; text-align: center;">

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

</p>

<p style="color: #FFFF00; background-color: #FF0000;  font-family: Arial, sans-serif; font-size: 18px; text-align: center;">

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.

</p>

sehingga kode menjadi

<!DOCTYPE html>

<html>

<body>

<p style="color: #FFFF00; background-color: #FF0000;  font-family: Arial, sans-serif; font-size: 18px; text-align: center;">

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

</p>

<p>

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.

</p>

<p style="color: #FFFF00; background-color: #FF0000;  font-family: Arial, sans-serif; font-size: 18px; text-align: center;">

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.

</p>

<p>

Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.

</p>

<p>

Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan.

</p>

</body>

</html>

5. Copy-lah seluruh kode tersebut 

6. Kemudian beralih ke Blogger.

Bukalah akun Blogger anda.

Pilihlah (tombollah) ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, itu tepatnya di sebelah kiri ikon Blogger) untuk memunculkan semua menu yang tersusun menurun,

Pilihlah menu +POSTINGAN BARU (yang berada di paling atas) hingga terbukalah halaman baru yang kosong.

Bila sudah terbuka halaman baru yang kosong, pilihlah menu ikon <> (yang berada di kiri atas tepatnya di bawah tulisan judul). 

Pilihlah menu Tampilan HTML (yang berada di sebelah atasnya menu Tampilan Menulis)

Di halaman menu Tampilan HTML inilah kita paste semua kode yang sudah kita copy dari Google Docs.

7. Pilihlah Publikasikan

8. Pilihlah KONFIRMASI

9. Kembali ke menu Blogger,

Pilihlah ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, tepatnya di sebelah kiri ikon Blogger) sampai muncul semua menu secara menurun. 

9. Pilihlah (tombollah) menu Lihat blog (yang berada di paling bawah) untuk melihat hasil tampilan kode yang terpublikasikan ke seluruh semesta raya, yang bisa dibaca oleh seluruh manusia di semua jagat raya.

Kode selengkapnya berikut:

<p style="color: #FFFF00; background-color: #FF0000;  font-family: Arial, sans-serif; font-size: 18px; text-align: center;">

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

</p>

<p>

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.

</p>

<p style="color: #FFFF00; background-color: #FF0000;  font-family: Arial, sans-serif; font-size: 18px; text-align: center;">

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.

</p>

<p>

Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.

</p>

<p>

Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan.

</p>

</body>

</html>

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.

Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.

Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan.

Read More

HTML Penghias Teks Bagian 2

HTML Penghias Teks Bagian 2

Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.

Penghias Teks memiliki beberapa macam kode, diantaranya warna teks, warna background untuk teks, nama huruf, ukuran huruf, dan perataan teks.

Sekarang kita menyajikan penghias teks menggunakan nama huruf, ukuran huruf, dan perataan teks. 

Nama Huruf

Nama huruf di dalam HTML menggunakan kode font-family:  ;

Nama huruf di dalam HTML itu beragam, diantaranya 

Terdapat lima kategori dasar dalam nama huruf (font), yaitu,:

1. Serif: font dengan kait di ujung huruf (misalnya: Times New Roman).

2. San-serif: font tanpa kait (misalnya: Arial, Helvetica).

3. Monospace: semua huruf memiliki lebar yang sama (misalnya: Courier New).

4. Cursive: font bercorak tulisan tangan (misalnya: Brush Script MT).

5. Fantasy: font dekoratif atau artistik (misalnya: Papyrus).

Nama-nama font yang umum digunakan antara lain:

Arial kategori sans-serif

Verdana kategori sans-serif

Helvetica kategori sans-serif

Times New Roman kategori serif

Georgia kategori serif

Courier New kategori monospace

Lucida Console kategori 

Comic Sans MS kategori cursive 

Brush Script MT kategori cursive

Impact kategori fantasy

Papyrus kategori fantasy

Contoh penulisan kode font-family di HTML 

<p style="font-family: Arial, sans-serif;">

</p>

atau

<p style='font-family: "Arial", sans-serif;'>

</p>

Ukuran Huruf

Ukuran huruf di dalam HTML menggunakan kode font-size:  ;

Ukuran huruf di dalam HTML itu beragam, diantaranya 

1. Ukuran Absolut

Ukuran ini tetap, tidak berubah tergantung pada elemen lain atau ukuran layar, diantaranya:

px

Piksel – satuan yang paling umum dan stabil,

Kodenya ialah font-size: 13px;

pt

Point – sering dipakai di dunia cetak,

Kodenya ialah font-size: 13pt;

cm

Centimeter – jarang digunakan di web,

Kodenya ialah font-size: 13cm;

mm

Milimeter – ukuran jarang digunakan,

Kodenya ialah font-size: 138mm;

in

Inch – 1 inch = 2.54 cm,

Kodenya ialah font-size: 13in;

2. Ukuran Relatif

Ukuran ini tergantung pada elemen induk atau ukuran default browser.

% = untuk ukuran relatif terhadap elemen induk,

Kodenya ialah font-size:5%;

em = untuk ukuran font dari elemen induk,

Kodenya ialah font-size: 1.5em;

rem = untuk ukuran font dari elemen html (root element),

Kodenya ialah font-size: 5rem;

vw = untuk ukuran relatif terhadap lebar viewport (layar),

Kodenya ialah font-size: 5vw;

vh = untuk ukuran relatif terhadap tinggi viewport,

Kodenya ialah font-size: 5vh;

ex = untuk ukuran relatif terhadap tinggi huruf “x” dari font saat ini (jarang dipakai),

Kodenya ialah font-size: 5ex;

ch = untuk ukuran relatif terhadap lebar karakter "0" (zero) dari font saat ini.

Kodenya ialah font-size: 5ch;

3. Keyword CSS

Ini adalah nilai-nilai kata kunci yang mudah digunakan tapi kurang fleksibel. Beberapa keyboard ini diantaranya:

xx-small = untuk ukuran sangat kecil,

Kodenya ialah font-size: xx-small;

x-small = untuk ukuran lebih kecil,

Kodenya ialah font-size: x-small;

small = untuk ukuran kecil

Kodenya ialah font-size: small;

medium = untuk ukuran default atau sedang,

Kodenya ialah font-size: medium;

large = untuk ukuran besar,

Kodenya ialah font-size: large;

x-large = untuk ukuran lebih besar,

Kodenya ialah font-size: x-large;

xx-large = untuk ukuran sangat besar,

Kodenya ialah font-size: xx-large;

larger = untuk ukuran relatif lebih besar dari induknya,

Kodenya ialah font-size: larger;

smaller = untuk ukuran relatif lebih kecil dari induknya.

Kodenya ialah font-size: smaller;

Contoh penulisan kode font-size di HTML 

<p style="font-size: 18px;">Ukuran font 18px</p>

<p style="font-size: 1.5em;">Ukuran font 1.5em</p>

<p style="font-size: large;">Ukuran font besar (large)</p>

Perataan Teks 

Perataan (alignment) teks di dalam HTML menggunakan kode text-align: ;

Perataan (alignment) teks di dalam HTML itu beragam, diantaranya:

1. Left (Rata Kiri)

Teks akan diratakan ke sisi kiri elemen.

Kodenya ialah text-align: left;

2. Right (Rata Kanan)

Teks akan diratakan ke sisi kanan elemen.

Kodenya ialah text-align: right;

3. Center (Tengah)

Teks akan diratakan ke tengah elemen.

Kodenya ialah text-align: center;

4. Justify (Rata Kiri-Kanan)

Teks akan diratakan ke kiri dan kanan, seperti di koran.

Kodenya ialah text-align: justify;

Contoh penulisan kode text-align di HTML:

<p style="text-align: left;">Ini adalah teks yang diratakan ke kiri.</p>

 

 

Langkah-langkahnya

1. Tulislah perintah berikut

<!DOCTYPE html>

<html>

<body>

</body>

</html>

secara manual di halaman kosong di Google Docs.

Perhatikan! 

Huruf demi huruf, tanda demi tanda, dan huruf besar (kapital) huruf kecilnya pada perintah tersebut tidak boleh keliru. 

Dalam penulisan perintah tersebut huruf besar berbeda dengan huruf kecil.

2. Tulislah kode paragraf

<p> </p> yang diletakkan ke dalam kode <body></body>

sehingga kode menjadi

<!DOCTYPE html>

<html>

<body>

<p> </p>

</body>

</html>

3. Tulislah teks di dalam kode paragraf. 

Misalnya 

Paragraf 1:

<p> BELAJAR HTML PERMULAAN BERSAMA IKHSAN </p>

Paragraf 2:

<p> Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000. </p>

Paragraf 3:

<p> Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali. </p>

Paragraf 4:

<p> Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab. </p>

Paragraf 5:

<p> Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan. </p>

4. Kemudian lakukan penyisipan kode ke kode </p>

Paragraf pertama tersebut disisipi kode nama huruf Arial, ukuran huruf 18 piksel, dan rata tengah. Kode yang kita pakai adalah

untuk nama huruf Arial font-family: Arial, sans-serif;

untuk ukuran huruf font-size: 18px;

untuk rata tengah text-align: center;

sehingga kode untuk paragraf pertama sebagai berikut 

<p style="font-family: Arial, sans-serif;font-size: 18px;text-align: center;">

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

</p>

 

Paragraf kedua tersebut disisipi kode nama huruf Georgia, ukuran huruf 24 piksel, dan rata kanan. Kode yang kita pakai adalah

untuk nama huruf Georgia font-family: Georgia, serif;

untuk ukuran huruf font-size: 24px;

untuk rata kanan text-align: right;

sehingga kode untuk paragraf kedua sebagai berikut 

<p style="font-family: Georgia, serif; font-size: 24px; text-align: right;">

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.

</p>

Paragraf ketiga tersebut disisipi kode nama huruf Verdana, ukuran huruf 26 piksel, dan rata tengah. Kode yang kita pakai adalah

untuk nama huruf Verdana font-family: Verdana, sans-serif;

untuk ukuran huruf font-size: 26px;

untuk rata tengah text-align: center;

sehingga kode untuk paragraf ketiga sebagai berikut 

<p style="font-family: Verdana, sans-serif; font-size: 26px; text-align: center;">

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.

</p>

Perhatikan!

Tanda kutip atau tanda petik tidak boleh miring. Seringkali terjadi perubahan kemiringan tanda kutip pada proses copy dari Google Docs lalu paste ke halaman Tampilan HTML di Blogger itu otomatis berubah menjadi miring sendiri. Oleh karena itu, sebelum dipublikasikan ketika selesai mem-paste di halaman Tampilan HTML di Blogger harus diperiksa terlebih dahulu keadaan tanda kutipnya. Kalau berubah miring harus diganti menjadi tegak.

sehingga kode menjadi

<!DOCTYPE html>

<html>

<body>

<p style="font-family: Arial, sans-serif;font-size: 18px;text-align: center;">

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

</p>

<p style="font-family: Georgia, serif; font-size: 24px; text-align: right;">

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.

</p>

<p style="font-family: Verdana, sans-serif; font-size: 26px; text-align: center;">

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.

</p>

<p>

Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.

</p>

<p>

Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan.

</p>

</body>

</html>

5. Copy-lah seluruh kode tersebut 

6. Kemudian beralih ke Blogger.

Bukalah akun Blogger anda.

Pilihlah (tombollah) ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, itu tepatnya di sebelah kiri ikon Blogger) untuk memunculkan semua menu yang tersusun menurun,

Pilihlah menu +POSTINGAN BARU (yang berada di paling atas) hingga terbukalah halaman baru yang kosong.

Bila sudah terbuka halaman baru yang kosong, pilihlah menu ikon <> (yang berada di kiri atas tepatnya di bawah tulisan judul). 

Pilihlah menu Tampilan HTML (yang berada di sebelah atasnya menu Tampilan Menulis)

Di halaman menu Tampilan HTML inilah kita paste semua kode yang sudah kita copy dari Google Docs.

7. Pilihlah Publikasikan

8. Pilihlah KONFIRMASI

9. Kembali ke menu Blogger,

Pilihlah ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, tepatnya di sebelah kiri ikon Blogger) sampai muncul semua menu secara menurun. 

10. Pilihlah (tombollah) menu Lihat blog (yang berada di paling bawah) untuk melihat hasil tampilan kode yang terpublikasikan ke seluruh semesta raya, yang bisa dibaca oleh seluruh manusia di semua jagat raya.

Kode selengkapnya berikut:

<!DOCTYPE html>

<html>

<body>

<p style="font-family: Arial, sans-serif;font-size: 18px;text-align: center;">

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

</p>

<p style="font-family: Georgia, serif; font-size: 24px; text-align: right;">

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.

</p>

<p style="font-family: Verdana, sans-serif; font-size: 26px; text-align: center;">

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.

</p>

<p>

Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.

</p>

<p>

Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan.

</p>

</body>

</html>

BELAJAR HTML PERMULAAN BERSAMA IKHSAN

Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.

Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.

Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.

Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan.

Read More