HIMANIFO UNIMMA
 Pengenalan HTML Web Programming 

14:00:00, 01 November 2020

Web Programming

APA ITU HTML ??

  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML adalah bahasa markup standar untuk membuat halaman Web
  • HTML tidak memerlukan web server untuk menjalankan kodenya
  • HTML menggambarkan struktur halaman Web
  • HTML terdiri dari serangkaian elemen

APA ITU ELEMEN HTML ??

Elemen HTML adalah konten dari tag yang berada diantara tag pembuka dan tag penutup.
Seperti "ini adalah judul", "ini adalah paragraf", "ini adalah tautan", dll.

APA ITU TAG HTML ??

Tag atau label adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung siku ( <...> ).
Contoh:
<!DOCTYPE html> Untuk mendefinisikan type dokumen.
<head> .... </head> Untuk mendefinisikan bagian kepala dokumen.
<body> .... </body> Untuk mendefinisikan isi dokumen.
<h1> .... </h1> Untuk membuat heading.
<p> .... </p> Untuk membuat paragraf

Tag tidak hanya berisi elemen berupa text, tetapi juga bisa berisi tag lainnya.
Contoh:
<h1> Ini adalah judul </h1>
<p> Ini adalah <b>paragraf</b> </p>

Terkadang tag pembuka juga ditambahkan dengan atribut.

APA ITU ATRIBUT HTML ??

Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dll. Setiap atribut memiliki pasangan nama dan nilai (value) yang ditulis dengan name=”value”.
Contoh:
<h1 color="blue"> Ini Heading </h1>
<p size="12"> Ini Paragraf </p>

STRUKTUR HTML

Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag <html>, <head>, dan <body> berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafis, paragraf dan elemen lainnya.
Berikut ini adalah pola dasar sebuah dokumen HTML :
<html>
<head>
…. Informasi tentang dokumen HTML.
</head>
<body>
…. Informasi tentang yang akan ditampilkan dalam browser web.
</body>
</html>

PERALATAN UNTUK BELAJAR HTML

Tiba saatnya untuk praktik!
Tapi sebelum itu, kalian harus siapkan beberapa alat yang akan digunakan untuk praktik. Adapun peralatan yang harus kamu persiapkan adalah:
1. Teks Editor untuk Menulis Halaman Web
2. Web Browser untuk Membuka Halaman Web

1. TEXT EDITOR

Teks editor digunakan untuk menulis skrip dokumen web. Apapun teks editornya, yang penting bisa digunakan untuk membuat dan menulis dokumen web.
Contoh:
1. Notepad++
2. Sublime Text
3. Visual Code Studio​​​​​

2. WEB BROWSER

Browser web merupakan software yang digunakan untuk membaca dokumen web dan menampilkannya dengan benar. Kalian juga bebas menggunakan web browser apapun.
Contoh:
1. Opera Mini,
2. Mozzila Firefox,
3. Google Chrome, 
3. Netscape Navigator,
4. Internet Explorer.

INGIN MENCOBA ??

Memulai Belajar HTML Web Programming | HIMANIFO UNIMMA →

Jika ada pertanyaan bisa gabung diskusi dibawah atau kontak langsung
Mail :
ajiwahyu12592@gmail.com

#Himanifo Unimma
#Pengenalan HTML
#Belajar Web Programming
#Himpunan Mahasiswa Jurusan Teknik Informatika

Gabung Diskusi