SlideShare a Scribd company logo
1 of 21
H T M L
( Hypertext Markup Language )
Apa itu HTML ??????????
? ? ??
?? ? ?
? ? ?
Hypertext Markup Language (html)
adalah bahasa yang digunakan untuk menulis
halaman web. html merupakan pengembangan
dari standar pemformatan dokumen teks yaitu
Standard Generalized Markup Language (SGML).
HTML dibuat oleh Tim Berners ‐ Lee
ketika masih bekerja untuk CERN dan
dipopulerkan pertama kali oleh
Browser Mosaic.
Selama awal tahun 1990 html
mengalami perkembangan yang sangat
pesat. Setiap pengembangan html pasti
akan menambahkan kemampuan dan
fasilitas yang lebih baik dari versi
sebelumnya.
DASAR HTML
Mendesain HTML berarti melakukan suatu
tindakan pemrograman. Namun HTML
bukanlah sebuah bahasa pemrograman. Namun
HTML hanyalah berisi perintah-perintah yang
telah terstruktur berupa tag-tag penyusun.
Menuliskan tag-tag HTML tidaklah sebatas
hanya memasukkan perintah-perintah tertentu
agar HTML kita dapat di akses oleh browser.
Mendesain HTML dapat
dilakukan dengan dua cara:
• Menggunakan HTML Editor, seperti
Microsoft FrontPage, Adobe Dreamweaver,
dan lain-lain. Dapatkan editor HTML lainnya
disini.
• Dengan cara menuliskan sendiri secara
manual satu persatu tag-tag HTML ke
dalam dokumen HTML.
PERKEMBANGAN
HTML
Sebelum suatu HTML disahkan sebagai suatu
dokumen HTML standar, ia harus disetujui
dulu oleh W3C untuk dievaluasi secara ketat.
Setiap terjadi perkembangan suatu versi
HTML, maka mau tak mau browser pun harus
memperbaiki diri agar bisa mendukung kode-
kode HTML yang baru tersebut. Sebab jika
tidak, browser tak akan bisa menampilkan
HTML tersebut
Kelebihan-kelebihan HTML antara lain:
• Merupakan bahasa penkodean yang lintas
platform (cross platform), maksudnya HTML
dapat digunakan pada berbagai jenis mesin
komputer . Jadi bersifat fleksibel karena ditulis
cukup dengan menggunakan editor karakter
ASCII.
• Dapat disisipi gambar baik gambar statis
atau dinamis (animasi) termasuk
menggunakan gambar untuk dijadikan
hyperlink, atau link ke halaman di luar web
yang bersangkutan.
• Dapat disisipi animasi berupa Java Applet
atau file-file animasi dari Macromedia Flash
atau Macromedia Shockwave (untuk
keperluan ini, browser harus memiliki plug-
in khusus untuk menjalankan file-file
animasi ini).
• Dapat disisipi bahasa pemrograman untuk
mempercantik halaman web seperti
Javascript, VBScript, Active Server Pages,
Perl, Tcl, PHP dan sebagainya.
Bukan merupakan bahasa pemrograman
jadi tidak memerlukan kompiler. Cara
menjalanakannya cukup dengan
menggunakan browser.
kekurangan dari HTML ini adalah:
• Menghasilkan halaman yang statis, yang
saya tahu untuk memperoleh halaman yang
dinamis harus menggunakan bahasa
pemrograman tertentu seperti Javascript
atau VBScript dan animasi seperti Flash
atau Shockwave.
• Memiliki tag-tag yang begitu banyak
sehingga susah dipelajari untuk yang masih
awam.
Tidak dapat menghasilkan halaman yang
interaktif. Interaktif di sini maksudnya
client dapat berinteraksi dengan server.
Untuk keperluan itu, HTML harus disisipi
bahasa pemrograman yang dapat menangani
hal tersebut, contohnya Perl atau Tcl.
VERSI-VERSI DAN PENJELASAN
DALAM HTML :
HTML versi 1.0
Kemampuan yang dimiliki versi 1.0 ini antara
lain heading, paragraph, hypertext, list, serta
cetak tebal dan miring pada teks.
HTMl versi 2.0
Pada versi ini, penambahan kualitas HTML
terletak pada kemampuannya untuk
menampilkan suatu form pada dokumen.
Dengan adanya form ini, maka kita dapat
memasukkan nama, alamat, serta saran/kritik.
HTML versi 2.0 ini merupakan pionir dari
adanya homepage interaktif.
HTML versi 3.0
HTML versi 3.0 menambahkan beberapa
fasilitas baru seperti table. Versi ini yang
disebut juga sebagai HTML+ tidak bertahan
lama dan segera digantikan HTML versi 3.2.
HTML versi 4.0
HTML versi 4 ini merupakan HTML versi
terakhir pada saat sumber ini diambil. HTML
ini memuat banyak sekali perubahan dan revisi
dari pendahulunya. Perubahan ini terjadi di
hampir segala perintah-perintah HTML seperti
table, image, link, text, meta, imagemaps,
form, dan lain- lain.
TAG HTML
TAG Adalah penandaan yang dikenali oleh
browser sebagai suatu instruksi untuk
memformat tulisan, gambar, link, tabel, atau
objek pada sebuah tampilan dokumen HTML.
ATRIBUT
Atribut dalam HTML adalah perintah yang
disisipkan/ditempelkan pada TAG utama yang
tujuanya adalah mengatur bentuk/gaya
tampilan sebuah objek.
VALUE
Value dalam HTML adalah nilai yang diberikan
pada sebuah atribut. Value ada beberapa
jenis, bisa value text seperti left, right, center,
red, blue, bisa juga angka 1, 2, 3, bisa juga
bentuk pixel : 100, 200, atau bentuk persen
100%, 30%, ada juga yang bentuk hexa seperti
warna yang ditulis color="#000" dll.
H t m l PPT

