Life is the struggle

The struggle needs the sacrifice of the body, the soul, and everything to actualize the hope, the dream, and the love.
Hidup ini Sebuah Perjuangan.
Perjuangan Perlu Pengorbanan atas Jiwa, Raga, dan Segala Kepunyaan demi Terwujudnya Harapan, Impian, Cita-cita, dan Cinta.

Putaran Kehidupan (Rotation of Life)

Life in the World rightly rotates and Walks; it is certainty.
Kehidupan Dunia Berputar dan Berjalan; ialah Keniscayaan

Jembatan Kehidupan (The Bridge of the World)
Ikhsan Falihi pada Sebuah Jembatan

Andai Jembatan ini adalah Penghubung Tujuan. Niscaya Lautan Luas Ini Adalah KEILMUAN. Ijinkan Kuberpijak dan Kumelalui Jembatan Keilmuan tuk Meraih Keselamatan dan Keberhasilan.

IKHSAN Falihi di Pinggir Laut.
(IKHSAN Falihi On The Seaside)

Andai Lautan Itu Luasnya Rinduku, Maka Bentangan Rindu Tiada Surut. Begitu pun Jua Kalian Puas Melarungkan Berjuta IMPIAN.

Penangkal Covid-19

Makanan Penambah Kekebalan Tubuh untuk Menangkal Covid-19

Monday, September 1, 2025

HTML Heading (Judul Postingan Blog atau Website)

9/01/2025 02:32:00 PM    


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

Heading biasanya dipakai sebagai judul sebuah artikel di halaman posting blog atau web. 
Kode heading terdiri dari 6 macam yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.
Setiap kode tersebut juga memiliki pasangan sebagai kode penutup yaitu </h1>, </h2>, </h3>, </h4>, </h5>, </h6>.
Sehingga kalau ditulis secara lengkap menjadi 
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>

Langkah-langkahnya
1. Mulailah dengan menulis perintah 
<!DOCTYPE html>
<html>
<body>
</body>
</html>
secara manual di halaman kosong Google Docs.
Perhatikan huruf demi huruf, tanda demi tanda, dan huruf besar (kapital) huruf kecilnya pada perintah tersebut. Dalam penulisan perintah tersebut huruf besar berbeda dengan huruf kecil.
2. Tulislah kode heading dan letakkan kode heading
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
di antara kode <body> dan kode </body>
sehingga kode yang ditulis menjadi
<!DOCTYPE html>
<html>
<body>
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
</body>
</html>
3. Sekarang tulislah pesan yang anda suka di dalam kode heading seperti berikut
<!DOCTYPE html>
<html>
<body>
<h1>ini sebagai judul tulisan ukuran 1</h1>
<h2>ini sebagai judul tulisan ukuran 2</h2>
<h3>ini sebagai judul tulisan ukuran 3</h3>
<h4>ini sebagai judul tulisan ukuran 4</h4>
<h5>ini sebagai judul tulisan ukuran 5</h5>
<h6>ini sebagai judul tulisan ukuran 6</h6>
</body>
</html>
4. Copy-lah seluruh kode tersebut 
5. Kemudian beralih ke Blogger.
Bukalah akun Blogger anda.
Bila Anda belum memiliki akun Blogger, maka terlebih dahulu daftarlah ke akun Blogger di alamat resmi www.blogger.com
Sesudah daftar ke akun Blogger dan berhasil membuat blog, maka pilihlah (tombollah) tiga garis bertumpuk (yang berada di paling kiri paling atas, itu tepatnya di sebelah kiri ikon Blogger) untuk memunculkan semua menu.
Bila semua menu sudah muncul secara menurun, maka pilihlah (tombollah) menu +POSTINGAN BARU (yang berada di paling atas) hingga terbukalah halaman baru yang kosong.
Bila sudah terbuka halaman baru yang kosong, pilihlah menu <> (yang berada di kiri atas, tepatnya di bawah tulisan judul) untuk menampakkan menu Tampilan HTML (yang berada di sebelah atas) dan menu Tampilan Menulis (yang berada di sebelah bawah).
Pilihlah menu Tampilan HTML (yang berada di sebelah atas).
Di halaman menu Tampilan HTML inilah kita paste semua kode yang sudah kita copy dari Google Docs.
6. Pilihlah Publikasikan
7. Pilihlah KONFIRMASI
8. 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 :

