NAMA : Muhammad Fahmi
NIM : 201609101331
KELAS : SI 2015 C
1. PERTANYAAN DAN TUGAS
1. Jelaskan kelebihan HTML5 dibandingkan dengan HTML sebelumnya dan berikan contohnya dalam bentuk script
Kelebihan dari HTML5 yaitu:
Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) dan XML
Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya
Integrasi (‘inline’) dengan doctype yang lebih sederhana
Penulisan kode yang lebih efisien
Konten yang ada di situs lebih mudah terindeks oleh search engine
Contoh script HTML5 yaitu
2. Buatlah Script HTML untuk memutar video .mp4
Untuk dapat memutar sebuah video dalam halaman web dengan menggunakan HTML5, sebelumnya kita harus memiliki video yang akan diputar tersebut dan juga tentunya sebuah file html. Contohnya seperti ini
scriptnya adalah:
Untuk menjalankan audio di halaman web dengan menggunakan HTML5, sebelumnya kita harus memiliki memiliki audio yang akan dijalankan tersebut dan juga tentunya sebuah file html, contohnya seperti ini
scriptnya yaitu
NIM : 201609101331
KELAS : SI 2015 C
1. PERTANYAAN DAN TUGAS
1. Jelaskan kelebihan HTML5 dibandingkan dengan HTML sebelumnya dan berikan contohnya dalam bentuk script
Kelebihan dari HTML5 yaitu:
Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) dan XML
Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya
Integrasi (‘inline’) dengan doctype yang lebih sederhana
Penulisan kode yang lebih efisien
Konten yang ada di situs lebih mudah terindeks oleh search engine
Contoh script HTML5 yaitu
<!DOCTYPE html>
<html>
<head>
<title>Styling the article element</title>
document.elementBaru(“gaya1”)
<style>
gaya1 {
display:block;
background-color:#ddd;
padding: 50px;
font-size: 30px;
}
</style>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<gaya1>Format Tampilan CSS di HTML5</gaya1>
</body>
</html>
Dan hasilnya adalah<html>
<head>
<title>Styling the article element</title>
document.elementBaru(“gaya1”)
<style>
gaya1 {
display:block;
background-color:#ddd;
padding: 50px;
font-size: 30px;
}
</style>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<gaya1>Format Tampilan CSS di HTML5</gaya1>
</body>
</html>
Untuk dapat memutar sebuah video dalam halaman web dengan menggunakan HTML5, sebelumnya kita harus memiliki video yang akan diputar tersebut dan juga tentunya sebuah file html. Contohnya seperti ini
<!DOCTYPE html>
<html>
<head>
<title> Video </title>
</head>
<body>
<video width="720" height="360" controls autoplay>
<source src="videoplayback.mp4" type="video/mp4">
</video>
</body>
<html>
<head>
<title> Video </title>
</head>
<body>
<video width="720" height="360" controls autoplay>
<source src="videoplayback.mp4" type="video/mp4">
</video>
</body>
</html>
Maka hasilnya adalah
2. POST TEST
Buatlah script HTML5 yang menjalankan sebuah audio mp3 di halaman webUntuk menjalankan audio di halaman web dengan menggunakan HTML5, sebelumnya kita harus memiliki memiliki audio yang akan dijalankan tersebut dan juga tentunya sebuah file html, contohnya seperti ini
<!DOCTYPE html>
<html>
<head>
<title> Audio </title>
</head>
<body>
<audio controls>
<source src="Naif - Benci Untuk Mencinta.mp3" type="audio/mpeg">
</audio>
</body>
</html>
Maka hasilnya ketika dijalankan adalah:<html>
<head>
<title> Audio </title>
</head>
<body>
<audio controls>
<source src="Naif - Benci Untuk Mencinta.mp3" type="audio/mpeg">
</audio>
</body>
</html>
Komentar
Posting Komentar