SlideShare ist ein Scribd-Unternehmen logo
1 von 12
PERTEMUAN 2
PENGENALAN HTML
Hypertext Markup Language (HTML) adalah
sebuah bahasa untuk menampilkan konten di web.
HTML sendiri adalah bahasa pemrograman yang
bebas, artinya tidak dimiliki oleh siapapun,
pengembangannya dilakukan oleh banyak orang di
banyak Negara dan bisa dikatakan sebagai sebuah
bahasa yang dikembangkan bersama-sama secara
global.
dokumen HTML adalah dokumen teks yang
dapat diedit oleh editor teks apapun. Dokumen
HTML punya beberapa elemen yang dikelilingi oleh
tag-teks yang dimulai dengan symbol < dan berakhir
dengan sebuah symbol >.
Struktur Dasar HTML
1. Tag HTML secara default dimulai dari <HTML> dan diakhiri dengan </HTML>.
2. Tag <HEAD> … </HEAD> merupakan tag kepala sebelum badan atau <BODY>. Tag
kepala ini akan terlebih 2. Tag <HEAD> … </HEAD> merupakan tag kepala sebelum
badan. Tag kepala ini akan terlebih dulu dieksekusi sebelum tag badan. Di dalam tag
ini berisi tag <META> dan <TITLE>. Tag
<META> merupakan informasi atau header suatu dokumen HTML. Atribut yang
dimiliki oleh tag ini antara lain:
a. HTTP_EQUIV, atribut ini berfungsi untuk menampilkan dokumen HTML secara
otomatis dalam jangka waktu tertentu.
b. CONTENT, atribut ini berisi informasi tentang isi document HTML yang akan
dipanggil.
c. NAME, atribut ini merupakan identifikasi dari meta itu sendiri. Tag <META> dalam
suatu document HTML boleh ada maupun tidak.
d. Tag <TITLE> … </TITLE> adalah tag judul. Sebaiknya setiap halaman web memiliki
judul, dan judul tersebut dituliskan di dalam <TITLE> … </TITLE>. Judul ini akan
muncul dalam titlebar dari browser.
e. Tag <BODY> … </BODY> adalah tag berisi content dari suatu halaman web.
Contoh penggunaan script HTML
Contoh01.php
Kemudian simpan file di atas di dalam folder
c:XAMPPhtdocs buat folder baru untuk menyimpan file didalam
folder htdocs. Simpan file dengan nama contoh01.php.
Pembuatan nama file pada saat penyimpanan diakhiri dengan
extention “.html atau “.php
Untuk melihat hasil dari file di atas dapat menggunakan browser
Mozilla, google chrome, internet explorer atau jenis browser
lain. Ketikkan pada address bar
“LocalhostNama Folder Penyimpanan”, kemudian pilih file
contoh01.php
Lihat gambar di bawah ini :
Hasilnya :
Contoh02.php
Hasil :
Contoh script pembuatan tabel
Contoh03.php
Jika dilihat di browser, maka terlihat sebagai berikut :
Latihan :
Buat script HTML untuk bentuk tampilan di bawah ini :

Weitere ähnliche Inhalte

Was ist angesagt?

Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Arifin Swift
 
Presentasi konsep dasar html
Presentasi konsep dasar htmlPresentasi konsep dasar html
Presentasi konsep dasar htmlDedy Setiawan
 
Html power point
Html power pointHtml power point
Html power pointminmon
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578andre melky
 
Caramembuat website sederhana
Caramembuat website sederhanaCaramembuat website sederhana
Caramembuat website sederhanaLyadi
 
Belajar j query
Belajar j queryBelajar j query
Belajar j queryistita
 
Belajar J-Query untuk Pemula
Belajar J-Query untuk PemulaBelajar J-Query untuk Pemula
Belajar J-Query untuk PemulaIsti Tibah Atiroh
 
BAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEBBAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEBTeukuMahawira
 

Was ist angesagt? (16)

Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
 
9. b.. . .
9. b.. . .9. b.. . .
9. b.. . .
 
Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)
 
Mpw
MpwMpw
Mpw
 
Presentasi konsep dasar html
Presentasi konsep dasar htmlPresentasi konsep dasar html
Presentasi konsep dasar html
 
Apa itu html
Apa itu htmlApa itu html
Apa itu html
 
6346 pertemuan21(web statis dengan struktur html)
6346 pertemuan21(web statis dengan struktur html)6346 pertemuan21(web statis dengan struktur html)
6346 pertemuan21(web statis dengan struktur html)
 
Html
HtmlHtml
Html
 
Html power point
Html power pointHtml power point
Html power point
 
Penggunaan html
Penggunaan htmlPenggunaan html
Penggunaan html
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578
 
Caramembuat website sederhana
Caramembuat website sederhanaCaramembuat website sederhana
Caramembuat website sederhana
 
Belajar j query
Belajar j queryBelajar j query
Belajar j query
 
Belajar dasar html
Belajar dasar htmlBelajar dasar html
Belajar dasar html
 
