SlideShare a Scribd company logo
PROJECT PRESENTASI
 Alwi Maulana Abdi Tanjung
 Faris Aulia Rosyidin
 Hardiansyah
 Lian Azhri Prasetyo
 Rendi Pratomo
 Robby Ari Ramadhan
PENGENALAN HTML
HTML (Hyper Text Markup Language) bahasa standar untuk membuat
suatu dokumen halaman web yang terdiri dari kode kode singkat
tertentu dimana dengan kode kode tersebut akan memerintahkan
web browser, bagaimana untuk menampilkan halaman web yang
terdiri berbagai macam format file seperti :
 Text
 Grafik
 Animasi
 Link
 Video
 Audio
SEJARAH HTML
 HTML dibuat oleh Tim Benners-Lee ketika masih bekerja untuk CERN dan
dipopulerkan pertama kali oleh browser mosaic.
 Selama awal tahun 1990, HTML mengalami perkembangan pesat
 Perkembangan resmi pada bulan November pada tahun 1995 oleh IETF
 HTML 1.0 kemampuan yang dimilikinya yaitu menampilkan heading, paragraf,
hypertext, list serta cetak tebal, dan miring pada suatu text
 HTML 2.0 merupakan penyempurnaan dari HTML + (1993)
 HTML 3.0 memberikan kemampuan lebih daripada versi sebelumnya (1995)
 HTML 3.2 (Januari 1997) oleh W3C HTML Working group yang di bentuk tahun
1996
 HTML 4.0 dikeluarkan pada 18 Desember 1997.
 HTML 4.01 dikeluarkan secara resmi oleh W3C pad tanggal 24 April 1998. HTML
4.01 merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18
Desember 1997)
 HTML 5 mulai dikeluarkan pada bulan Juni 2004 dan sampai sekarang masih pada
tahap penyempurnaan
KELEBIHAN HTML 5
 Mendukung pemutaran video tanpa aplikasi pemutar video. HTML 5
mendukung format video .mp4, .ogg, . webM.
 Dapat ditulis dalam sintaks HTML (dengan type media text/HTML) dan
XML.
 Integrasi (‘inline’) dengan doctype yang lebih sederhana.
 Penulisan kode yang lebih efisien.
 Konten yang ada di situs lebih mudah terindeks oleh search engine.
 Dukungan yang lebih baik untuk penyimpanan secara offline.
 Unsur kanvas untuk menggambar.
 Elemen konten yang lebih spesifik, seperti artikel, footer, header, naV,
section.
 Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, dan
search.
 Penanganan kesalahan yang lebih baik.
TAG HTML
Struktur Dokumen HTML :
<HTML>
<HEAD>
<TITLE>Masukkan Title</TITLE>
</HEAD>
<BODY>
Isi Dokumen
</BODY>
</HTML>
TAG HTML YANG SUDAH DI PELAJARI DAN
PENULISANNYA :
 <P>…</P> => Paragraf
 Text <BR> => Garis Baru yang lebih jauh
 <B>…</B> => Menebalkam Huruf
 <I>…</I> => Cetak miring
 <U>…</U> => Garis bawah
 <BODY BGCOLOR=“Kode Warna”> => Memberi Warna Dasar
 <BODY BACKGROUND=“nama file gambar”> => Memberi Gambar Sebagai
Dasar
 <FONT SIZE=“Ukuran max.7”> …</FONT> => Mengatur Ukuran Font
 <FONT FACE=“Jenis Font”>…</FONT> => Mengatur Jenis Font
 <FONT COLOR=“Warna Font”>…</FONT> => Mengatur Warna Font
 <P ALIGN=“Center/Right/Left/Justify“> … </p> => Mengatur Letak Isi
Dokumen
 <HR SIZE=“tebal garis" COLOR=“Warna Garis"> => Garis Horizontal
 <MARQUEE> … </MARQUEE> => Teks Berjalan
 <IMG SRC=“Nama gambar” > =>Menambahkan Gambar
 <li><a href=“Nama Link">Klik di sini</a></li> => Memasukkan Link
 <a href=“Nama Link"><img src=“Nama gambar"></a> => Gambar dapat
