Ayo Belajar: Juli 2019

Senin, 29 Juli 2019

PEMBAHASAN TENTANG JAVASCRIPT

PENGERTIAN JAVASCRIPT YAITU:

JAVASCRIPT adalah salah satu bahasa pemrograman yang di gunakan untuk berintraksi dan menambah fitur dinamis ke dalam halaman website. Untuk membuat website memang juga bisa tidak menggunakan JAVASCRIPT. Namun sekarang ini hampir semua website selalu menggunakan bahasa pemrograman JAVASCRIPT di zaman kali ini. Salah satu pemrogrammer website JAVASCRIPT merupakan salah satu bahasa pemrograman web yang harus di kuasai.

Pada awalnya pembuatannya JAVASCRIPT ditunjukan untuk membuat intraksi antara user dengan website menjadi lebih cepat dan tanpa menunngu pemrossesan dari server. Misalnya sebuah form yang terdapat dalam website dengan JAVASCRIPT kita yang dapat memvalidasi dan mengetahui inputan masih kosong atau di isi dengan kolom benar atau belum dengan secara cepat. Sedangkan ketika tidak menggunkan JAVASCRIPT (cara lama) maka harus isi form tersebut harus di kirim dan di proses diserver website terlebih dahulu dengan caranya klik tombol submit yang ada dalam form dan ketika ada inputan form yang tidak vailed atau msih kosong server baru memberikan respon. Tentunya dengan cara seperti ini memerlukan waktu yang lebih lama yang baru bila di bandingkan menggunakan JAVASCRPIT.

Untuk saat ini JAVASCRIPT tidak terbatas dengan validasi form saja, yaitu membuktikan interaktip yang membuat animasi-animasi sehingga website terlihat modern, fitur chatting, request ajax, game dan lain sebagainya. Untuk itu selain HTML dan CSS belajr JAVASCRIPT ini menjadi sangat penting apabila kamu ingin menjadi web developer, terutama pada bagian front end developer

Sabtu, 27 Juli 2019

PENGERTIAN CSS

Apakah yang di maksud dengan CSS?

CSS adalah kepanjangan dari cascading style sheet yang merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih struktur dan beragam. Atau bisa di sebuat CSS adalah untuk mendesain pada sebuah web yang di buat dalam sebuah pemrograman seperti HTML, JAVASCRIP,MYSQL DAN LAIN-LAIN.

CSS dapat digunakan sebagai ukuran pada gambar, warna bagian tubuh pada teks, ukuran font/tulisan, warna tabel, ukuran border, warna border, warna hyperlink/link, warna mouse over, spasi antar teks, margin kiri, kanan, atas, bawah dan parameter lainnya.

cara penggunaan CSS terbagi menjadi beberapa bagian yaitu sebagai berikut:

1. Inline styleCSS

2.internal CSS

3.eksternal CSS

inline style css adalah dimana kode CSS di tulis langsung pada elemen yang di inginkan.

Seperti contoh:

<h1 style="color:blue">ayo belajar</h1>

Tag <h1>pada css adalah untuk mengukur seberapa besar nya ukuran teks tersebut ukuran teks tersebut bisa kalian gunakan dari ukuran terbesar sampai yang terkecil ukuran paling kecil itu adalah tag<h7> itu iyalah tag yang paling kecil pada CSS kalian bisa gunakan dari satu sampai tujuh.

Tag style itu adalah kode pada css dan tag <color:blue> iyalah untuk mewarnai pada teks pada sebuah web tersebuat kalian bisa masukan warna itu semau kalian aja.

Internal CSS adalah hanya bisa di gunakan pada suatu halaman saja CSS tidak bisa di gunakan di halaman lain. Penulisan CSS ini diletakan di dalam elemen tag <head> kalau di tulis pada HTML karna HTML, CSS dan JAVASCRIPT itu bergabungan yang saling membutuhkan karna HTML itu hanya untuk menampilkan saja di dalam web, CSS hanya untuk menghiasi/mendesain pada suatu web tersebut. Dan JAVASCRIPT Itu adalah sebagai pemrogram untuk menjalankan pada suatu web.

Eksternal CSS yaitu kita bisa menggunakan style dalam halaman suatu website. Untuk menggunakannya kita bisa memanggilnya dengan link dan berada di element head.

Contoh:

Jumat, 19 Juli 2019

CARA MEMBUAT HYPERLINK DAN PEMFORMATAN TEXS

1.Hyperlink

Dokumen HTMLmempunyai kemampuan untuk memberikan link dari suatu texs atau gambar menuju ke dokumen atau bagian lain dalam suatu dokumen. Browser web akan menyorot teks atau gambar yang diidentifikasikan sebagai link dengan warna atau garis pada teks tersebut yang menunjukan bahwa itu adalah hyperteks link.

