Intan Dyah Nurmalasari

Pengertian HTML5

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.

Atribute	Value	Description
controls	controls	Menentukan kontrol video yang akan ditampilkan(Contoh: tombol play/pause)
autoplay	autoplay	Menentukan bahwa video akan mulaiberputar otomatis
src	URL	Menentukan alamat URL dari mana sumber video
width	pixels	Mengatur lebar dari video player
height	pixels	Mengatur tinggi dari video player
loop	loop	Untuk mengulang / memainkan kembali video yang telah selesai diputar.
muted	muted	Menentukan bahwa output suara akan dimute/dihilangkan
poster	URL	Menentukan gambaryang akan tampil ketika video masih belum berputar.
preload	auto metadata none	Menentukanjika dan bagaimana kapan video ini harus diputar menjalani proses loading ketika halaman terbuka.

Atribute	Value	Description
controls	controls	Menentukan kontrol video yang akan ditampilkan(Contoh: tombol play/pause)
autoplay	autoplay	Menentukan bahwa video akan mulaiberputar otomatis
src	URL	Menentukan alamat URL dari mana sumber video
loop	loop	Untuk mengulang / memainkan kembali video yang telah selesai diputar.
preload	auto metadata none	Menentukanjika dan bagaimana kapan video ini harus diputar menjalani proses loading ketika halaman terbuka.

Sintaks Penulisanya Menambahkan video :
<video src="judulvideo.ogg" controls="controls">
</video>
atau
<video controls="controls"><source src="judulvideo.webm" type="video/webm"></video>
Contoh:
<video src="Sunset di Tanah Anarki.webm" controls="controls">
</video>
Hasil :

Syntax Penulisan Audio :
<audio controls="controls"><source src="judullagu.mp3" type="audio/mp3"></audio>
Contoh :
<audio controls="controls"><source src="Menghujam Jantungku.mp3" type="audio/mp3"></audio>
Hasil :

Cara membuat gambar yang menghilang

<html>
<head>Agar 2 gambar saling menghilang</head>
<body>
<a href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSB3tKNxRw6XdplGEXJKU72o_y8LT2Qc1Kgm46Ge83RvXmaUt5_" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><marquee behavior="scroll" direction="right" width="300"><img border="0" height="300" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSB3tKNxRw6XdplGEXJKU72o_y8LT2Qc1Kgm46Ge83RvXmaUt5_" width="200" /></marquee><marquee behavior="scroll" direction="left" width="300"><img border="0" height="300" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRf06Vh5IpMM-2OCwWPhhBhLJzdYpVv2QAE0S5AX4_nh8ZarjWu&reload=on" width="200" /></marquee>

</a></body>
</html>

Agar 2 gambar saling menghilang

Cara membuat teks berjalan pada Blog

marquee adalah elemen tag untuk mendeskripsikan teks berjalan bgcolor adalah elemen tag untuk mendeskripsikan warna background loop adalah elemen tag untuk mengatur kecepatan berjalan. #FFB6C1 adalah contoh kode color Text Berjalan Kekiri Intan Dyah Nurmalasari Hasil : Text Berjalan Kiri Kanan Intan Dyah Nurmalasari Hasil : Text Berjalan ke kanan Intan Dyah Nurmalasari Hasil : Text Berjalan Turun/Naik welcome To My Blog.
Intan Dyah Nurmalasari
Have Nice Day. Untuk text berjalan naik, ganti kata 'down' menjadi 'up'. Hasil : Text berjalan turun : welcome To My Blog.
Intan Dyah Nurmalasari
Have Nice Day.

Pengaturan Paragraf pada HTML

HTML Paragraf

Dokumen HTML dibagi menjadi paragraf.
HTML Paragraf

HTML mendefinisikan sebuah paragraf.
Contoh
 Ini adalah sebuah paragraf 
 Ini adalah paragraf lain 

Catatan Browser secara otomatis menambahkan baris kosong sebelum dan sesudah paragraf.
HTML Tampilan

Anda tidak bisa yakin bagaimana HTML akan ditampilkan.

Besar atau kecil layar, dan jendela ukurannya akan menciptakan hasil yang berbeda.

Dengan HTML, Anda tidak dapat mengubah output dengan menambahkan spasi ekstra atau baris tambahan dalam kode HTML Anda.

Browser akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan.

Sejumlah ruang, dan sejumlah jalur baru, dihitung sebagai satu ruang.
Contoh

Ayat ini
mengandung banyak baris
dalam kode sumber,
tapi browser
mengabaikannya.



Ayat ini
mengandung banyak ruang
dalam kode sumber,
tapi browser
mengabaikannya.


Jangan Lupakan Tag Akhir

Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag akhir:
Contoh
 Ini adalah sebuah paragraf
 Ini adalah paragraf lain

Contoh di atas akan bekerja di hampir semua browser, tetapi tidak bergantung pada itu.

Melupakan tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan.
Catatan versi ketat dari HTML, XHTML seperti, tidak memungkinkan Anda untuk melewatkan tag akhir.
Breaks HTML Baris

HTML elemen mendefinisikan satu baris.

Gunakan Situs jika Anda ingin istirahat baris (baris baru) tanpa memulai sebuah paragraf baru:
Contoh
 Ini para sebuah grafik dengan jeda baris 

Jaringan unsur adalah elemen HTML yang kosong. Tidak memiliki tag akhir.
The Poem Masalah
Contoh
 puisi ini akan ditampilkan sebagai satu baris: 

 Bonnie saya terletak di atas lautan.

 Bonnie saya terletak di atas laut.

 Bonnie saya terletak di atas lautan.

 Oh, membawa kembali Bonnie saya untuk saya.


HTML <pre> Elemen

HTML <pre> elemen mendefinisikan teks terformat.

Teks di dalam <pre> elemen ditampilkan dalam font fixed-width (biasanya Kurir), dan mempertahankan kedua ruang dan jeda baris:
Contoh
<Pre>
 Bonnie saya terletak di atas lautan.

 Bonnie saya terletak di atas laut.

 Bonnie saya terletak di atas lautan.

 Oh, membawa kembali Bonnie saya untuk saya.
</ Pre>

Uji Diri dengan Latihan!

Latihan 1 »Latihan 2» Latihan 3 »Latihan 4»
HTML Tag Referensi

Referensi tag W3Schools 'berisi informasi tambahan tentang elemen HTML dan atribut mereka.
Tag Deskripsi
 Mendefinisikan paragraf
Situs Menyisipkan garis break
<Pre> Mendefinisikan pra-diformat teks