di klik ke URL
 <img src="../nama folder/nama gambar"> => Memasukan gambar beda
folder.
 <iframe width="660" height="330“ src=“Link YouTube"></iframe> =>
Menambahkan video youtube.
 <audio height=“480" width=“365" src=“Nama Video" controls></audio> =>
Menambahkan Audio Dari File Sendiri
 <Source src=“ Nama Video.WebM/.mp4/.ogg” type=“WebM/.mp4/.ogg”>
=>Menambahkan Video Dari File Sendiri
 <AUTOPLAY=“AUTOPLAY”> => Menjalankan Video Dengan Otomatis
 <LOOP=“LOOP”> => Mengulang Audio/Video
 <MUTED=“MUTED”> => Untuk Menghilangkan Suara
 <CONTORLS=“CONTROLS”> => Untuk Mengontrol Audio/Video
 <POSTER=“Nama File Gambar”> => Memberi Poster Pada Video
 <video width="670" height="340" controls="controls" loop="loop"
poster="naruto-movie-road-to-ninja.jpg"><source src="Naruto The Movie
Road To Ninja indonesia subtittle.WebM" type="video/WebM"></video> =>
Menambahkan Video dari file sendiri.
 <iframe width="429" height="320"
src="https://www.youtube.com/embed/vgWtIA-mx0c"></iframe> =>
Menambahkan video youtube

More Related Content

What's hot

Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2Jacob Dwi Cristian Umboh
 
07 css box model
07 css box model07 css box model
07 css box model
Amiroh S.Kom
 
Html link list
Html link listHtml link list
Html link list
agung sy
 
Modul web affif
Modul web affifModul web affif
Modul web affif
Sejahtera Affif
 
Memahami Wordpress Theme : Header.Php, Sidebar.Php Dan Footer.Php
Memahami Wordpress Theme :  Header.Php, Sidebar.Php Dan Footer.PhpMemahami Wordpress Theme :  Header.Php, Sidebar.Php Dan Footer.Php
Memahami Wordpress Theme : Header.Php, Sidebar.Php Dan Footer.Php
Fikri Rasyid
 
Dasar pembuatan web (html)
Dasar pembuatan web (html)Dasar pembuatan web (html)
Dasar pembuatan web (html)
daffa12
 
HTML+CSS
HTML+CSSHTML+CSS
HTML+CSS
Ryfan Aditya
 
HTML (HYPER TEXT MARKUP LANGUAGE)
HTML (HYPER TEXT MARKUP LANGUAGE)HTML (HYPER TEXT MARKUP LANGUAGE)
HTML (HYPER TEXT MARKUP LANGUAGE)
Sahrul Sindriana
 
Penggunaan html
Penggunaan htmlPenggunaan html
Penggunaan html
Fajar Baskoro
 
Pengenalan Macromedia Dreamweaver
Pengenalan Macromedia DreamweaverPengenalan Macromedia Dreamweaver
Pengenalan Macromedia Dreamweaver
Achmad Solichin
 
It literacy pertemuan ke 4
It literacy pertemuan ke 4It literacy pertemuan ke 4
It literacy pertemuan ke 4
Intan Putri Cahyani
 
Cooking with Wordpress Theme
Cooking with Wordpress ThemeCooking with Wordpress Theme
Cooking with Wordpress Theme
Aban Nesta
 
Optimizing Email Outlook with Dreamweaver
Optimizing Email Outlook with DreamweaverOptimizing Email Outlook with Dreamweaver
Optimizing Email Outlook with Dreamweaver
Yuda Mahendra Asmara
 
TUGAS TIK Bab 4
TUGAS TIK Bab 4TUGAS TIK Bab 4
TUGAS TIK Bab 4
Admiraldy Fz
 
Materi Dasar Microsoft Word
Materi Dasar Microsoft WordMateri Dasar Microsoft Word
Materi Dasar Microsoft Word
Dika Marpeti
 
