Sabtu, 19 Oktober 2019

HTML

Tag Iframe Pada HTML

Ayu Ratna Oktober 19, 2019 Leave a Reply
Tag Iframe Pada HTML
Iframe merupakan sebuah tag HTML yang berfungsi untuk menampilkan halaman website tanpa harus membuka website tersebut. Jadi apabila anda ingin menampilkan website lain dalam halaman web anda maka anda bisa menggunakan tag <iframe> untuk menampilkannya. Caranya sangatlah mudah, anda hanya perlu menambahkan atribut src="" pada tag pembuka <iframe> untuk meletakkan link url dari website yang ingin ditampilkan. Cara penulisan tag iframe diawali dengan tag iframe pembuka "<iframe>" dan diakhiri dengan tag iframe penutup </iframe>.

Atribut height dan width digunakan untuk menentukan tinggi dan lebar iframe. Tapi anda dalam meletakkan atribut tersebut bisa menggunakan css. 

Jumat, 18 Oktober 2019

HTML

Format Text Pada HTML

Ayu Ratna Oktober 18, 2019 Leave a Reply
Format Text Pada HTML
Dalam penulisan HTML sangat sering menggunakan format text didalamnya, baik itu dalam penulisan judul, ataupun isi dari content itu sendiri.
Format text pada HTML antara lain
1. Membuat huruf tebal (bold)
Untuk membuat teks menjadi tebal pada tampilan halaman web, bisa menggunakan tag <b>. 
2. Membuat huruf miring (italic)
Untuk membuat teks miring dengan menggunakan tag <i>
3. Membuat huruf bergaris bawah (underline)
Untuk membuat teks underline bisa menggunakan tag <u>
4. Untuk membuat format teks kecil dengan memggunakan tag <small>
5. Tag <strong>, tag ini hampir sama dengan format bold.
6. Untuk membuat format subcripted teks kita bisa menggunakan tag <sub>
7. Untuk membuat format superscript teks kita bisa menggunakan tag <sup>
8. Untuk membuat format text garis bawah kita menggunakan tag <ins>
9. Untuk membuat format dengan garis tengah menggunakan tag <del>
10. Untuk membuat format text berwarna menggunakan tag <mark>

HTML

Mengenal Tag, Elements, Attributes HTML

Ayu Ratna Oktober 18, 2019 Leave a Reply
Mengenal Tag, Elements, Attributes HTML
Tag HTML
Tag merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text yang ditulis didalamnya kepada browser. Baik itu berupa list, paragraph, link dll. Disinilah digunakan tag, dalam penulisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag, berikut penulisan tag yang digunakan dalam HTML.

<tag>Objek yang diisi </tag>

Perbedaan antara tag pembuka dan tag penutup yaitu pada tag pembuka diawali tanda kurung sudut pembuka dan diakhiri dengan tanda kurung sudut penutup (<>). Sedangkan pada tag penutup diawali dengan kurung sudut pembuka, backslash, dan diakhiri dengan penutup kurung sudut penutup (</>).
Jenis tag yang sering digunakan dalam html adalah sebagai berikut
1. <!-...->  digunakan untuk memberi sebuah komentar atau keterangan.
2. <!DOCTYPE html>  digunakan untuk mendefinisikan tipe document HTML5.
3. <a>link</a> mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke document HTML yang lain.
4. <b>...<b> membuat teks menjadi tebal.
5. <p>...<p> membuat paragraph
6. <h1>...<h> membuat heading satu
7. <body> mendefinisikan isi document
8. <head> mendefinisikan bagian kepala dokumen
9. <title> mendefinisikan judul halaman
10. <div> mendefinisikan halaman
11. <link> mendefinisikan hubungan antar dokumen.
12. <script>  mendefinisikan client side script
13. <td> mendefinisikan sel didalam sebuah table
14. <tr> membuat baris didalam sebuah table.
15. <ul> mendefinisikan daftar dalam format bullet.
16. <li> mendefinisikan list