More Related Content

What's hot (17)

Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
 
Tugas 8 ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529Tugas 8   ku - 0316 1311511529
Tugas 8 ku - 0316 1311511529
 
PPT HTML5
PPT HTML5PPT HTML5
PPT HTML5
 
Tugas2
Tugas2 Tugas2
Tugas2
 
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
 
Html 5
Html 5Html 5
Html 5
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Html 5
Html 5Html 5
Html 5
 
Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Kelompok iv
Kelompok ivKelompok iv
Kelompok iv
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Makalah internet dan html
Makalah internet dan htmlMakalah internet dan html
Makalah internet dan html
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 

Viewers also liked

Células funciones y características
Células funciones y característicasCélulas funciones y características
Células funciones y característicaskarencamilita
 
Autoinstruccional de infor01
Autoinstruccional de infor01Autoinstruccional de infor01
Autoinstruccional de infor01Ninfa Valencia
 
Simetria ana sepulveda
Simetria ana sepulvedaSimetria ana sepulveda
Simetria ana sepulvedakarencamilita
 
Marketing managment
Marketing managmentMarketing managment
Marketing managmentZar Sahir
 
Lessons I learnt from my favourite cartoons
Lessons I learnt from my favourite cartoonsLessons I learnt from my favourite cartoons
Lessons I learnt from my favourite cartoonsSaritha Iyer
 
Star Endosan new brochure April 2016
Star Endosan new brochure April 2016Star Endosan new brochure April 2016
Star Endosan new brochure April 2016Paul Mutch
 
Modelos de Simulación de Impuestos y Prestaciones (Tax - Benefit): EUROMOD / ...
Modelos de Simulación de Impuestos y Prestaciones (Tax - Benefit): EUROMOD / ...Modelos de Simulación de Impuestos y Prestaciones (Tax - Benefit): EUROMOD / ...
Modelos de Simulación de Impuestos y Prestaciones (Tax - Benefit): EUROMOD / ...EUROsociAL II
 
Retículo endoplasmático rugoso
Retículo endoplasmático rugosoRetículo endoplasmático rugoso
Retículo endoplasmático rugosokarencamilita
 
Muslims rights belgium analyse rapport 2012 centre islamophobie belgique
Muslims rights belgium analyse rapport 2012 centre islamophobie belgiqueMuslims rights belgium analyse rapport 2012 centre islamophobie belgique
Muslims rights belgium analyse rapport 2012 centre islamophobie belgiqueMuslims Rights Belgium
 
жакупова гулим+автозапчасти+покупатели
жакупова гулим+автозапчасти+покупателижакупова гулим+автозапчасти+покупатели
жакупова гулим+автозапчасти+покупателиГулим Жакупова
 