Tugas TIK
Tugas TIKTugas TIK
Tugas TIK
ElvHogan
 

What's hot (18)

Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2Presentation 1 - Desain dan pemrograman web 2
Presentation 1 - Desain dan pemrograman web 2
 
07 css box model
07 css box model07 css box model
07 css box model
 
Html link list
Html link listHtml link list
Html link list
 
Modul web affif
Modul web affifModul web affif
Modul web affif
 
01 html
01 html01 html
01 html
 
Memahami Wordpress Theme : Header.Php, Sidebar.Php Dan Footer.Php
Memahami Wordpress Theme :  Header.Php, Sidebar.Php Dan Footer.PhpMemahami Wordpress Theme :  Header.Php, Sidebar.Php Dan Footer.Php
Memahami Wordpress Theme : Header.Php, Sidebar.Php Dan Footer.Php
 
Dasar pembuatan web (html)
Dasar pembuatan web (html)Dasar pembuatan web (html)
Dasar pembuatan web (html)
 
HTML+CSS
HTML+CSSHTML+CSS
HTML+CSS
 
HTML (HYPER TEXT MARKUP LANGUAGE)
HTML (HYPER TEXT MARKUP LANGUAGE)HTML (HYPER TEXT MARKUP LANGUAGE)
HTML (HYPER TEXT MARKUP LANGUAGE)
 
Penggunaan html
Penggunaan htmlPenggunaan html
Penggunaan html
 
Pengenalan Macromedia Dreamweaver
Pengenalan Macromedia DreamweaverPengenalan Macromedia Dreamweaver
Pengenalan Macromedia Dreamweaver
 
It literacy pertemuan ke 4
It literacy pertemuan ke 4It literacy pertemuan ke 4
It literacy pertemuan ke 4
 
Cooking with Wordpress Theme
Cooking with Wordpress ThemeCooking with Wordpress Theme
Cooking with Wordpress Theme
 
Optimizing Email Outlook with Dreamweaver
Optimizing Email Outlook with DreamweaverOptimizing Email Outlook with Dreamweaver
Optimizing Email Outlook with Dreamweaver
 
TUGAS TIK Bab 4
TUGAS TIK Bab 4TUGAS TIK Bab 4
TUGAS TIK Bab 4
 
Materi Dasar Microsoft Word
Materi Dasar Microsoft WordMateri Dasar Microsoft Word
Materi Dasar Microsoft Word
 
Tugas TIK
Tugas TIKTugas TIK
Tugas TIK
 
Web
WebWeb
Web
 

Similar to Project presentasi [X TKJ B]

MEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxMEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptx
ssuser71d74a
 
File Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptxFile Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptx
BeeOkee
 
Html5
Html5Html5
Html5
agus248
 
12 mengenal html5
12 mengenal html512 mengenal html5
12 mengenal html5
Amiroh S.Kom
 
Html power point
Html power pointHtml power point
Html power point
minmon
 
Modul 2a html
Modul 2a htmlModul 2a html
Modul 2a html
Siigit Aziz
 
Makalah internet dan html
Makalah internet dan htmlMakalah internet dan html
Makalah internet dan html
Shinta Ta'Cuco
 
Makalah html
Makalah htmlMakalah html
Makalah html
Shinta Ta'Cuco
 
fdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.pptfdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.ppt
RizkyRamdan2
 
PWEB HTML
PWEB HTMLPWEB HTML
Dasar-dasar H t m l
Dasar-dasar H t m lDasar-dasar H t m l
Modul web programing
Modul web programingModul web programing
Modul web programing
Nepriant Juragantv
 
Fundamental HTML5
Fundamental HTML5Fundamental HTML5
Fundamental HTML5
Achmad Solichin
 
Html
HtmlHtml
Andino Maseleno - Modul Web Programming
Andino Maseleno - Modul Web ProgrammingAndino Maseleno - Modul Web Programming
Andino Maseleno - Modul Web Programming
Andino Maseleno
 