Belajar J-Query untuk Pemula
Belajar J-Query untuk PemulaBelajar J-Query untuk Pemula
Belajar J-Query untuk Pemula
 
BAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEBBAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEB
 

Ähnlich wie HTML Dasar

Web design (Pertemuan 1).pptx
Web design (Pertemuan 1).pptxWeb design (Pertemuan 1).pptx
Web design (Pertemuan 1).pptxRaniRatnaningsih2
 
dokumen.tips_presentasi-konsep-dasar-html.pptx
dokumen.tips_presentasi-konsep-dasar-html.pptxdokumen.tips_presentasi-konsep-dasar-html.pptx
dokumen.tips_presentasi-konsep-dasar-html.pptxAndreianYusuf
 
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepadSamsuri14
 
PPT_HTML_DASAR.pptx
PPT_HTML_DASAR.pptxPPT_HTML_DASAR.pptx
PPT_HTML_DASAR.pptxFAUZY38
 
Dasar-dasar penggunaan elemen dan tagging dalam html
Dasar-dasar penggunaan elemen dan tagging dalam htmlDasar-dasar penggunaan elemen dan tagging dalam html
Dasar-dasar penggunaan elemen dan tagging dalam htmloyie76
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.pptEdiyono3
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.pptAkhmadAlbari1
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.pptsopi20
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.pptreskieki4
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.pptcigugurfree
 
Dasar-dasar HTML.ppt
Dasar-dasar HTML.pptDasar-dasar HTML.ppt
Dasar-dasar HTML.pptandresept0186
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.pptRizkyRamdan2
 
MEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxMEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxssuser71d74a
 
Cara membuat html (desma susanti)
Cara membuat html (desma susanti)Cara membuat html (desma susanti)
Cara membuat html (desma susanti)Desma_susanti
 
Html dasar
Html dasarHtml dasar
Html dasarfhnx
 
Basic html
Basic htmlBasic html
Basic htmldand_01
 

Ähnlich wie HTML Dasar (20)

Web design (Pertemuan 1).pptx
Web design (Pertemuan 1).pptxWeb design (Pertemuan 1).pptx
Web design (Pertemuan 1).pptx
 
dokumen.tips_presentasi-konsep-dasar-html.pptx
dokumen.tips_presentasi-konsep-dasar-html.pptxdokumen.tips_presentasi-konsep-dasar-html.pptx
dokumen.tips_presentasi-konsep-dasar-html.pptx
 
Training HTML
Training HTMLTraining HTML
Training HTML
 
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepad
 
PPT_HTML_DASAR.pptx
PPT_HTML_DASAR.pptxPPT_HTML_DASAR.pptx
PPT_HTML_DASAR.pptx
 
Dasar-dasar penggunaan elemen dan tagging dalam html
Dasar-dasar penggunaan elemen dan tagging dalam htmlDasar-dasar penggunaan elemen dan tagging dalam html
Dasar-dasar penggunaan elemen dan tagging dalam html
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt
 
Dasar-dasar HTML.ppt
Dasar-dasar HTML.pptDasar-dasar HTML.ppt
Dasar-dasar HTML.ppt
 
01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt01. Dasar-dasar HTML.ppt
01. Dasar-dasar HTML.ppt
 
MEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxMEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptx
 
PPT_HTML_DASAR.pptx
PPT_HTML_DASAR.pptxPPT_HTML_DASAR.pptx
PPT_HTML_DASAR.pptx
 
Cara membuat html (desma susanti)
Cara membuat html (desma susanti)Cara membuat html (desma susanti)
Cara membuat html (desma susanti)
 
Html dasar
Html dasarHtml dasar
Html dasar
 
Basic html
Basic htmlBasic html
Basic html
 
Bahasa HTML - 01.pdf
Bahasa HTML - 01.pdfBahasa HTML - 01.pdf
Bahasa HTML - 01.pdf
 
HTML
HTMLHTML
HTML
 

Mehr von f fr

Pertemuan java script 2
Pertemuan java script 2Pertemuan java script 2
Pertemuan java script 2f fr
 
Pertemuan java script 1
Pertemuan java script 1Pertemuan java script 1
Pertemuan java script 1f fr
 
Pertemuan 8 b
Pertemuan 8 bPertemuan 8 b
Pertemuan 8 bf fr
 
Pertemuan 8 a
Pertemuan 8 aPertemuan 8 a
Pertemuan 8 af fr
 
Pertemuan 7+++
Pertemuan 7+++Pertemuan 7+++
Pertemuan 7+++f fr
 
Pertemuan 7++
Pertemuan 7++Pertemuan 7++
Pertemuan 7++f fr
 
Pertemuan 7+
Pertemuan 7+Pertemuan 7+
Pertemuan 7+f fr
 
Pertemuan 6 7
Pertemuan 6 7Pertemuan 6 7
Pertemuan 6 7f fr
 
Pertemuan 5
Pertemuan 5Pertemuan 5
Pertemuan 5f fr
 
Pertemuan 4 c
Pertemuan 4 cPertemuan 4 c
Pertemuan 4 cf fr
 