Sosiaaliasiamiehen selvitykset 2015
Sosiaaliasiamiehen selvitykset 2015Sosiaaliasiamiehen selvitykset 2015
Sosiaaliasiamiehen selvitykset 2015Ritva Liukonen
 
Taller 6 diseño publicitario
Taller 6 diseño publicitarioTaller 6 diseño publicitario
Taller 6 diseño publicitariomireyacabreram
 

Viewers also liked (20)

Presentation java PPT
Presentation java PPTPresentation java PPT
Presentation java PPT
 
Células funciones y características
Células funciones y característicasCélulas funciones y características
Células funciones y características
 
Autoinstruccional de infor01
Autoinstruccional de infor01Autoinstruccional de infor01
Autoinstruccional de infor01
 
Simetria ana sepulveda
Simetria ana sepulvedaSimetria ana sepulveda
Simetria ana sepulveda
 
Copia de pre icfes 2011 session 3
Copia de pre icfes 2011 session 3Copia de pre icfes 2011 session 3
Copia de pre icfes 2011 session 3
 
Marketing managment
Marketing managmentMarketing managment
Marketing managment
 
Lessons I learnt from my favourite cartoons
Lessons I learnt from my favourite cartoonsLessons I learnt from my favourite cartoons
Lessons I learnt from my favourite cartoons
 
Γαλλοφωνία 2013 - Δ'1
Γαλλοφωνία 2013 - Δ'1Γαλλοφωνία 2013 - Δ'1
Γαλλοφωνία 2013 - Δ'1
 
Star Endosan new brochure April 2016
Star Endosan new brochure April 2016Star Endosan new brochure April 2016
Star Endosan new brochure April 2016
 
Modelos de Simulación de Impuestos y Prestaciones (Tax - Benefit): EUROMOD / ...
Modelos de Simulación de Impuestos y Prestaciones (Tax - Benefit): EUROMOD / ...Modelos de Simulación de Impuestos y Prestaciones (Tax - Benefit): EUROMOD / ...
Modelos de Simulación de Impuestos y Prestaciones (Tax - Benefit): EUROMOD / ...
 
Potencias
Potencias Potencias
Potencias
 
Analise de imagem
Analise de imagemAnalise de imagem
Analise de imagem
 
Newli summit 060713
Newli summit 060713Newli summit 060713
Newli summit 060713
 
Presentación1 slideshare fer
Presentación1 slideshare ferPresentación1 slideshare fer
Presentación1 slideshare fer
 
Retículo endoplasmático rugoso
Retículo endoplasmático rugosoRetículo endoplasmático rugoso
Retículo endoplasmático rugoso
 
Muslims rights belgium analyse rapport 2012 centre islamophobie belgique
Muslims rights belgium analyse rapport 2012 centre islamophobie belgiqueMuslims rights belgium analyse rapport 2012 centre islamophobie belgique
Muslims rights belgium analyse rapport 2012 centre islamophobie belgique
 
POISSON - Estadistica
POISSON - EstadisticaPOISSON - Estadistica
POISSON - Estadistica
 
жакупова гулим+автозапчасти+покупатели
жакупова гулим+автозапчасти+покупателижакупова гулим+автозапчасти+покупатели
жакупова гулим+автозапчасти+покупатели
 
Sosiaaliasiamiehen selvitykset 2015
Sosiaaliasiamiehen selvitykset 2015Sosiaaliasiamiehen selvitykset 2015
Sosiaaliasiamiehen selvitykset 2015
 
Taller 6 diseño publicitario
Taller 6 diseño publicitarioTaller 6 diseño publicitario
Taller 6 diseño publicitario
 

Similar to H t m l PPT

Belajar HTML: Apa Itu HTML?
Belajar HTML: Apa Itu HTML?Belajar HTML: Apa Itu HTML?
Belajar HTML: Apa Itu HTML?Sahabat Coding
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa webUmmi khairani
 
storyboard pemrograman web.pptx
storyboard pemrograman web.pptxstoryboard pemrograman web.pptx
storyboard pemrograman web.pptxFileArsip
 
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XMLPENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XMLDian Arifin
 
Makalah html5
Makalah html5Makalah html5
Makalah html5argud
 