<!DOCTYPE html>
<html>
<body>
<h1>ini sebagai judul tulisan ukuran 1</h1>
<h2>ini sebagai judul tulisan ukuran 2</h2>
<h3>ini sebagai judul tulisan ukuran 3</h3>
<h4>ini sebagai judul tulisan ukuran 4</h4>
<h5>ini sebagai judul tulisan ukuran 5</h5>
<h6>ini sebagai judul tulisan ukuran 6</h6>
</body>
</html>

Hasil tampilannya berikut:

ini sebagai judul tulisan ukuran 1

ini sebagai judul tulisan ukuran 2

ini sebagai judul tulisan ukuran 3

ini sebagai judul tulisan ukuran 4

ini sebagai judul tulisan ukuran 5
ini sebagai judul tulisan ukuran 6

Read More

Kerangka Dasar Blog dan Web

9/01/2025 02:24:00 PM    

 


Kerangka Dasar Blog dan Web

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


HTML itu singkatan dari Hyper Text Markup Language.


Kerangka dasar Blog dan Web tersusun atas kode-kode HTML.

Berikut kerangka dasar Blog dan Web: 


<!DOCTYPE html>

<html>

<head>

<title>Blog Ikhsan Falihi</title>

</head>

<body>

<h1>ini judul di kepala tulisan</h1>

<p>ini kode paragraf</p>

</body>

</html>


Kerangka dasar tersebut didahului dengan kode <!DOCTYPE html> kemudian dibuka dengan kode <html> dan ditutup dengan kode </html>.

 

<!DOCTYPE html> berarti bahwa dokumen ini merupakan dokumen HTML 5 dan membantu browser untuk menampilkan halaman blog atau web dengan benar.

<html> merupakan kode dasar sebagai pembuka halaman HTML.

</html> merupakan kode dasar sebagai penutup halaman HTML.

Kode pembuka <html> dan kode penutup </html> merupakan serangkaian pasangan yang tidak boleh dipisahkan ketika  menulis kode-kode HTML.

<title> itu menunjukkan judul alamat link di browser Chrome. Kode ini juga harus ditutup dengan </title>.


Pada kerangka dasar tersebut ada

1)  Bagian kepala yang dibuka dengan kode <head> dan ditutup dengan kode </head>

2) bagian badan yang dibuka dengan kode <body> dan ditutup dengan kode </body>


Kode <title></title> harus diletakkan di dalam kode <head> </head>. Teks Blog Ikhsan Falihi yang berada di dalam kode <title></title> jika di jalankan di browser Chrome, maka teks tersebut nampak di bagian kolom link, bukan di halaman posting blog atau web. 


Adapun yang nampak di halaman posting blog atau web adalah teks yang berada di dalam kode <body></body>.

Oleh karena itu, jika kode berikut:


<!DOCTYPE html>

<html>

<head>

<title>Blog Ikhsan Falihi</title>

</head>

<body>

<h1>ini judul di kepala tulisan</h1>

<p>ini kode paragraf</p>

</body>

</html>


ditampilkan di browser Chrome di HP Android, maka yang tampak di layar adalah tampilan teks berikut:


ini judul di kepala tulisan

ini kode paragraf


Sekali lagi, setiap penulisan kode-kode HTML selalu dibuka dengan kode <html> dan ditutup dengan kode </html>.


Setiap teks maupun gambar yang tampak di layar HP Android, laptop, maupun komputer adalah gambar dan teks yang ditulis dengan kode-kode HTML yang diletakkan di dalam kode <body></body> (maksudnya di antara kode <body> dan kode </body>).


Untuk menghias tampilan tulisan tersebut, maka dibutuhkan CSS. Namun dalam tulisan kali ini kita memfokuskan ke pembahasan HTML terlebih dahulu. 