Pertemuan 3 b
Pertemuan 3 bPertemuan 3 b
Pertemuan 3 bf fr
 
Pertemuan 3 a
Pertemuan 3 aPertemuan 3 a
Pertemuan 3 af fr
 
Pertemuan 2 b
Pertemuan 2 bPertemuan 2 b
Pertemuan 2 bf fr
 
Pertemuan 2 a
Pertemuan 2 aPertemuan 2 a
Pertemuan 2 af fr
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 af fr
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 af fr
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 af fr
 

Mehr von f fr (17)

Pertemuan java script 2
Pertemuan java script 2Pertemuan java script 2
Pertemuan java script 2
 
Pertemuan java script 1
Pertemuan java script 1Pertemuan java script 1
Pertemuan java script 1
 
Pertemuan 8 b
Pertemuan 8 bPertemuan 8 b
Pertemuan 8 b
 
Pertemuan 8 a
Pertemuan 8 aPertemuan 8 a
Pertemuan 8 a
 
Pertemuan 7+++
Pertemuan 7+++Pertemuan 7+++
Pertemuan 7+++
 
Pertemuan 7++
Pertemuan 7++Pertemuan 7++
Pertemuan 7++
 
Pertemuan 7+
Pertemuan 7+Pertemuan 7+
Pertemuan 7+
 
Pertemuan 6 7
Pertemuan 6 7Pertemuan 6 7
Pertemuan 6 7
 
Pertemuan 5
Pertemuan 5Pertemuan 5
Pertemuan 5
 
Pertemuan 4 c
Pertemuan 4 cPertemuan 4 c
Pertemuan 4 c
 
Pertemuan 3 b
Pertemuan 3 bPertemuan 3 b
Pertemuan 3 b
 
Pertemuan 3 a
Pertemuan 3 aPertemuan 3 a
Pertemuan 3 a
 
Pertemuan 2 b
Pertemuan 2 bPertemuan 2 b
Pertemuan 2 b
 
Pertemuan 2 a
Pertemuan 2 aPertemuan 2 a
Pertemuan 2 a
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 a
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 a
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 a
 

HTML Dasar

  • 2. Hypertext Markup Language (HTML) adalah sebuah bahasa untuk menampilkan konten di web. HTML sendiri adalah bahasa pemrograman yang bebas, artinya tidak dimiliki oleh siapapun, pengembangannya dilakukan oleh banyak orang di banyak Negara dan bisa dikatakan sebagai sebuah bahasa yang dikembangkan bersama-sama secara global. dokumen HTML adalah dokumen teks yang dapat diedit oleh editor teks apapun. Dokumen HTML punya beberapa elemen yang dikelilingi oleh tag-teks yang dimulai dengan symbol < dan berakhir dengan sebuah symbol >.
  • 3. Struktur Dasar HTML 1. Tag HTML secara default dimulai dari <HTML> dan diakhiri dengan </HTML>. 2. Tag <HEAD> … </HEAD> merupakan tag kepala sebelum badan atau <BODY>. Tag kepala ini akan terlebih 2. Tag <HEAD> … </HEAD> merupakan tag kepala sebelum badan. Tag kepala ini akan terlebih dulu dieksekusi sebelum tag badan. Di dalam tag ini berisi tag <META> dan <TITLE>. Tag <META> merupakan informasi atau header suatu dokumen HTML. Atribut yang dimiliki oleh tag ini antara lain: a. HTTP_EQUIV, atribut ini berfungsi untuk menampilkan dokumen HTML secara otomatis dalam jangka waktu tertentu. b. CONTENT, atribut ini berisi informasi tentang isi document HTML yang akan dipanggil. c. NAME, atribut ini merupakan identifikasi dari meta itu sendiri. Tag <META> dalam suatu document HTML boleh ada maupun tidak. d. Tag <TITLE> … </TITLE> adalah tag judul. Sebaiknya setiap halaman web memiliki judul, dan judul tersebut dituliskan di dalam <TITLE> … </TITLE>. Judul ini akan muncul dalam titlebar dari browser. e. Tag <BODY> … </BODY> adalah tag berisi content dari suatu halaman web.
  • 4. Contoh penggunaan script HTML Contoh01.php Kemudian simpan file di atas di dalam folder c:XAMPPhtdocs buat folder baru untuk menyimpan file didalam folder htdocs. Simpan file dengan nama contoh01.php. Pembuatan nama file pada saat penyimpanan diakhiri dengan extention “.html atau “.php
  • 5. Untuk melihat hasil dari file di atas dapat menggunakan browser Mozilla, google chrome, internet explorer atau jenis browser lain. Ketikkan pada address bar “LocalhostNama Folder Penyimpanan”, kemudian pilih file contoh01.php Lihat gambar di bawah ini :
  • 9. Contoh script pembuatan tabel Contoh03.php
  • 10.
  • 11. Jika dilihat di browser, maka terlihat sebagai berikut :
  • 12. Latihan : Buat script HTML untuk bentuk tampilan di bawah ini :