Keranjang Coding : product


?>

Pengenalan Dasar Html


  • 20-05-2020
  • 433
  • Html



Pengenalan HTML5 | Belajar HTML - Halo teman- teman matadeveloper, sebelum kita belajar html kali ini saya akan membahas pengenalan HTML, fungsi HTML, konsep HTML, cara kerja HTML dan cara penulisan HTML dari dasar, yang belum tahu 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 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 efek dan tampilan yang bagus ? Hal itu dikarenakan Konten sebuah web selain teks dapat bermacam- macam seperti video, audio, gambar 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 ?

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, atom, VSCode, dreamweaver, notepad++. Berikut tampilan text editor yang umum digunakan oleh para programmer web

Teman-teman bisa mendownload nya disini https://www.sublimetext.com/

Struktur HTML

Elemen yang dibutuhkan untuk membuat dokument HTML dinyatakan dengan tag <html>,<head>,<body> beserta dengan tag-tag pasangannya.

HTML mengharuskan end tag atau penutup Tag. Namun ada juga tag yang tidak berpasanan seperti Tag <br/> dan tag <hr> dsb. setiap dokumen HTML diawali dengan Tag <html> dan diakhiri dengan tag </html>. Berikut contoh struktur HTML 5.

<!DOCTYPE html>
<html>
    <head>
        <title> ..judul dokumen.. </title>
    </head>
    <body>
        ..isi dokumen html..
    </body>
</html>

Web Browser dan Web Server

Sebelum teman-teman membuat halaman web pertama teman-teman, teman-temana juga harus mengenak web browser sebagai media yang digunakan untuk menampilkan informasi dari web kita. Dengan kata lain, web browser digunakan untuk menampilkan halaman web yang dibuat dengan HTML, XML, dsb. contoh web browser antara lain Chrome,Mozillla Firefox, Internet Explorer.

Contoh Web Sederhana "Hello Programming"

Disini kita coba membuat contoh menampilkan kalimat "Hello Programming" pada halaman web sederhana kita. Tulis code HTML dibawah ini dan simpan dengan nama 'index.html'.

<!DOCTYPE html>
<html>
    <head>
        <title> Program Pertama Saya </title>
    </head>
    <body>
        <p>Hello Programming</p>
    </body>
</html>

Setelah teman-teman menulis ulang code HTML diatas dengan test editor yang teman-teman gunakan, langkah selanjutnya buke file index.html pada web browser dengan cara klik double pada file yang telah dibuat, dan berikut hasilnya pada halaman web kita.

Mungkin sampai sini pembahasan tentang materi pengenalan HTML dasar, kita akan bahas di lanjutan materi Tutorial HTML selanjutnya, Terima Kasih ...

Tags : Html

Sekilas Tentang Penulis


Kharisma Maulana Pasaribu,ST
Software Engineer | Fullstack Developer | Founder of Matadeveloper.com



Prev Post
Mengenal Tags Pada Html
Next Post
Insert Data Ke Tabel Dengan Store Proced