Praktikum_Pengenalan_HTML
Praktikum_Pengenalan_HTML Praktikum_Pengenalan_HTML
Praktikum_Pengenalan_HTML
fikrinurfahmi1
 
Tutorial html + my sql + php
Tutorial html + my sql + phpTutorial html + my sql + php
Tutorial html + my sql + php
Saikhu Zaenul
 
Tutoria html mysqdanphp
Tutoria html mysqdanphpTutoria html mysqdanphp
Tutoria html mysqdanphpAfdi Njomplank
 
Praktek
PraktekPraktek

Similar to Project presentasi [X TKJ B] (20)

MEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxMEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptx
 
File Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptxFile Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptx
 
Html5
Html5Html5
Html5
 
Html 5
Html 5Html 5
Html 5
 
12 mengenal html5
12 mengenal html512 mengenal html5
12 mengenal html5
 
Html power point
Html power pointHtml power point
Html power point
 
Modul 2a html
Modul 2a htmlModul 2a html
Modul 2a html
 
Makalah internet dan html
Makalah internet dan htmlMakalah internet dan html
Makalah internet dan html
 
Makalah html
Makalah htmlMakalah html
Makalah html
 
fdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.pptfdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.ppt
 
PWEB HTML
PWEB HTMLPWEB HTML
PWEB HTML
 
Dasar-dasar H t m l
Dasar-dasar H t m lDasar-dasar H t m l
Dasar-dasar H t m l
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Fundamental HTML5
Fundamental HTML5Fundamental HTML5
Fundamental HTML5
 
Html
HtmlHtml
Html
 
Andino Maseleno - Modul Web Programming
Andino Maseleno - Modul Web ProgrammingAndino Maseleno - Modul Web Programming
Andino Maseleno - Modul Web Programming
 
Praktikum_Pengenalan_HTML
Praktikum_Pengenalan_HTML Praktikum_Pengenalan_HTML
Praktikum_Pengenalan_HTML
 
Tutorial html + my sql + php
Tutorial html + my sql + phpTutorial html + my sql + php
Tutorial html + my sql + php
 
Tutoria html mysqdanphp
Tutoria html mysqdanphpTutoria html mysqdanphp
Tutoria html mysqdanphp
 
Praktek
PraktekPraktek
Praktek
 

More from rendi98

Kerajaan Mataram Islam
Kerajaan Mataram IslamKerajaan Mataram Islam
Kerajaan Mataram Islam
rendi98
 
Kerajaan Mataram Islam 1
Kerajaan Mataram Islam 1Kerajaan Mataram Islam 1
Kerajaan Mataram Islam 1
rendi98
 
Editor Linux Vim
Editor Linux VimEditor Linux Vim
Editor Linux Vim
rendi98
 
Editor vi
Editor vi Editor vi
Editor vi
rendi98
 
Repository Lokal Fedora 17 Beefy Miracle..
Repository Lokal Fedora 17 Beefy Miracle..Repository Lokal Fedora 17 Beefy Miracle..
Repository Lokal Fedora 17 Beefy Miracle..
rendi98
 
CMS via XAMPP (New)
CMS via XAMPP (New)CMS via XAMPP (New)
CMS via XAMPP (New)
rendi98
 
CMS VIA XAMPP 1
CMS VIA XAMPP 1CMS VIA XAMPP 1
CMS VIA XAMPP 1
rendi98
 
CMS VIA XAMPP 2
CMS VIA XAMPP 2CMS VIA XAMPP 2
CMS VIA XAMPP 2
rendi98
 
Repository Lokal Fedora 17 Beefy Miracle.
Repository Lokal Fedora 17 Beefy Miracle.Repository Lokal Fedora 17 Beefy Miracle.
Repository Lokal Fedora 17 Beefy Miracle.
rendi98
 
Repository Lokal Fedora 17 Beefy Miracle
Repository Lokal Fedora 17 Beefy MiracleRepository Lokal Fedora 17 Beefy Miracle
Repository Lokal Fedora 17 Beefy Miracle
rendi98
 
CMS via XAMPP
CMS via XAMPPCMS via XAMPP
CMS via XAMPP
rendi98
 
