Apa itu bahasa HTML?
Yap, kali ini aku ingin bahas tentang apa apa yang terkait dengan bahasa HTML, ok mari kita simak yaa😃😃
HTML merupakan kepanjangan dari Hyper Text Markup Language. Dan bahasa HTML sendiri itu merupakan bahasa dasar atau standar dalam pembuatan website. Sehingga dapat dikatakan bahwa HTML merupakan sebuah pondasi dari terbentuknya website dan merupakan wadah bagi bahasa pemrograman website lainnya.
Apa perbedaan bahasa HTML dengan bahasa pada umumnya?
Dalam penulisan HTML diperlukan kode atau tag HTML sehingga membentuk struktur kode dan halaman HTML yang lengkap.
Nah, untuk belajar bahasa HTML ini kita menggunakan aplikasi Visual Studio Code, ada yang tahu?
Visual Studio merupakan sebuah aplikasi editor kode karya Microsoft yang diperuntukkan tidak hanya bagi mereka yang menggunakan windows saja, tapi juga tersedia untuk sistem operasi Linux dan Mac OS. Visual Studio Code mendukung berbagai jenis bahasa pemrograman termasuk HTML. Aplikasi ini bahkan mampu mengidentifikasi jenis bahasa pemrograman yang digunakan dan memberikan variasi warna sesuai fungsinya dalam rangkaian kode tersebut.
Langsung aja, kita praktikkan ok
Pertama yang pasti perlu dilakukan adalah download dan buka aplikasinya yaaa, setelah dibuka akan muncul tampilan seperti di bawah ini
Yeay itu lah hasil nya. Silahkan diamati yaa untuk perbedaan penggunaan pada setiap tagnya. Mudahkan???.
Selamat belajar, jangan lupa beri komentar kalian yaa. Tetap semangat untuk menorehkan jejak-jejak kalian, karena setiap jejak memiliki nilainya 😄💕.
Yap, kali ini aku ingin bahas tentang apa apa yang terkait dengan bahasa HTML, ok mari kita simak yaa😃😃
HTML merupakan kepanjangan dari Hyper Text Markup Language. Dan bahasa HTML sendiri itu merupakan bahasa dasar atau standar dalam pembuatan website. Sehingga dapat dikatakan bahwa HTML merupakan sebuah pondasi dari terbentuknya website dan merupakan wadah bagi bahasa pemrograman website lainnya.
Apa perbedaan bahasa HTML dengan bahasa pada umumnya?
Dalam penulisan HTML diperlukan kode atau tag HTML sehingga membentuk struktur kode dan halaman HTML yang lengkap.
Nah, untuk belajar bahasa HTML ini kita menggunakan aplikasi Visual Studio Code, ada yang tahu?
Visual Studio merupakan sebuah aplikasi editor kode karya Microsoft yang diperuntukkan tidak hanya bagi mereka yang menggunakan windows saja, tapi juga tersedia untuk sistem operasi Linux dan Mac OS. Visual Studio Code mendukung berbagai jenis bahasa pemrograman termasuk HTML. Aplikasi ini bahkan mampu mengidentifikasi jenis bahasa pemrograman yang digunakan dan memberikan variasi warna sesuai fungsinya dalam rangkaian kode tersebut.
Langsung aja, kita praktikkan ok
Pertama yang pasti perlu dilakukan adalah download dan buka aplikasinya yaaa, setelah dibuka akan muncul tampilan seperti di bawah ini
Untuk memulai project baru langsung klik "File" kemudian "New File".
Sehingga muncul tampilan seperti ini
Nah kalo udah muncul kaya gini kita bisa mulai membuat programnya.
Disini aku kan buat program yang berisi kata-kata yang terlintas diotakku yaa hehehe. Programnya kaya gini nih
<!DOCTYPE html>
<html>
<head>
<title> Gooden Morgen </title>
</head>
<body>
<h1>Kenalan yuk</h1><p>Ada pepatah tak kenal maka tak sayang</p>
<p><font color=orange>Lanjut yaa</font></p>
<b>Hidup sekali jadilah penuh arti</b>
<p><del>Be your self</del></p>
<h2><p><ins>Penyesalan dan kegagalan akan datang ketika kita tidak berjuang sekuat tenaga</ins></p></h2>
<h5>Ikhlas menerima semua ketentuan dan takdir yang sudah terjadi adalah kunci bahagia</h5>
</body>
</html>
Setelah pembuatan program selesai, kita harus menyimpannya dengan format file HTML. Seperti di bawah ini
Setelah filenya tersimpan format penulisan kalian akan menjadi berwarna seperti ini
Pada HTML ada kode atau tag HTML tersendiri, berikut penjelasannya:
Sehingga muncul tampilan seperti ini
Nah kalo udah muncul kaya gini kita bisa mulai membuat programnya.
Disini aku kan buat program yang berisi kata-kata yang terlintas diotakku yaa hehehe. Programnya kaya gini nih
<!DOCTYPE html>
<html>
<head>
<title> Gooden Morgen </title>
</head>
<body>
<h1>Kenalan yuk</h1><p>Ada pepatah tak kenal maka tak sayang</p>
<p><font color=orange>Lanjut yaa</font></p>
<b>Hidup sekali jadilah penuh arti</b>
<p><del>Be your self</del></p>
<h2><p><ins>Penyesalan dan kegagalan akan datang ketika kita tidak berjuang sekuat tenaga</ins></p></h2>
<h5>Ikhlas menerima semua ketentuan dan takdir yang sudah terjadi adalah kunci bahagia</h5>
</body>
</html>
Setelah filenya tersimpan format penulisan kalian akan menjadi berwarna seperti ini
Pada HTML ada kode atau tag HTML tersendiri, berikut penjelasannya:
- <!DOCTYPE html> : Menyatakan bahwa type dokumen tersebut berupa html.
- Tag <html> ditutup </html> :Mendefinisikan bahwa kode tersebut adalah kode html. Dan tag ini wajib ada pada setiap halaman html atau website.
- Tag <head> ditutup </head> : Kepala dokumen.
- Tag <title> ditutup </title> : Untuk membuat judul website.
- Tag <body> ditutup </body> :Tubuh dokumen. Setiap informasi yang ditulis di dalam tag ini akan muncul di halaman web.
- Tag <h1> ditutup </h1> :Berfungsi untuk membuat judul tulisan, terdiri dari berbagai tag (h) sesuai dengan nomor yang diberikan. Dan tag h1 merupakan ukuran yang terbesar.
- Tag <p> ditutup </p> :Untuk membuat paragraf.
- Tag <b> ditutup </b> :Untuk menebalkan tulisan.
- Tag <del> ditutup </del> :Agar teks tercoret.
- Tag <ins> ditutup </ins> :Memberi garis bawah pada teks.
- Font color: Agar teks menjadi berwarna (Pemilihan warna gunakan bahasa inggris).
Komentar
Posting Komentar