Apa sih HTML itu? Dasar Dasar pembuatan HTML itu apa ? yuk Klik sini
Hey semua..
apa kabar hari ini ? maaf ya aku update nya telat
Hari ini aku ingin membawakan materi baru , nah kali ini materinya tentang HTML , penasaran kan? yuk kita mulai :)......
Hampir semua web atau blog menggunakan HTML , HTML adalah Bahasa pemograman yang menggambarkan struktur dan isi semantik dari sebuah WEB. Dalam pembuatan WEB memang kita di wajibkan bisa HTML. Nah sekarang ini HTML sudah versi ke 5 lho.. disetiap versi ada penambahan vitur yang berbeda , seperti di bawah ini :
1. HTML versi 1 memiliki fitur heading, paragraph, hypertext,list, cetak tebal dan miring pada teks, dan gambar.
2. HTML versi 2 memiliki penambahan fitur yaitu kemampuan menampilkan suatu form pada dokumen
3. HTML versi 3 memiliki penambahan fitur yaitu dapat membuat tabel. nah dalam versi ini penyempurnaan HTML terdapat pada versi 3.2
4. HTML versi 4 memiliki perubahan fitur hampir di segala perintah perintah HTML seperti table, image, link, text meta, imagemaps, form, dll. nah dalam versi 4.1 terjadi perbaikan bug.
5. HTML versi 5 memiliki fitur terbaru seperti unsur kanvas untuk menggambar, video dan elemen audio untuk media pemutaran , dukungan yang lebih untuk penyimpanan secara offline, elemen konten yang lebih spesifik , dan bentuk kontrol form .
Nah itu tadi perbedaan di setiap HTML, oke ku rasa untuk pedahuluan sudah cukup ya, sekarang kita akan melanjutkan ke materi utama yaitu membuat HTML. Kali ini kita membuat html dengan aplikasi VISUAL STUDIO CODE, aplikasi ini free lho jadi jangan lupa download untuk belajar html ya.. Pembelajaran kali ini kita akan membuat biodata dalam bentuk web, disini kita memerlukan 2 aplikasi yaitu visual code dan web browser. baiklah mari kita mulai.
1. Membuat New File pada Visual Studio Code
1. Pertama buka aplikasi Visual Studio Code
2. Lalu pilih New file maka akan muncul jendela seperti di bawah ini
3. Menyimpan program
untuk me-Run program di atas maka kita harus menyimpan program terlebih dahulu dalam format HTML. Caranya seperti di bawah ini :
Klik File - lalu pilih save as - tentukan lokasi penyimpanan - lalu pilih format penyimpanan menjadi HTML, setelah itu program yang di tulis akan berubah warna , seperti di bawah ini :
4. Running Program
Nah untuk tahapan terakhir ini , buka tempat lokasi penyimpanan program tadi, lalu buka dengan browser ( mozila, UC browser, Chrome, dll) , maka akan muncul seperti ini :
Nah seperti itu tadi dasar dasar membuat HTML web tentang biodata, bagaimana seru kan maka dari itu jangan menyerah untuk belajar pemograman terus menerus, semakin kamu belajar semakin ahli kamu nanti, jangan lupa bagi juga ilmu yang kamu dapatkan, agar tidak sia sia nanti. Oke sekian dari materi hari ini, tetep semangat dan sampai jumpa lagi di materi selanjutnya.... :) jaaa nee :)
apa kabar hari ini ? maaf ya aku update nya telat
Hari ini aku ingin membawakan materi baru , nah kali ini materinya tentang HTML , penasaran kan? yuk kita mulai :)......
Hampir semua web atau blog menggunakan HTML , HTML adalah Bahasa pemograman yang menggambarkan struktur dan isi semantik dari sebuah WEB. Dalam pembuatan WEB memang kita di wajibkan bisa HTML. Nah sekarang ini HTML sudah versi ke 5 lho.. disetiap versi ada penambahan vitur yang berbeda , seperti di bawah ini :
1. HTML versi 1 memiliki fitur heading, paragraph, hypertext,list, cetak tebal dan miring pada teks, dan gambar.
2. HTML versi 2 memiliki penambahan fitur yaitu kemampuan menampilkan suatu form pada dokumen
3. HTML versi 3 memiliki penambahan fitur yaitu dapat membuat tabel. nah dalam versi ini penyempurnaan HTML terdapat pada versi 3.2
4. HTML versi 4 memiliki perubahan fitur hampir di segala perintah perintah HTML seperti table, image, link, text meta, imagemaps, form, dll. nah dalam versi 4.1 terjadi perbaikan bug.
5. HTML versi 5 memiliki fitur terbaru seperti unsur kanvas untuk menggambar, video dan elemen audio untuk media pemutaran , dukungan yang lebih untuk penyimpanan secara offline, elemen konten yang lebih spesifik , dan bentuk kontrol form .
Nah itu tadi perbedaan di setiap HTML, oke ku rasa untuk pedahuluan sudah cukup ya, sekarang kita akan melanjutkan ke materi utama yaitu membuat HTML. Kali ini kita membuat html dengan aplikasi VISUAL STUDIO CODE, aplikasi ini free lho jadi jangan lupa download untuk belajar html ya.. Pembelajaran kali ini kita akan membuat biodata dalam bentuk web, disini kita memerlukan 2 aplikasi yaitu visual code dan web browser. baiklah mari kita mulai.
1. Membuat New File pada Visual Studio Code
1. Pertama buka aplikasi Visual Studio Code
2. Lalu pilih New file maka akan muncul jendela seperti di bawah ini
3. Visual code siap di gunakan
2. Membuat Biodata
Sebelum membuat program, kita harus mengenal HTML tag, HTML tags adalah kata kunci yang dikelilingi oleh kurung sudut. contoh nya seperti <tag> konten </tag> . Tagname selalu berpasangan dimana tag pertama dalam pasangan adalah tag awal, lalu untuk </tag> adalah tag akhir, apabila tidak ada tag akhir maka program tidak dapat berjalan. Dibawah ini adalah program membuat biodata :
<!DOCTYPE html>
<html>
<head>
<title> Go My Way </title>
</head>
<body>
<h1> BIODATA DIRI </h1>
<p> Nama : Febrianti eka Suci </p>
<p> Kelas : 1 D3 Elektronika B </p>
<p> NRP : 1103181032 </p>
<p> Kampus : Politeknik Elektronika Negeri Surabaya</p>
<p> TTL : Blitar, 28 Februari 2000</p>
<p> alamat : Kamulan, Kec. Talun, Kab. Blitar, Jawa Timur </p>
</body>
</html>
keterangan untuk program di atas seperti ini :
- DOCTYPE deklarasi mendefinisikan jenis dokumen
menjadi HTML
- Teks antara <html> dan </ html>
menggambarkan sebuah dokumen HTML
-Teks antara <head> dan </ head>
memberikan informasi tentang dokumen
- Teks antara <title> dan </ title>
memberikan judul untuk dokumen dalam hal ini di tujukan untuk judul Web yang akan kita buat
- Teks antara <body> dan </ body> menggambarkan
isi halaman yang terlihat
- Teks antara <h1> dan </ h1>
menggambarkan judul paragraf yang kita buat
- Teks antara <p> dan </ p>
menjelaskan isi paragraf , karena apabila tanpa tag ini maka teks dalam web tidak berebentuk paragraf yang rapi .
- Teks antara <b> dan </b> akan bold atau tebal
- <br> untuk meng- enter teks
untuk me-Run program di atas maka kita harus menyimpan program terlebih dahulu dalam format HTML. Caranya seperti di bawah ini :
Klik File - lalu pilih save as - tentukan lokasi penyimpanan - lalu pilih format penyimpanan menjadi HTML, setelah itu program yang di tulis akan berubah warna , seperti di bawah ini :
4. Running Program
Nah untuk tahapan terakhir ini , buka tempat lokasi penyimpanan program tadi, lalu buka dengan browser ( mozila, UC browser, Chrome, dll) , maka akan muncul seperti ini :
Nah seperti itu tadi dasar dasar membuat HTML web tentang biodata, bagaimana seru kan maka dari itu jangan menyerah untuk belajar pemograman terus menerus, semakin kamu belajar semakin ahli kamu nanti, jangan lupa bagi juga ilmu yang kamu dapatkan, agar tidak sia sia nanti. Oke sekian dari materi hari ini, tetep semangat dan sampai jumpa lagi di materi selanjutnya.... :) jaaa nee :)
Komentar