Editor di Linux
Editor di LinuxEditor di Linux
Editor di Linux
rendi98
 
Manajemen User, Grup, & File 1
Manajemen User, Grup, & File 1Manajemen User, Grup, & File 1
Manajemen User, Grup, & File 1
rendi98
 
Manajemen User, Grup, & File
Manajemen User, Grup, & FileManajemen User, Grup, & File
Manajemen User, Grup, & File
rendi98
 
Perintah Dasar Linux Fedora
Perintah Dasar Linux FedoraPerintah Dasar Linux Fedora
Perintah Dasar Linux Fedora
rendi98
 
Konfigurasi IP Alias Fedora 17 di VirtualBox
Konfigurasi IP Alias Fedora 17 di VirtualBoxKonfigurasi IP Alias Fedora 17 di VirtualBox
Konfigurasi IP Alias Fedora 17 di VirtualBox
rendi98
 
Konfigurasi IP Alias Fedora 17 di VirtualBox
Konfigurasi IP Alias Fedora 17 di VirtualBoxKonfigurasi IP Alias Fedora 17 di VirtualBox
Konfigurasi IP Alias Fedora 17 di VirtualBox
rendi98
 
Setting IP Address secara Static dan DHCP (OS Fedora 17)
Setting IP Address secara Static dan DHCP (OS Fedora 17)Setting IP Address secara Static dan DHCP (OS Fedora 17)
Setting IP Address secara Static dan DHCP (OS Fedora 17)
rendi98
 
Install Fedora 17
Install Fedora 17Install Fedora 17
Install Fedora 17
rendi98
 
Install Fedora 17
Install Fedora 17Install Fedora 17
Install Fedora 17
rendi98
 

More from rendi98 (20)

Kerajaan Mataram Islam
Kerajaan Mataram IslamKerajaan Mataram Islam
Kerajaan Mataram Islam
 
Kerajaan Mataram Islam 1
Kerajaan Mataram Islam 1Kerajaan Mataram Islam 1
Kerajaan Mataram Islam 1
 
Editor Linux Vim
Editor Linux VimEditor Linux Vim
Editor Linux Vim
 
Editor vi
Editor vi Editor vi
Editor vi
 
Repository Lokal Fedora 17 Beefy Miracle..
Repository Lokal Fedora 17 Beefy Miracle..Repository Lokal Fedora 17 Beefy Miracle..
Repository Lokal Fedora 17 Beefy Miracle..
 
CMS via XAMPP (New)
CMS via XAMPP (New)CMS via XAMPP (New)
CMS via XAMPP (New)
 
CMS VIA XAMPP 1
CMS VIA XAMPP 1CMS VIA XAMPP 1
CMS VIA XAMPP 1
 
CMS VIA XAMPP 2
CMS VIA XAMPP 2CMS VIA XAMPP 2
CMS VIA XAMPP 2
 
Repository Lokal Fedora 17 Beefy Miracle.
Repository Lokal Fedora 17 Beefy Miracle.Repository Lokal Fedora 17 Beefy Miracle.
Repository Lokal Fedora 17 Beefy Miracle.
 
Repository Lokal Fedora 17 Beefy Miracle
Repository Lokal Fedora 17 Beefy MiracleRepository Lokal Fedora 17 Beefy Miracle
Repository Lokal Fedora 17 Beefy Miracle
 
CMS via XAMPP
CMS via XAMPPCMS via XAMPP
CMS via XAMPP
 
Editor di Linux
Editor di LinuxEditor di Linux
Editor di Linux
 
Manajemen User, Grup, & File 1
Manajemen User, Grup, & File 1Manajemen User, Grup, & File 1
Manajemen User, Grup, & File 1
 
Manajemen User, Grup, & File
Manajemen User, Grup, & FileManajemen User, Grup, & File
Manajemen User, Grup, & File
 
Perintah Dasar Linux Fedora
Perintah Dasar Linux FedoraPerintah Dasar Linux Fedora
Perintah Dasar Linux Fedora
 
