Pemrograman Web Dasar
Assalamulaikum warahmatullahi wabarokatu
Hallo, Semua kembali lagi sama saya Taufik Muhamad ramadhan kali ini saya akan memberikan suatu artikel yang sangat berbeda dari sebelum-sebelumnya. Kali ini saya akan memberikan materi tentang Pemrograman Web atau pengembangan Web yang dibuat menggunakan bahasa Pemrograman.
Untuk membuat sebuah web ada berbagai cara, ada yang menggunakan aplikasi yang sudah menyediakan berbagai fitur untuk membuat web ada juga yang membuatnya secara manual atau menggunakan bahasa pemrograman.
Saya akan memberikan sedikit materi tentang pembuatan web menggunakan bahasa pemrogrman. Bahasa pemrograman yang dipake adalah HTML,CSS,JS dan PHP.
Tapi untuk saat ini saya akan memulainya dari yang paling dasar yaitu bahasa pemrograman HTML.
Apa sih HTML itu?
HTML adalah bahasa Pemrograman yang berguna sebagai dasar atau pondasi suatu web. Yang membedakan dokumen HTML dengan dokumen yang lain adalah adanya elemen HTML yang disebut juga Command HTML.
Setiap dokumen HTML di awali dan diakhiri dengan TAG HTML , Contoh :
<BEGIN TAG> </END TAG>
Tag tidak case sesitive artinya Kapital atau tidak , tidaklah masalah
Setiap dokumen HTML di awali dan diakhiri dengan TAG HTML , Contoh :
<BEGIN TAG> </END TAG>
Tag tidak case sesitive artinya Kapital atau tidak , tidaklah masalah
1. Atribut Elemen Heading
dalam HTML ada yang namanya Heading, yang berfungsi untuk memformat Heading (Judul dan Subjadul) dari suatu halaman Web. Berikut contoh hasil Tag Heading :
Berikut Contoh Codingannya Klik Disini
2. Atribut Elemen Paragraf
dalam paragraf terdapat TAG <p></p> yang fungsinya untuk membuat sebuah paragraf. Berikut Contoh hasil Tag Paragraf :
3. Atribut Elemen Link
dalam paragraf terdapat TAG <p></p> yang fungsinya untuk membuat sebuah paragraf :
4 Atribut Elemen
pada HTML kita juga bisa menambahkan gambar, caranya :
- cari gambar yg ingin anda tampilkan
- lalu letakan 1 folder dengan file HTML yang kalian buat, kalian bisa meletakannya bersamaan dengan file HTML ataupun membuat folder baru. Berikut contoh hasil Codingannya :
5. Format Text
pada HTML terdapat berbagai macam format text, yang berfungsi untuk menebalkan font, membuat cetak miring font, dll. Berikut adalah macam-macam format text.
Berikut Contoh Hasil Codingannya :
Dan berikut Contoh Codingannya Klik Disini
6. PreFormat Text
Pada HTML ada TAG <pre></pre>, jika kita menggunakan Tag ini maka kita tak bisa menggunakan format text lain didalamnya. Dan ini Contoh hasil Tag PreFormat:
Dan ini Codingannya Codingan 1
7. Quotation
Pada HTML ada tag yang bernama <blockquote><blockquoate>, yang fungsinya unutk mengkutip suatu tulisan. Ini hasil Codingannya :
Berikut Codingannya Klik Disini
Berikut saya punya beberapa contoh codingan halaman web sederhana menggunakan materi - materi yang telah kita pelajari diatas:
8. list
9. Ordered List
Ordered List adalah daftar yang menggunakan sistem penomoran tertentu biasanya berupa :
Dalam menggunakan list di HTML ada tiga jenis list yakni:
1. Daftar Berurutan (ordered list <ol></ol>)
2. Daftar Tidak Berurutan (unordered list <ul></ul>)
3. Daftar Definisi (Definition List <dl></dl>)
Ini Contoh Codingnya Klik disini
Dan Berikut Contoh hasilnya :
9. Ordered List
Ordered List adalah daftar yang menggunakan sistem penomoran tertentu biasanya berupa :
- Angka (1,2,3,4)
- Huruf (A,B,C,D) (a,b,c,d)
- Angka Romawi (i,ii,iii,iv) (I,II,III,IV)
List Ini biasanya digunakan untuk umumnya suatu item item yang berurutan , atau memberika langkah-langkah/ prosedur yg harus berurutan , Berikut Contoh hasil Codingannya :
Ini Codingannya Klik disini
10 . Unordered List
Unordered List adalah List yang dapat diubah Posisinya secara acak dan juga daftar ini tidak perlu menggunakan penomoran seperti Ordered List . Tag yang digunakan <ul></ul><li></li>, Pada typenya juga menggunakan format yg berbeda misalkan "disk,circle,squere", Contoh hasil Codingannya :
Dan ini Codingannya Klik disini
11. Definition List
Definition List adalah daftar yeng berisi sekumpulan definisi dari suatu istilah . Berikut Contoh Codingannya
Codingan
10 . Unordered List
Unordered List adalah List yang dapat diubah Posisinya secara acak dan juga daftar ini tidak perlu menggunakan penomoran seperti Ordered List . Tag yang digunakan <ul></ul><li></li>, Pada typenya juga menggunakan format yg berbeda misalkan "disk,circle,squere", Contoh hasil Codingannya :
11. Definition List
Definition List adalah daftar yeng berisi sekumpulan definisi dari suatu istilah . Berikut Contoh Codingannya
Codingan
Saya punya Codingan menggunkan bahasa HTML tentang Biodata saya , Silahkan dibuka disini
Sekian aja untuk kali ini semoga bermanfaat
Wassalamualaikum Warahmatullahi Wabarokatu
Comments
Post a Comment