Bagaimana cara membuat link tersebut? Jika kalian ingin membuat suatu link pada teks atau dambar nih saya akan kasih kodenya. Dalam tag HTML menggunakan tag <a> yang di sebut tag anchor untuk membuat suatu link kepada dokumen lain.

Contoh:

<a href="ayo belajar">ayo belajar</a>

Membuat link untuk membuka window baru

Untuk membuat link supaya bisa membuka window baru dapat di tambahkan dengan kode target="_blank"

Seperti di bawah ini.

Contoh:

<a href="ayo belajar"target="_blank">ayo belajar</a> window baru

2.Mailto

Mailto adalah salah satu contoh hyperlink untuk menghubungkan dengan sebuah alamat gmail kalian

Contoh:

<a href="mailto:huuhbae123@gmail.com>gmail saya</a>

Image hyperlink

Hyperlink dengan gambar akan menunjukan alamat kepada suatu browser/web yang kalian tujukan kepada alamat linknya.

Contoh

</a>

1.Pemformatan teks

Teks dalam dokumen web dapat di format secara khusus untuk menunjukan perbedaan dan penekanan terhadap isi dan maksud dari teks tersebut. Perbedaan di tampilkan dalam hurup tebal,miring,garis bawah dan lain-lain. Seperti di bawah ini adalah performatan teks:

1.Menebalkan teks(bold)

2.Memiringkan teks(italic)

3.Garis bawah(underline)

4.Membesarkan hurup(big)

5.Mengecilkan hurup(small)

6.Superscript

7.Subscript

Contoh:

<body>

<b>Tulisan tebal</b>

<br>

<i>tulisan miring</i>

</br>

<br>

<u>Garis bawah</u>

</br>

<br>

<big>tulisan besar</big>

</br>

<br>

<small>tulisan kecil</small>

</br>

<br>

<sup>tulisan supscript</sup>

</br>

<br>

<Sub>tulisan subscript</sub>

</br>

Teks preformat

Di gunakan untuk menampilkan sesuai dengan dokumen tersebut dalam editor teks

Contoh:

<body>

<pre>

Contoh teks preformat

Contoh

Teks

Preformat

Contoh teks preformat

</pre>

</body>

Mengolompokkan data dan memasukan gambar memakai kode HTML

List item yang disebut mengelompokkan data baik berurutan(ordered list) maupun yang tidak berurutan(unodered list).

Ordered list

Ordered list adalah untuk membuat list/ kelompok yang berurutan dengan nomor seperti dari 1 sampai seterusnya, kode yang akan di pakai adalah tag <ol> dan penutup tag </ol>, sedangkan untuk mendata setiap itemnya menggunakan tag <li> dan penutup tag </li>.

Contoh:

Daftar hari<br>

<ol>

<li>senin</li>

<li>Selasa</li>

<li>Kamis</li>

<li>Sabtu</li>

<li>Minggu</li>

</ol>

Ada beberapa type kode yang bisa di gunakan dalam mengelompokkan data

Yaitu sebagai berikut:

Contoh:

Contoh type "1"daftar hari<br>

<li>senin</li>

<li>selasa</li>

</ol>

Contoh type "l" daftar hari<br>

<li>kamis</li>

</ol>

Contoh type "i" daftar hari<br>

<li>sabtu</li>

</ol>

Contoh type "A" daftar hari<br>

<li>minggu</li>

<li>Senin</li>

</ol>

Contoh type "a" daftar hari<br>

<li>selasa/li>

</ol>

Unuodered list

Untuk membuat list secara tidak berurutan atau seperti tanda( .)titik, kita gunakan tag penutup<ul> dan tag penutu</ul>, sedangkan setiap mendata item lainya menggunakan tag<li>sebagai tag pembuka dan </li> sebagai tag penutupnya.

Contohnya sama dengan yang di atas seperti itu cuman di ganti tag <ol> dengan tag<ul>.

Ada tiga type yang bisa kita gunakan yaitu:

1.square

2.disc

3.circle

Contoh:

Contoh ke 1 Daftar hari<br>

<li>senin</li>

</ul>

Contoh ke 2 daftar hari<br>

<li>selasa</li>

</ul>

Contoh ke 3 daftar hari<br>

</ul>

Memasukan gambar ke dalam suatu web/blog

Gambar di dalam suatu website adalah daya penarik pengunjung suatu website kalian. Umumnya di dalam suatu website di lengkapi dengan gambar untuk membuat orang tertarik untuk melihat dan membaca isi suatu website. Setiap gambar akan butuh waktu untuk mendownload atau memperlambat awal penampilan suatu dokumen di dalam browser. Untuk menyertakan imag/gambar di sebuah dokumen web adalah tag <img src="alamat imag atau link imag tersebut">