Konfigurasi IP Alias Fedora 17 di VirtualBox
Konfigurasi IP Alias Fedora 17 di VirtualBoxKonfigurasi IP Alias Fedora 17 di VirtualBox
Konfigurasi IP Alias Fedora 17 di VirtualBox
 
Konfigurasi IP Alias Fedora 17 di VirtualBox
Konfigurasi IP Alias Fedora 17 di VirtualBoxKonfigurasi IP Alias Fedora 17 di VirtualBox
Konfigurasi IP Alias Fedora 17 di VirtualBox
 
Setting IP Address secara Static dan DHCP (OS Fedora 17)
Setting IP Address secara Static dan DHCP (OS Fedora 17)Setting IP Address secara Static dan DHCP (OS Fedora 17)
Setting IP Address secara Static dan DHCP (OS Fedora 17)
 
Install Fedora 17
Install Fedora 17Install Fedora 17
Install Fedora 17
 
Install Fedora 17
Install Fedora 17Install Fedora 17
Install Fedora 17
 

Recently uploaded

Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata anginMedia Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
margagurifma2023
 
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdfPPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
SdyokoSusanto1
 
Powerpoint Materi Menyusun dan Merencanakan Modul Ajar
Powerpoint Materi Menyusun dan Merencanakan Modul AjarPowerpoint Materi Menyusun dan Merencanakan Modul Ajar
Powerpoint Materi Menyusun dan Merencanakan Modul Ajar
MashudiMashudi12
 
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOKPENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
GusniartiGusniarti5
 
refleksi tindak lanjut d pmm agar lebih mudah
refleksi tindak lanjut d pmm agar lebih mudahrefleksi tindak lanjut d pmm agar lebih mudah
refleksi tindak lanjut d pmm agar lebih mudah
muhamadsufii48
 
Seminar Pendidikan PPG Filosofi Pendidikan.pdf
Seminar Pendidikan PPG Filosofi Pendidikan.pdfSeminar Pendidikan PPG Filosofi Pendidikan.pdf
Seminar Pendidikan PPG Filosofi Pendidikan.pdf
inganahsholihahpangs
 
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptxGERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
fildiausmayusuf1
 
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptxRANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
SurosoSuroso19
 
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIANSINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
NanieIbrahim
 
Modul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Matematika Kelas 11 Fase F Kurikulum MerdekaModul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
Fathan Emran
 
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptxObservasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
akram124738
 
Ppt landasan pendidikan Pai 9 _20240604_231000_0000.pdf
Ppt landasan pendidikan Pai 9 _20240604_231000_0000.pdfPpt landasan pendidikan Pai 9 _20240604_231000_0000.pdf
Ppt landasan pendidikan Pai 9 _20240604_231000_0000.pdf
fadlurrahman260903
 
Juknis penggunaan aplikasi ecoklit pilkada 2024
Juknis penggunaan  aplikasi ecoklit pilkada 2024Juknis penggunaan  aplikasi ecoklit pilkada 2024
Juknis penggunaan aplikasi ecoklit pilkada 2024
abdinahyan
 
Pelatihan AI GKA abdi Sabda - Apa itu AI?
Pelatihan AI GKA abdi Sabda - Apa itu AI?Pelatihan AI GKA abdi Sabda - Apa itu AI?
Pelatihan AI GKA abdi Sabda - Apa itu AI?
SABDA
 
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptxMateri 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
ahyani72
 
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdfMODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
YuristaAndriyani1
 
Kebijakan PPDB Siswa SMA dan SMK DIY 2024
Kebijakan PPDB Siswa SMA dan SMK DIY 2024Kebijakan PPDB Siswa SMA dan SMK DIY 2024
Kebijakan PPDB Siswa SMA dan SMK DIY 2024
DrEngMahmudKoriEffen
 
Aksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos ValidasiAksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos Validasi
DinaSetiawan2
 
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdfKelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
JALANJALANKENYANG
 