Untuk keperluan belajar menulis coding HTML, selanjutnya kita cukup menggunakan bagian body saja yaitu dengan struktur berikut


<!DOCTYPE html>

<html>

<body>

</body>

</html>


Struktur kode tersebut yang menampilkan berbagai teks maupun gambar di halaman posting blog maupun web. Oleh karena itu, jangan melupakan struktur tersebut setiap kita menuliskan kode-kode HTML pada pembelajaran kita kali ini.




Read More

Pendahuluan HTML

9/01/2025 02:04:00 PM    


Belajar HTML Permulaan

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


Pendahuluan HTML 

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


Bahasa pemrograman HTML adalah bahasa yang paling dasar dan sederhana untuk pembuatan website maupun blog.

Siapapun orangnya yang ingin memahami pembuatan website maupun blog secara detail, haruslah mengerti bahasa pemrograman HTML secara baik dan benar.

HTML itu singkatan dari Hyper Text Markup Language.

Untuk menuliskan kode-kode HTML, maka diperlukan halaman tulis yang dikenal dengan istilah Text Editor. Text Editor itu bermacam-macam diantaranya Notepad, Notepad++, Sublime Text, TextEdit, dan lain-lain.

Namun, kali ini saya sudah menyediakan Text Editor secara online di blog ikhsan falihi. Bagi yang tidak memiliki akun Google Docs bisa memanfaatkan Text Editor online yang sudah saya buat dan tampilkan di Blogger ikhsan falihi.

Namun saya menyarankan sebaiknya memiliki akun Google Docs agar kode-kode yang sudah dituliskan bisa disimpan di Google Docs, sehingga pada kesempatan lain kode-kode tersebut bisa di copy paste lagi. 


Saya mengarahkan semua pembaca untuk menggunakan HP Android versi Android 10 ke atas agar tidak lemot waktu loading publikasi coding. 

Kita meng-coding menggunakan HP Android agar bisa dilakukan di mana saja dan kapan saja dalam suasana apapun.




Read More

FOLDER HTML PERMULAAN

9/01/2025 01:57:00 PM    

HTML PERMULAAN

Read More

Javascript Variabel Bernilai Numerik

9/01/2025 10:36:00 AM    


Javascript Variabel Bernilai Numerik

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


Variabel dipakai untuk menyimpan data. 

Tanda sama dengan = dipakai untuk menyatakan nilai data.

Variabel menggunakan perintah let, perintah var, juga bisa perintah const.

Perintah var merupakan perintah di dalam Javascript lama.

Berikut ini disajikan beberapa contoh dengan menggunakan perintah let, perintah var, dan perintah const.


Perintah let

Misalkan x adalah variabel. x memiliki nilai 26. Dapat ditulis dengan cara berikut

Cara 1

Menggunakan perintah document.write("   ");

Langkah-langkahnya

1. Mulailah dengan menulis perintah let x; secara manual di halaman kosong di Google Docs.

2. Tulislah variabel misalnya x. x adalah variabel. Nyatakanlah x memiliki nilai 26 sehingga kode ditulis 

x = 26;

Sekarang kode menjadi 

let x;

x = 26;

3. Teruskan menulis perintah 

document.write("   "); dengan membuang tanda kutip yang ada di dalam tanda kurung.

Tanda kutip yang ada di dalam tanda kurung harus dibuang karena berupa variabel.

4. Tulislah kembali variabel x tersebut di dalam tanda kurung (   ) pada perintah document.write( ); sehingga tertulis (x);

Sekarang kode menjadi 

let x;

x = 26;

document.write(x);

5. Seluruh kode tersebut dibuka dengan perintah <script type="text/javascript"> dan ditutup dengan </script>

Sekarang kode menjadi

<script type="text/javascript">

let x;

x = 26;

document.write(x);

</script>

6. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman kosong di Tampilan HTML di Blogger, bukan di Tampilan Menulis. 

7. Pilihlah Publikasikan, KONFIRMASI