Contoh:

Ada beberapa tempat untuk menyimpan gambar di sebelah kiri, kanan, tengah dan ukuran lebar, panjang pada suatu gambar.

Untuk menyimpan gambar di sebelah kanan cukup menyertakan tag <img src=align:"right">.

Untuk menyimpan gambar di sebelah kiri cukup menyertakan tag <img src=align:"left">.

Untuk menyimpan gambar supaya di tengah gambarnya cukup menyertakan tag

<img src=alig:"center">.

Untuk meletakan gambar lebar atau panjangnya cukup menyertakan tag

<img src="gambr kalian" align"center" widht="100px" height="100px"> itu angka 100 bisa di ganti sama kalian terserah kalian nomornya.

Senin, 15 Juli 2019

Cara menandai elemen-elemen pada dokumen(tag html) dan paragraf

ÖTag di gunakan untuk menendai suatu elemen pada sebuah dokumen HTML. Tag HTML terdiri atas sebuah sudut kiri(<>)atau tanda kalau di matematika (<)lebih kecil dari (>)lebih besar dari. Itu adalah nama dari sebuah tag HTML tag umumnya suka berpasangan sebagai berikut contoh di bawah ini:
<HTML> Tutup</HTML>
kalau kalian sudah menulis kode HTML /HTML kalau sudah harus di tutup lagi dengan memakai garis atau(/) back sless seperti contoh di atas penulisan HTML.
Secara umum suatu elemen dalam HTML yang dinyatakan dengan tagnya,dituliskan: <nametag> </nametag>
Tag haed(kepala)
Tag head merupakan sebuah tag yang menuliskan tentang dokumen HTML isi teks di dalam tampilan <head> dengan </head> tidak akan menghasilkan apapun dalam sebuah browser, karna kode head itu pada HTML itu adalah bagian dari kepala dari sebuah web/blog.
Contoh:
biasakan kalian kalau mau memasukan kode-kode HTML kalian harus masukan juga nama HTMLnya langsung tutup seperti di bawah ini:
<html>
<head>
<title>ayo belajar</title>
</head>
</html>

Tag title
Tag title merupakan tag yang di gunakan untuk menuliskan judul dokumen HTML. Hasil tag ini akan terlihat di window caption browser.
Contoh:
<title>ayo belajar</title>

Tag body
Tag body merupakan selection dalam dokumen HTML yang akan di tampilkan dalam browser.
Contoh:
<body>
Ayo belajarlah agar kita itu cerdas
</body>

Heading
Heading dimanfaatkan untuk menandai judul topic atau tulisan yang mengandung arti dari teks yang akan di tuliskan oleh kalian.
Ada 6 tingkat HEADING dalam HTML dengan di nomori dari satu sampai enam(1-6) nomor 1 merupakan tulisan paling besar dan dan akan semakin kecil bila mana kalian masukan kode nya sampai 6.
Contoh:
<body>
<h1>ayo belajar 1</h1>
<h2>ayo belajar 2</h2>
<h3>ayo belajar 3 </h3>
<h4>ayo belajar 4 </h4>
<h5>ayo belajar 5 </h5>
<h6>ayo belajar 6 </h6>
</body>

Paragraf pada HTML
Semua paragraf harus di awali dengan tag<p> dan di tutup </p> karna "P"adalah dalam artian paragraf untuk memisahkan tulisan. Contoh:
<body>
<p>
ayo belajar.
ayo belajar.
ayo belajar.
</p>

<p>
ayo belajar.
ayo belajar.
ayo belajar.
</p>
</body>
Link break
<body>
Digunakan untuk ganti baris atau enter, tag yang di gunakan adalah <br>...</br>
Contoh:
<p>
Ayo belajar <br>
Ayo belajar<br>
Ayo belajar<br>
</p>

<p>
Ayo belajar<br>
Ayo belajar<br>
Ayo belajar<br>
</p>
</body>

Align
Di gunakan untu rata tulisan pada sebuah web/blog supaya terlihat rapih.
Contoh:
<p aligh="left">
Ini adalah contoh paragraf rata kiri.ayo belajar bersama kami di web/blog saya ayo belajar ayo.
</p>

<p align="center">
Ini adalah paragraf contoh rata tengah .ayo belajar bersama kami di web/blog saya ayo belajar ayo.
</p>

<p align="right">
Ini adalah contoh paragraf rata kana n.ayo belajar bersama kami di web/blog saya ayo belajar ayo.
</p>
</body>