Element HTML
Element pada HTML merupakan isi atau objek yang berada pada tag, maksudnya isi yang ada diantara tag pembuka dan tag penutup disebut dengan element, misalkan:
<!DOCTYPE html>
<html>
<head>
       <title></title>
</head>
<body>
<p> contoh web</p>
</body>
</html>

Attribute
Atribut merupakan informasi tambahan yang digunakan didalam tag pembuka, informasi ini berupa intruksi untuk memberikan efek warna, ketebalan, dll. Atribut biasanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis dengan (nama="value"). Penulisan nilai diapit oleh dua tanda kutip.
Penulisan atribut pada HTML diawali dengan penulisan tag berikan attribute dan element dari tag itu sendiri berikut contoh penulisan attribute pada HTML.
<h1 align="center ">pengenalan atribut HTML</h1>

HTML

Memilih Text Editor

Ayu Ratna Oktober 18, 2019 1 Comment
Memilih Text Editor
Text Editor merupakan aplikasi yang digunakan untuk menulis syntax atau kode program, disini khususnya untuk penulisan kode program HTML itu sendiri. Text editor sangatlah banyak yang bisa digunakan untuk penulisan kode HTML, contohnya seperti notepad, sublime TeX, visual code, dan lain sebagainya. Dikarenakan text editor tidak bisa digunakan untuk mengatur format document serta tidak disediakan fitur-fitur yang bisa digunakan untuk desktop publishing.

Browser merupakan aplikasi yang digunakan untuk menjalankan code program HTML yang sudah dibuat. Browser inilah yang menjadi syarat yang harus dipenuhi jika anda belajar web programming. 

Jenis jenis text editor
1. Sublime Text Editor
Adalah text editor yang paling banyak digunakan oleh programmers, karena memiliki tampilan yang elegant, yang khas dengan warna kecokelatannya. Text editor ini tersedia untuk windows, Mac, dan linux.
2. Notepad ++
Text editor ini bisa digunakan untuk windows dan free license yang artinya bebas digunakan tanpa mengeluarkan biaya. Text editor ini memiliki ciri khas tersendiri dan banyak fitur fitur yang bisa diinstall di text editor ini. 
3. Atom
Text editor ini hampir sama dengan sublime namun text ini agak sedikit lebih berat jika dibandingkan dengan sublime. Text editor ini bisa digunakan oleh platform Mac, Windows, dan Linux.
4. Brackets
Text editor ini memiliki kriteria tersendiri dan hampir sama dengan Atom. 
5. NetBeans
Text editor ini merupakan salah satu favorite programmer, namun text editor ini busa dikategorikan lebih berat dari text editor lain yang disebutkan diatas. Kemudahan text editor ini adalah tampilan kode program yang ditulis lebih rapi.  

Kamis, 17 Oktober 2019

HTML

Pengertian HTML

Ayu Ratna Oktober 17, 2019 Leave a Reply
Pengertian HTML
HTML, sebelumnya udah saya bahas tentang apa itu pengertiannya. Tapi ga papa lah disini saya akan mengulas kembali apa itu HTML. Sebelumnya saya mohon maaf pada kalian semua karena sudah lama tidak update materi program karena banyak nya tugas sekolah hingga terhenti sebentar pembelajarannya. Dan berhubung sekarang sudah ada waktu senggang, saya akan mencoba aktif kembali dalam belajar web programmer. 

Hm,, apasih itu HTML? Yang sudah pernah baca konten lama ku pasti tau nih apa pengertiannya. Yapss, HTML merupakan bahasa pemrograman dasar yang wajib dikuasai oleh seorang web developer. Karena HTML merupakan unsur dasar dari pembangunan sebuah website. Jika diibaratkan HTML menjadi pondasi pada sebuah rumah atau bangunan. Karena bentuk pada halaman website dibuat menggunakan HTML.

HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting yang digunakan untuk membuat sebuah halaman website. Di dalam dunua pemrograman berbasis website, HTML menjadi pondasi dasar pada halaman website. Sebuah file HTML disimpan dengan menggunakan ekstensi .html (dot html). Dan dapat dieksekusi atau diakses dengan menggunakan web browser. Jika dalam membuat sebuah website hanya menggunakan HTML saja maka halaman tersebut akan statis yakni tidak memiliki aksi apapun atau fungsi-fungsi yang dapat mengelola website. Oleh karena itu perlu bantuan tambahan yaitu CSS, JavaScript, dan lain lain.

Html memiliki beberapa elements yang tersusun dari tag-tag yang memiliki fungsinya masing-masing, seperti tag heading, paragraph, pembuatan form, ,tombol, list, hyperlink dan lain sebagainya.

Kegunaan HTML
HTML berfungsi sebagai sebuah pondasi halaman website. Adapun yang dapat dilakukan dengan HTML adalah sebagai berikut:
1. Membungkus element-element tertentu sesuai kebutuhan.
2. Membuat heading atau format judul.
3. Membuat tabel.
4. Membuat list.
5. Membuat paragraph.
6. Membuat form.
7. Membuat tombol.
8. Membuat huruf tebal, miring.
9. Menampilkan gambar.
10. Menampilkan video.

Sampai saat ini HTML sudah sampai pada versi 5. Pada versi ini sudah banyak sekali fitur tambahan, salah satunya memungkinkan kita untuk membuat streaming video tanpa adanya bantuan adobe flash. 

Selasa, 09 Juli 2019

HTML

Form html

Ayu Ratna Juli 09, 2019 Leave a Reply
FORM HTML
Form biasanya digunakan untuk mengumpulkan data dari suatu data. Penggunaan form hanya menggunakan Html saja tidak akan terlalu berguna.Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan diproses dengan bahasa pemrograman web. 

Tag dasar yang digunakan untuk membuat  form di html adalah tag form, input, textrea, select dan option. Tag form dalam html harus berada didalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Tag form akan membutuhkan beberapa atribut untuk dapat berfungsi dengan seharusnya.  
Atribut yang digunakan dalam tag form yaitu
1. action, berfungsi untuk menjelaskan kemana data form yang akan dikirimkan.
2. method, berfungsi untuk menjelaskan bagaimana data isian form akan dikirimkan oleh web browser.

Tag input merupakan tag yang paling banyak digunakan didalam form dan memiliki banyak bentuk, mulai dari isian texr biasa.
Atribut yang digunakan dalam tag input yaitu:
1. <input type="text"/>, textbox yang digunakan untuk menerima inputan berupa text.
2. <input type="password"/>, sama dengan text namun saja tidak akan terlihat dan muncul berupa bintang atau bulatan.
3. <input type="checkbox"/>, inputan yang berupa data yang bisa diceklist maupun dicentang oleh user.
4. <input type="radio"/>, hampir sama dengan checkbox hanya saja user hanya bisa memilih satu diantara pilihan.
5. <inptu type="submit"/>, menampilkan tombol untuk memproses form.

Tag textarea pada dasarnya sama dengan tag input namun lebih besar dan dapat berisi banyak baris. Elemen yang berada diantara tag textarea akan ditampilkan sebagai text awal dari form.

Tag select digunakan untuk inputan yang telah tersedia nilainya, dan user hanya dapat memilih dari nilai yang ada. Tag select digunakan bersama dengan tag option. Tag select memiliki atribut selected yang dapat digunakan untuk menambah nilai awal dari suatu form.

Supaya lebih paham langsung ke contoh berikut:







Sebenarnya membuat fomulir dengan html tidak lah sulit hanya saja membutuhkan kreatifitas dan kejelian dalam pengkodingannya.


Belajar tak mengenal waktu
@enjie_press~