Project presentasi [X TKJ B]

PROJECT PRESENTASI

Alwi Maulana Abdi Tanjung Faris Aulia Rosyidin Hardiansyah Lian Azhri Prasetyo Rendi Pratomo Robby Ari Ramadhan

PENGENALAN HTMLHTML (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

Project presentasi [X TKJ B]

Education

Transcript of Project presentasi [X TKJ B]