Ilmuwebsite.com html css-dari_akar_ke_daun
Ilmuwebsite.com html css-dari_akar_ke_daunIlmuwebsite.com html css-dari_akar_ke_daun
Ilmuwebsite.com html css-dari_akar_ke_daunHendi Alfiandi
 
Ilmuwebsite.com html css-dari_akar_ke_daun-libre
Ilmuwebsite.com html css-dari_akar_ke_daun-libreIlmuwebsite.com html css-dari_akar_ke_daun-libre
Ilmuwebsite.com html css-dari_akar_ke_daun-libreUniska Lam
 

Similar to H t m l PPT (20)

Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Training HTML
Training HTMLTraining HTML
Training HTML
 
Bahasa HTML - 01.pdf
Bahasa HTML - 01.pdfBahasa HTML - 01.pdf
Bahasa HTML - 01.pdf
 
Belajar HTML: Apa Itu HTML?
Belajar HTML: Apa Itu HTML?Belajar HTML: Apa Itu HTML?
Belajar HTML: Apa Itu HTML?
 
Html 5
Html 5Html 5
Html 5
 
Html5
Html5Html5
Html5
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
storyboard pemrograman web.pptx
storyboard pemrograman web.pptxstoryboard pemrograman web.pptx
storyboard pemrograman web.pptx
 
Html to-blog
Html to-blogHtml to-blog
Html to-blog
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XMLPENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
 
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html
Makalah htmlMakalah html
Makalah html
 
Ilmuwebsite.com html css-dari_akar_ke_daun
Ilmuwebsite.com html css-dari_akar_ke_daunIlmuwebsite.com html css-dari_akar_ke_daun
Ilmuwebsite.com html css-dari_akar_ke_daun
 
Ilmuwebsite.com html css-dari_akar_ke_daun-libre
Ilmuwebsite.com html css-dari_akar_ke_daun-libreIlmuwebsite.com html css-dari_akar_ke_daun-libre
Ilmuwebsite.com html css-dari_akar_ke_daun-libre
 

Recently uploaded

Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1udin100
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfCloverash1
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfSitiJulaeha820399
 
Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)3HerisaSintia
 
tugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDtugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDmawan5982
 
soal AKM Mata Pelajaran PPKN kelas .pptx
soal AKM Mata Pelajaran PPKN kelas .pptxsoal AKM Mata Pelajaran PPKN kelas .pptx
soal AKM Mata Pelajaran PPKN kelas .pptxazhari524
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdfsdn3jatiblora
 
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxTugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxmawan5982
 
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5ssuserd52993
 
Lembar Observasi Pembelajaran di Kelas.docx
Lembar Observasi Pembelajaran di  Kelas.docxLembar Observasi Pembelajaran di  Kelas.docx
Lembar Observasi Pembelajaran di Kelas.docxbkandrisaputra
 
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...Kanaidi ken
 
Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5KIKI TRISNA MUKTI
 
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BModul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BAbdiera
 
PPT Integrasi Islam & Ilmu Pengetahuan.pptx
PPT Integrasi Islam & Ilmu Pengetahuan.pptxPPT Integrasi Islam & Ilmu Pengetahuan.pptx
PPT Integrasi Islam & Ilmu Pengetahuan.pptxnerow98
 
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASaku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASreskosatrio1
 
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfBab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfbibizaenab
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdftsaniasalftn18
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxadimulianta1
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxWirionSembiring2
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxFuzaAnggriana
 

Recently uploaded (20)

Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdf
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
 
Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)
 
tugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDtugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SD
 
soal AKM Mata Pelajaran PPKN kelas .pptx
soal AKM Mata Pelajaran PPKN kelas .pptxsoal AKM Mata Pelajaran PPKN kelas .pptx
soal AKM Mata Pelajaran PPKN kelas .pptx
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
 
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxTugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
 
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
 
Lembar Observasi Pembelajaran di Kelas.docx
Lembar Observasi Pembelajaran di  Kelas.docxLembar Observasi Pembelajaran di  Kelas.docx
Lembar Observasi Pembelajaran di Kelas.docx
 
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
 
Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5
 
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BModul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
 
