Jumat, 18 Oktober 2019

Mengenal Tag, Elements, Attributes HTML

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>

Memilih Text Editor

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

Pengertian HTML

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.