pengenalan text editor sebelum mengenal tag html

Halo teman- teman sebelum kita belajar html kali ini saya akan membahas pengenalan HTML, fungsi HTML, konsep HTML, cara kerja HTML dan cara penulisan HTML dari dasar, pasti sudah pada tau dong apa itu HTML? HTML adalah singkatan Hyper Text Markup Language, Hyper Text Markup Language dapat kita kelompokan menjadi dua suku kata yaitu :

Hyper Text berarti teks aktif maksudnya adalah sebuah teks yang memiliki kemampuan dapat terhubung antara teks suatu halaman dengan halaman yang lain.

Markup Language menjelaskan bahwa dokumen HTML ini disusun oleh tag- tag markup dan setiap tag pada HTML menjelaskan perintah isi dokumen yang berbeda- beda.

Apa Fungsi dari HTML?

HTML adalah teknologi dasar yang digunakan untuk membuat dasar dari sebuah halaman web dengan menghubungkan teks / link antar halaman, memberi struktur dan membagikan informasi yang terkait dengan sebuah halaman web. Lalu kenapa HTML pada Web bisa menampilkan animasi- animasi dan efek-efek yang bagus?Hal itu dikarenakan Konten sebuah web selain teks dapat bermacam- macam seperti video, audio, gambar, dan agar tampilan web kita semakin menarik biasanya didalam sebuah web di tambahkan Javascript sebagai animasi, dan CSS (Cascading Style Sheet) sebagai pemberi make-up atau style.

Bagaimana cara penulisan HTML? atau struktur HTML?

Sebelum kita bahas cara penulisan HTML kalian harus memiliki aplikasi text editor, apa itu text editor? text editor adalah sebuah aplikasi yang digunakan untuk membuat atau mengedit teks. Ada banyak sekali aplikasi text editor yang dapat digunakan dalam membuat dokumen HTML seperti sublime text, notepad, dreamweaver, notepad++. Berikut ini tampilan salah satu text editor untuk membuat file HTML :

Notepad++Setelah itu ada beberapa poin yang harus kalian ingat- ingat dan kalian perhatikan, peraturan pertama didalam struktur HTML terdapat TAG dan ATRIBUT.

Apa itu Tag? apa yang dimaksud dengan Tag?

Tag adalah suatu tanda pengenal dokumen pada html yang terdiri 2 bagian yaitu tag pembuka contoh <nama_tag> dan tag penutup contoh </nama_tag>, tanda "/" pada tag penutup menandakan bahwa sifat yang dibawa oleh tanda pengenal berakhir. Namun ada beberapa Tag yang berdiri sendiri diantaranya : <br/>, <hr/>, <img src="" />. Tag - tag ini bersifat unik karena tag ini tidak perlu menggunakan tag penutup.

Apa itu Atribut? apa yang dimaksud dengan Atribut?

Atribut adalah suatu sifat khusus yang dapat diberikan pada tag pembuka contoh <nama_tag atribut="nilai"> isi dokumen </nama_tag>, dan didalam satu Tag kita dapat memberikan beberapa atribut contoh <nama_tag atribut1="nilai" atribut2="nilai"> isi dokumen </nama_tag>, bagaimana? sudah paham? yuk kita bahas ke contoh penulisan dokumen HTML

Langkah Pertama, Cara menulis code HTML

Buka aplikasi text editor, lalu ketikan code HTML dibawah ini.

<!DOCTYPE html>
<html>
<head>
     <meta charset="UTF-8">
     <title>Judul dari Web</title>
</head>
<body>
     <!-- Ini untuk Komentar bagian atas-->
     <p>
          Teks yang akan ditampilkan
     </p>
</body>
</html>

Langkah Kedua, Cara melakukan save file HTML

Setelah code HTML dimasukan, kita akan mulai melakukan save file HTML dengan cara klik "File", pilih menu "Save As", Kemudian pilih lokasi sesuai dengan keinginan. Disini yang harus diperhatikan yaitu untuk "File Name" kalian bisa mengisikan nama file bebas, dan untuk "Save as type" kalian ubah menjadi "Hyper Text Markup Language".Langkah Ketiga, Cara membuka dokumen HTML

Untuk melihat tampilan atau membuka file dokumen HTML, kita butuh aplikasi Web Browser, contoh Browser : Google Chrome, Mozilla Firefox, Opera, Dll. Jika aplikasi Web browser belum terinstall maka install terlebih dahulu dan jika sudah terinstall di komputer kalian, pertama kalian buka lokasi file HTML yang kalian simpan tadi, lalu klik 2x pada file tersebut.Dari dokumen yang kita buat di atas kita telah berhasil menampilkan tulisan "Teks yang akan ditampilkan".

Langkah Pertama, Cara menulis code HTML

Buka aplikasi text editor, lalu ketikan code HTML dibawah ini.

<!DOCTYPE html>
<html>
<head>
     <meta charset="UTF-8">
     <title>Judul dari Web</title>
</head>
<body>
     <!-- Ini untuk Komentar bagian atas-->
     <p>
          Teks yang akan ditampilkan
     </p>
</body>
</html>

Langkah Kedua, Cara melakukan save file HTML

Nah bagaimana, apakah teman teman udah paham tentang text editor dan tag HTML jika mau lebih mendalami tentang html teman teman boleh cari ebook di pencarian google.