PPT Integrasi Islam & Ilmu Pengetahuan.pptx
PPT Integrasi Islam & Ilmu Pengetahuan.pptxPPT Integrasi Islam & Ilmu Pengetahuan.pptx
PPT Integrasi Islam & Ilmu Pengetahuan.pptx
 
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASaku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
 
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfBab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdf
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptx
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
 

H t m l PPT

  • 1. H T M L ( Hypertext Markup Language )
  • 2. Apa itu HTML ?????????? ? ? ?? ?? ? ? ? ? ?
  • 3. Hypertext Markup Language (html) adalah bahasa yang digunakan untuk menulis halaman web. html merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML).
  • 4. HTML dibuat oleh Tim Berners ‐ Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh Browser Mosaic.
  • 5. Selama awal tahun 1990 html mengalami perkembangan yang sangat pesat. Setiap pengembangan html pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya.
  • 6. DASAR HTML Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser.
  • 7. Mendesain HTML dapat dilakukan dengan dua cara: • Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini. • Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
  • 8. PERKEMBANGAN HTML Sebelum suatu HTML disahkan sebagai suatu dokumen HTML standar, ia harus disetujui dulu oleh W3C untuk dievaluasi secara ketat. Setiap terjadi perkembangan suatu versi HTML, maka mau tak mau browser pun harus memperbaiki diri agar bisa mendukung kode- kode HTML yang baru tersebut. Sebab jika tidak, browser tak akan bisa menampilkan HTML tersebut
  • 9. Kelebihan-kelebihan HTML antara lain: • Merupakan bahasa penkodean yang lintas platform (cross platform), maksudnya HTML dapat digunakan pada berbagai jenis mesin komputer . Jadi bersifat fleksibel karena ditulis cukup dengan menggunakan editor karakter ASCII.
  • 10. • Dapat disisipi gambar baik gambar statis atau dinamis (animasi) termasuk menggunakan gambar untuk dijadikan hyperlink, atau link ke halaman di luar web yang bersangkutan. • Dapat disisipi animasi berupa Java Applet atau file-file animasi dari Macromedia Flash atau Macromedia Shockwave (untuk keperluan ini, browser harus memiliki plug- in khusus untuk menjalankan file-file animasi ini).
  • 11. • Dapat disisipi bahasa pemrograman untuk mempercantik halaman web seperti Javascript, VBScript, Active Server Pages, Perl, Tcl, PHP dan sebagainya. Bukan merupakan bahasa pemrograman jadi tidak memerlukan kompiler. Cara menjalanakannya cukup dengan menggunakan browser.
  • 12. kekurangan dari HTML ini adalah: • Menghasilkan halaman yang statis, yang saya tahu untuk memperoleh halaman yang dinamis harus menggunakan bahasa pemrograman tertentu seperti Javascript atau VBScript dan animasi seperti Flash atau Shockwave.
  • 13. • Memiliki tag-tag yang begitu banyak sehingga susah dipelajari untuk yang masih awam. Tidak dapat menghasilkan halaman yang interaktif. Interaktif di sini maksudnya client dapat berinteraksi dengan server. Untuk keperluan itu, HTML harus disisipi bahasa pemrograman yang dapat menangani hal tersebut, contohnya Perl atau Tcl.
  • 14. VERSI-VERSI DAN PENJELASAN DALAM HTML : HTML versi 1.0 Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks.
  • 15. HTMl versi 2.0 Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.
  • 16. HTML versi 3.0 HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.
  • 17. HTML versi 4.0 HTML versi 4 ini merupakan HTML versi terakhir pada saat sumber ini diambil. HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.
  • 18. TAG HTML TAG Adalah penandaan yang dikenali oleh browser sebagai suatu instruksi untuk memformat tulisan, gambar, link, tabel, atau objek pada sebuah tampilan dokumen HTML.
  • 19. ATRIBUT Atribut dalam HTML adalah perintah yang disisipkan/ditempelkan pada TAG utama yang tujuanya adalah mengatur bentuk/gaya tampilan sebuah objek.
  • 20. VALUE Value dalam HTML adalah nilai yang diberikan pada sebuah atribut. Value ada beberapa jenis, bisa value text seperti left, right, center, red, blue, bisa juga angka 1, 2, 3, bisa juga bentuk pixel : 100, 200, atau bentuk persen 100%, 30%, ada juga yang bentuk hexa seperti warna yang ditulis color="#000" dll.