TUTORIAL HTML

Halo sobat, kali ini kita akan mempelajari tentang salah satu bahasa markup yang ditujukan untuk pembuatan website, yaitu HTML. Merupakan singkatan dari Hypertext Markup Language, bahasa markup ini biasa digunakan untuk mengatur kerangka dari sebuah website. HTML biasa disandingkan dengan CSS(Cascading Style Sheet) untuk dapat mempercantik tampilan dalam sebuah website. Ada juga bahasa pemrograman JavaScript untuk membuat suatu website yang telah dipercantik dapat responsive. Berikut kami sajikan analogi dari ketiga bahasa tersebut.

Dalam penulisannya, bahasa pemrograman HTML cenderung mudah. Setiap elemen dari HTML berupa tag (< >) yang dapat dipanggil sesuai fungsinya. Setiap tag(tidak semuanya) diakhiri dengan menambahkan tanda (/). Misalnya tag Head sendiri merupakan bagian “kepala” dari website tersebut.

Untuk menulis kode HTML, dibutuhkan teks editor tentunya. Teks editor yang akan kita gunakan kali ini adalah Visual Studio Code atau VS Code panggilan akrabnya. Alasan pemilihan VS Code adalah User Interfacenya yang lumayan ciamik, lalu fitur marketplace yang diisi oleh banyak ekstensi yang salah satunya bisa mempercantik struktur kode HTML kamu.

Kamu bisa download Visual Studio Code di sini.

Langkah pertama, jalankan Visual Studio Code.

Tampilan muka Visual Studio Code

Langkah kedua, install beberapa ekstensi. Untuk mengakses ekstensi, tekan ctrl+shift+p secara bersamaan lalu ketik pilih Extension.

Langkah ketiga, pilih ekstensi. Admin install ekstensi HTML Snippet dan JS-CSS-HTML Formatter untuk mempercantik struktur kodenya nanti.

Anda juga bisa install HTML Preview untuk mengetahui hasil kode setelah dijalankan

Setelah itu save as file dengan ekstensi .html, selanjutnya selamat menulis.

Kita akan memulainya dengan Hello World. Untuk itu, perhatikan kode berikut:

<!DOCTYPE html>

<html>

<head>

<title>
website pertama kita
</title>

</head>

<body>Hello world!</body>

</html>

Save kode diatas lalu buka kode tersebut di website dengan klik kanan pada file html.

Berikut tampilan yang akan terlihat:

Penjelasan :

1. Tag <!DOCTYPE html> menjelaskan tentang versi bahasa HTML dalam hal ini HTML5

2. <head> menyatakan bagian atas dari website.

3. Tag <title> menyatakan judul website, dalam hal ini "website bersama kita".

4. Sementara tag <body> digunakan untuk menampilkan tubuh website, dalam hal ini menampilkan

"Hello world!"

Sekian artikel pengenalan HTML kali ini. Tunggu artikel kami selanjutnya. Sampai jumpa.

TUTORIAL HTML

Bagikan Artikel Ini :

0 Comments

Notification

Comment

TUTORIAL HTML

Bagikan Artikel Ini :

You may like these posts:

0 Comments