8. Kembali ke menu Blogger, 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 :


<script type="text/javascript">

let x;

x = 26;

document.write(x);

</script>


Hasil tampilannya berikut:

26


Perintah var

Penulisan perintah var itu sama dengan dengan perintah let

Perhatikan kode selengkapnya berikut!

<script type="text/javascript">

var x;

x = 26;

document.write(x);

</script>


Perintah const

Penulisan perintah const berbeda dengan let.

const langsung diikuti variabel kemudian diikuti nilainya, dapat ditulis const x = 26;

Sehingga kode selengkapnya menjadi

<script type="text/javascript">

const x = 26;

document.write(x);

</script>



Read More

Javascript Bilangan Gabung Non Bilangan

9/01/2025 09:50:00 AM    

Javascript Bilangan Gabung Non Bilangan 


Cara 1

Menggunakan perintah document.write("   ");


Langkah-langkahnya

1. Mulailah dengan menulis perintah 

document.write("   "); secara manual di halaman kosong di Google Docs.

2. Tulislah bilangan yang anda suka di dalam tanda kutip atau tanda petik pada kode ("   ");

Misalnya saya menulis non bilangan begini IKHSAN WISUDAWAN TERBAIK UNESA PADA WISUDA XLVI TAHUN 2000 

Tulisan atau teks yang berupa non bilangan harus dipisah oleh tanda kutip “  “ diikuti tanda plus + 

Ditulis begini

“IKHSAN WISUDAWAN TERBAIK UNESA PADA WISUDA XLVI TAHUN”+

dan spasi dipakai tanda petik “   “ diikuti tanda plus + diikuti bilangan 2000 yang tidak diapit oleh tanda kutip

Kita tulis begini

("IKHSAN WISUDAWAN TERBAIK UNESA PADA WISUDA XLVI TAHUN”+”  “+2000 );

sehingga kode menjadi 

document.write("IKHSAN WISUDAWAN TERBAIK UNESA PADA WISUDA XLVI TAHUN"+“ “+2000);

3. Seluruh kode tersebut didahului dengan perintah <script type="text/javascript"> dan diakhiri dengan </script>

sehingga kode selengkapnya menjadi 

<script type="text/javascript">

document.write("IKHSAN WISUDAWAN TERBAIK UNESA PADA WISUDA XLVI TAHUN"+“ “+2000);

</script>

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


Perhatian!

Pada saat proses copy dari halaman Google Docs kemudian paste ke halaman Tampilan HTML di Blogger seringkali terjadi perubahan tanda kutip (tanda petik) menjadi miring secara otomatis. Oleh karena itu, sebelum menombol menu Publikasikan terlebih dahulu tanda kutip (tanda petik) tersebut diperiksa, diusahakan jangan miring.


5. Pilihlah Publikasikan

7. Pilihlah KONFIRMASI

6. Kembali ke menu Blogger, 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 :


<script type="text/javascript">

document.write("IKHSAN WISUDAWAN TERBAIK UNESA PADA WISUDA XLVI TAHUN"+“ “+2000);

</script>


Hasil tampilannya berikut:

IKHSAN WISUDAWAN TERBAIK UNESA PADA WISUDA XLVI TAHUN 2000


Bisa juga menggunakan perintah getElemenById tapi harus didahului kode 

<p id=" "></p> atau boleh juga didahului dengan kode <div id=" "></div>


<p id="mencoba"></p>

<script type="text/javascript">

document.getElementById(“mencoba”).innerHTML=”IKHSAN WISUDAWAN TERBAIK UNESA PADA WISUDA XLVI TAHUN"+“ “+2000;

</script>


atau


<div id="mencoba"></div>

<script type="text/javascript">

document.getElementById(“mencoba”).innerHTML=”IKHSAN WISUDAWAN TERBAIK UNESA PADA WISUDA XLVI TAHUN"+“ “+2000;

</script>



Read More

All the titles can be read in this link (Click on here)
Daftar semua judul dapat di baca di link sini ( Klik di sini)