Pages

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:
<link rel="stylesheet" href="styles.css">

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 href="ayo belajar.com">
<img src="masukan alamat link gambar kalian yang akan kalian masukan"widht=100px/>
</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>Rabu</li>
<li>Kamis</li>
<li>Jum'at</li>
<li>Sabtu</li>
<li>Minggu</li>
</ol>

Ada beberapa type kode yang bisa  di gunakan dalam mengelompokkan data
Yaitu sebagai berikut:
<ol type="1">
<ol type="l">
<ol type="i">
<ol type="A">
<ol type="a">

Contoh:
Contoh type "1"daftar hari<br>
<ol type="1">
<li>senin</li>
<li>selasa</li>
</ol>

Contoh type "l" daftar hari<br>
<ol type="l">
<li>rabu</li>
<li>kamis</li>
</ol>

Contoh type "i" daftar hari<br>
<ol type="i">
<li>jum'at</li>
<li>sabtu</li>
</ol>

Contoh type "A" daftar hari<br>
<ol type="A">
<li>minggu</li>
<li>Senin</li>
</ol>

Contoh type "a" daftar hari<br>
<ol type="a">
<li>selasa/li>
<li>rabu/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>
<ul type="square">
<li>senin</li>
</ul>

Contoh ke 2 daftar hari<br>
<ul type="disc">
<li>selasa</li>
</ul>

Contoh ke 3 daftar hari<br>
<ul type="circle">
<li>rabu</li>
</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:
<img src="alamat imag atau link imag kalian yang akan di masukan di dalam gambar tersebut">

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>