HTML

Memulai Menulis HTML: Tag Dasar dan Infrastruktur Dokumen HTML

Setelah mengetahui beberapa hal dasar tentang HTML dan aspek – aspek yang berada pada HTML pada Apa itu HTML dan Fungsinya ? Kita juga harus mengetahui ada beberapa macam tag yang ada pada HTML. Jika jenis tag ada 2 yaitu Tag tanpa penutup atau self – closing Tag, dan Tag dengan penutup yang dikenal dengan non – self closing Tag. Tipe tag ada 2 yaitu: Tag dengan Anchor dan Tag tanpa anchor. Contoh Tag dengan anchor yaitu, <h1>, <title>, <strong>, dan <em>. Sedangkan Tag tanpa anchor yaitu, <div>, <hr>, <br>

Mari kita mulai dengan membuat infrastruktur yang umum pada dokumen HTML. Tag yang dibutuhkan adalah: DOCTYPE, html, head, body, dan footer.

  • DOCTYPE
    Tag yang dipakai untuk memberi tahu browser dokumen yang dibaca adalah jenis html.
  • HTML
    Tag yang dipakai untuk memberi tahu browser dokumen HTML dimulai dari baris yang dimulai dengan Tag html.
  • Head
    Tag yang dipakai untuk memberi tahu browser bahwa baris yang diberi tanda adalah kepala dokumen.
  • Body
    Tag yang dipakai untuk memberi tahu browser bahwa baris yang diberi tanda adalah badan dokumen atau yang kita kenal dengan konten yang terdiri dari konten – konten yang berada pada halaman web.
  • Footer
    Tag ini dipakai untuk memberi tahu browser bahwa yang diberi tanda adalah footer dari sebuah halaman web, isi dari footer biasanya diluar konten dan berisi informasi – informasi yang dibutuhkan pengunjung halaman web.

Memilih text editor atau code editor

Hal lain yang paling utama sebelum membuat dokumen HTML adalah memilih diantara text editor, code editor, atau IDE. Pada program text editor kalian bisa menulis pada Notepad, Notepad++, atau Vim, pada program code editor kalian bisa mengunduh dan menggunakan, Atom, Sublime Text, atau Visual Code.

Sebelum kita mulai pembentuk infrastruktur dokumen html, penulis ingin memberi tahu cara memberi komentar pada dokumen HTML, dan sedikit tentang pemberian indent. Komentar atau komen pada HTML tidak akan ditampilkan atau di render pada browser melainkan hanya bisa dilihat ketika kita membuka source code atau sumber file. Karena HTML adalah bahasa markah, penulisan komen bisa dimulai dengan, //, /* dan ditutup dengan */. Adapun pemberian indent sangat penting untuk memberi tahu browser Tag mana yang merupakan parent tag dan akan dibaca terlebih dahulu. Buka text editor, atau code editor dan mari kita mulai membuat infrastruktur dokumen html:

// Ini adalah komentar
<!DOCTYPE HTML> // Memberitahu browser bahwa dokumen setelah tag ini adalah HTML
<html>

 <head> // Memberi tahu kepala dokumen

 </head>

  <body> // Memberi tahu bahwa ini adalah badan dokumen
   
   </body>

 <footer> // Memberi tahu bahwa ini adalah kaki dokumen
      
    </footer>
  
</html> // Memberi tahu browser bahwa ini adalah akhir dari dokumen html

Tag tag tersebut pada umumnya meruapakan kriteria dasar agar bisa dibaca pada browser seperti, chrome, firefox, atau internet edge. Penulisan tag diatas akan sering kalian temukan jika kalian berselancar pada website – website yang bertema blog, media digital, dan atau portofolio.


Binsar Stefan

Binsar Stefan is graduated in English Major of Faculty of Humanities, has been a writer for 2 years. He began his career in a company, which provides Healthcare, as an Internship in Digital Marketing department on SEO division. Besides writing on a couples different companies, he spent his time to write in Medium and New Naratif. He commits to be an expert in programming languages such as, C, C++, C#, Python, Java, and JavaScript in couple years. Not only learning in Computer Science, he also learns Accounting, Business, Chemical, Electro, and Mechanical Engineering. Binsar Stefan, now, is building a couple of projects for next few years. Although he is a non - stop learner, he plays basketball, futsal, does swim, loved to hangout on his routine.

Share
Tags: htmlhtml dasarHTML Tag