Pemaparan budaya positif di sekolah.pptx
Pemaparan budaya positif di sekolah.pptxPemaparan budaya positif di sekolah.pptx
Pemaparan budaya positif di sekolah.pptx
maulatamah
 

Recently uploaded (20)

Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata anginMedia Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
 
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdfPPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
 
Powerpoint Materi Menyusun dan Merencanakan Modul Ajar
Powerpoint Materi Menyusun dan Merencanakan Modul AjarPowerpoint Materi Menyusun dan Merencanakan Modul Ajar
Powerpoint Materi Menyusun dan Merencanakan Modul Ajar
 
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOKPENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
 
refleksi tindak lanjut d pmm agar lebih mudah
refleksi tindak lanjut d pmm agar lebih mudahrefleksi tindak lanjut d pmm agar lebih mudah
refleksi tindak lanjut d pmm agar lebih mudah
 
Seminar Pendidikan PPG Filosofi Pendidikan.pdf
Seminar Pendidikan PPG Filosofi Pendidikan.pdfSeminar Pendidikan PPG Filosofi Pendidikan.pdf
Seminar Pendidikan PPG Filosofi Pendidikan.pdf
 
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptxGERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
 
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptxRANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
 
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIANSINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
 
Modul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Matematika Kelas 11 Fase F Kurikulum MerdekaModul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
 
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptxObservasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
 
Ppt landasan pendidikan Pai 9 _20240604_231000_0000.pdf
Ppt landasan pendidikan Pai 9 _20240604_231000_0000.pdfPpt landasan pendidikan Pai 9 _20240604_231000_0000.pdf
Ppt landasan pendidikan Pai 9 _20240604_231000_0000.pdf
 
Juknis penggunaan aplikasi ecoklit pilkada 2024
Juknis penggunaan  aplikasi ecoklit pilkada 2024Juknis penggunaan  aplikasi ecoklit pilkada 2024
Juknis penggunaan aplikasi ecoklit pilkada 2024
 
Pelatihan AI GKA abdi Sabda - Apa itu AI?
Pelatihan AI GKA abdi Sabda - Apa itu AI?Pelatihan AI GKA abdi Sabda - Apa itu AI?
Pelatihan AI GKA abdi Sabda - Apa itu AI?
 
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptxMateri 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
 
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdfMODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
 
Kebijakan PPDB Siswa SMA dan SMK DIY 2024
Kebijakan PPDB Siswa SMA dan SMK DIY 2024Kebijakan PPDB Siswa SMA dan SMK DIY 2024
Kebijakan PPDB Siswa SMA dan SMK DIY 2024
 
Aksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos ValidasiAksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos Validasi
 
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdfKelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
 
Pemaparan budaya positif di sekolah.pptx
Pemaparan budaya positif di sekolah.pptxPemaparan budaya positif di sekolah.pptx
Pemaparan budaya positif di sekolah.pptx
 

