Belajar Pemrograman Bersama Portal Coding

Belajar berbagai pemrograman secara gratis dan praktis agar cepat mahir.

Mulai Belajar

Belajar HTML Sampai Mahir

Tanggal Upload : 2020-03-13 17:46:27

Diupload Oleh : Erji Ridho Lubis


# html # html dan css

Belajar HTML dasar sampai mahir

 

Belajar HTML dasar sampai mahir

 

Selamat Datang di webite Portal Coding.

Pada sesi pembelajaran pemrograman kali ini, yang kita pelajari adalah mengenai HTML.

HTML adalah singkatan dari HYPER TEXT MARKUP LANGUAGE. HTML adalah kumpulan elemen atau tag dalam pemrograman yang digunakan untuk membuat atau membangun sebuah aplikasi berbasis website. 

HTML menggambarkan struktrur dari sebuah halaman website, dengan menggunakan html, kita dapat membuat website sesuai dengan apa yang telah kita ilustrasikan dalam mendesain aplikasi.

Didalam HTML, terdapat dua bagian yang memiliki fungsi masing-masing pada struktur website tersebut, yaitu "Header" dan "Body".

 

Header

Header pada struktur HTML berfungsi untuk memberikan informasi tentang dokumen yang berbasis HTML. Lebih jelasnya, pada bagian header ini, seluruh informasi mengenai dokumen ini didefinisikan dengan lengkap, seperti informasi mengenai judul dokumen, penulis , deskripsi, kata kunci, logo website, dan sebagainya yang berhubungan dengan dokumen pada aplikasi tersebut. Adapun tag yang digunakan untuk membuat header adalah tag <head></head>

 

Body

Body pada struktur HTML berfungsi untuk menampilkan seluruh informasi atau data yang ada dalam file dengan format html tersebut, seperti misalnya data dalam bentuk tabel, paragraf, link, gambar, video dan sebagainya. Dan tag yang digunakan untuk membuat body adalah tag <body></body>

 

Prinsip kerja Aplikasi berbasis Website

Pada prinsipnya, saat kita membangun sebuah aplikasi dengan menggunakan tag-tag pada HTML, yang ditampilkan pada hasil codingan kita tersebut tidaklah berupa tag-tag dan informasi yang diberikan, melainkan hanya informasinya saja dan komputer akan menerjemahkan tag-tag tersebut sesuai fungsinya.

Hal penting yang harus kita ketahui adalah bahwa website hanya dapat bekerja pada sebuah browser, dan jika ingin ditampilkan dalam aplikasi lain seperti aplikasi android atau desktop, kita harus menggunakan WebView (akan dipelajari pada pembelajaran membuat aplikasi android dan aplikasi desktop).

 

Struktur dasar dalam penulisan dokumen HTML

Berikut struktur dasar dalam penulisan dokumen HTML.

 


<!DOCTYPE html>
<html>
<head>
  <title>Judul dokumen</title>
</head>
<body>
  <p>Isi dari dokumen</p>
</body>
</html>

 

Penjelasan

Tag <!DOCTYPE html> mendefinisikan dokumen ini menjadi HTML5

Tag <html> mendefinisikan awal dari elemen-elemen dalam halaman HTML

Tag <head> berisi informasi meta tentang dokumen

Tag <title> menentukan judul dari dokumen

Tag <body> menampilkan informasi atau data dalam format html yang telah ditentukan didalamnya.

Tag <p> mendefinisikan sebuah paragraf

Tag </> berfungsi untuk menutup tag dari HTML yang didefinisikan.

 

Pembelajaran selanjutnya
=> Macam-macam Tag HTML Beserta Fungsinya

 

Advertisement


Tentang Portal Coding

Tentang Portal Coding

Portal Coding adalah situs web yang membahas mengenai berbagai macam bahasa pemrograman baik versi web, desktop maupun mobile secara lengkap.

Portal Coding On Youtube

Ayo subscribe channel Portal Coding di Youtube. Dichannel ini kami menyediakan berbagai tutorial dalam bentuk video. Agar kita lebih mudah belajar pemrograman. Klik disini untuk subscribe.

Subscribe