Project presentasi [X TKJ B]

  • 1. PROJECT PRESENTASI  Alwi Maulana Abdi Tanjung  Faris Aulia Rosyidin  Hardiansyah  Lian Azhri Prasetyo  Rendi Pratomo  Robby Ari Ramadhan
  • 2. PENGENALAN HTML HTML (Hyper Text Markup Language) bahasa standar untuk membuat suatu dokumen halaman web yang terdiri dari kode kode singkat tertentu dimana dengan kode kode tersebut akan memerintahkan web browser, bagaimana untuk menampilkan halaman web yang terdiri berbagai macam format file seperti :  Text  Grafik  Animasi  Link  Video  Audio
  • 3. SEJARAH HTML  HTML dibuat oleh Tim Benners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser mosaic.  Selama awal tahun 1990, HTML mengalami perkembangan pesat  Perkembangan resmi pada bulan November pada tahun 1995 oleh IETF  HTML 1.0 kemampuan yang dimilikinya yaitu menampilkan heading, paragraf, hypertext, list serta cetak tebal, dan miring pada suatu text  HTML 2.0 merupakan penyempurnaan dari HTML + (1993)  HTML 3.0 memberikan kemampuan lebih daripada versi sebelumnya (1995)  HTML 3.2 (Januari 1997) oleh W3C HTML Working group yang di bentuk tahun 1996  HTML 4.0 dikeluarkan pada 18 Desember 1997.  HTML 4.01 dikeluarkan secara resmi oleh W3C pad tanggal 24 April 1998. HTML 4.01 merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997)  HTML 5 mulai dikeluarkan pada bulan Juni 2004 dan sampai sekarang masih pada tahap penyempurnaan
  • 4. KELEBIHAN HTML 5  Mendukung pemutaran video tanpa aplikasi pemutar video. HTML 5 mendukung format video .mp4, .ogg, . webM.  Dapat ditulis dalam sintaks HTML (dengan type media text/HTML) dan XML.  Integrasi (‘inline’) dengan doctype yang lebih sederhana.  Penulisan kode yang lebih efisien.  Konten yang ada di situs lebih mudah terindeks oleh search engine.  Dukungan yang lebih baik untuk penyimpanan secara offline.  Unsur kanvas untuk menggambar.  Elemen konten yang lebih spesifik, seperti artikel, footer, header, naV, section.  Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, dan search.  Penanganan kesalahan yang lebih baik.
  • 5. TAG HTML Struktur Dokumen HTML : <HTML> <HEAD> <TITLE>Masukkan Title</TITLE> </HEAD> <BODY> Isi Dokumen </BODY> </HTML>
  • 6. TAG HTML YANG SUDAH DI PELAJARI DAN PENULISANNYA :  <P>…</P> => Paragraf  Text <BR> => Garis Baru yang lebih jauh  <B>…</B> => Menebalkam Huruf  <I>…</I> => Cetak miring  <U>…</U> => Garis bawah  <BODY BGCOLOR=“Kode Warna”> => Memberi Warna Dasar  <BODY BACKGROUND=“nama file gambar”> => Memberi Gambar Sebagai Dasar  <FONT SIZE=“Ukuran max.7”> …</FONT> => Mengatur Ukuran Font  <FONT FACE=“Jenis Font”>…</FONT> => Mengatur Jenis Font  <FONT COLOR=“Warna Font”>…</FONT> => Mengatur Warna Font  <P ALIGN=“Center/Right/Left/Justify“> … </p> => Mengatur Letak Isi Dokumen  <HR SIZE=“tebal garis" COLOR=“Warna Garis"> => Garis Horizontal  <MARQUEE> … </MARQUEE> => Teks Berjalan  <IMG SRC=“Nama gambar” > =>Menambahkan Gambar  <li><a href=“Nama Link">Klik di sini</a></li> => Memasukkan Link
  • 7.  <a href=“Nama Link"><img src=“Nama gambar"></a> => Gambar dapat di klik ke URL  <img src="../nama folder/nama gambar"> => Memasukan gambar beda folder.  <iframe width="660" height="330“ src=“Link YouTube"></iframe> => Menambahkan video youtube.  <audio height=“480" width=“365" src=“Nama Video" controls></audio> => Menambahkan Audio Dari File Sendiri  <Source src=“ Nama Video.WebM/.mp4/.ogg” type=“WebM/.mp4/.ogg”> =>Menambahkan Video Dari File Sendiri  <AUTOPLAY=“AUTOPLAY”> => Menjalankan Video Dengan Otomatis  <LOOP=“LOOP”> => Mengulang Audio/Video  <MUTED=“MUTED”> => Untuk Menghilangkan Suara  <CONTORLS=“CONTROLS”> => Untuk Mengontrol Audio/Video  <POSTER=“Nama File Gambar”> => Memberi Poster Pada Video  <video width="670" height="340" controls="controls" loop="loop" poster="naruto-movie-road-to-ninja.jpg"><source src="Naruto The Movie Road To Ninja indonesia subtittle.WebM" type="video/WebM"></video> => Menambahkan Video dari file sendiri.  <iframe width="429" height="320" src="https://www.youtube.com/embed/vgWtIA-mx0c"></iframe> => Menambahkan video youtube