Belajar Programming

hello temen2, sekarang kita akan mempelajari bagaimana caranya memasukan file audio ke dalam web kita, yuk kita ikuti kodingan nya... <!DOCTYPE html> <html> <head> <title>Belajar HTML5</title> <meta charset="utf-8"> <style> body{ font-family: Verdana, sans-serif; font-size: 12px; } header, nav, main, aside, footer { border: 1px solid grey; margin: 5px; padding: 5px; } main{ float: left; width: 60%; } aside{ float: left; width: 30%; } footer{ clear: both; } </style> </head> <body> <header> <h1>Belajar WEB</h1> <h2>bersama Muhammad Mufti Ramdhani</h2> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Profil</a></li> <li><a href="#">Kontak</a><...

hello temen2, bila kemarin kita sudah belajar bagaimana caranya memasukkan gambar ke halaman HTML, sekarang kita akan belajar, bagaimana caranya memasukan video, yuk kita ikuti kodingannya... <!DOCTYPE html> <html> <head> <title>Belajar HTML5</title> <meta charset="utf-8"> <style> body{ font-family: Verdana, sans-serif; font-size: 12px; } header, nav, main, aside, footer { border: 1px solid grey; margin: 5px; padding: 5px; } main{ float: left; width: 60%; } aside{ float: left; width: 30%; } footer{ clear: both; } </style> </head> <body> <header> <h1>Belajar WEB</h1> <h2>bersama Muhammad Mufti Ramdhani</h2> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Profil</a></li> ...

hello temen2, yuk kita membuat kotak search, email dan warna di halaman web kita... <!DOCTYPE html> <html> <head> <title>Belajar HTML5</title> <meta charset="utf-8"> <style> body{ font-family: Verdana, sans-serif; font-size: 12px; } header, nav, main, aside, footer { border: 1px solid grey; margin: 5px; padding: 5px; } main{ float: left; width: 60%; } aside{ float: left; width: 30%; } footer{ clear: both; } </style> </head> <body> <header> <h1>Belajar WEB</h1> <h2>bersama Muhammad Mufti Ramdhani</h2> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Profil</a></li> <li><a href="#">Kontak</a></li> </ul> </nav> <main...

hello, temen2 sekarang kita akan belajar tentang dialog dan details, dialog itu seperti ada kotaknya sedangkan detail itu bila di klik akan memunculkan anak dibawahnya yuk, kita buat di web kita. <!DOCTYPE html> <html> <head> <title>Belajar HTML5</title> <meta charset="utf-8"> <style> body{ font-family: Verdana, sans-serif; font-size: 12px; } header, nav, main, aside, footer { border: 1px solid grey; margin: 5px; padding: 5px; } main{ float: left; width: 60%; } aside{ float: left; width: 30%; } footer{ clear: both; } </style> </head> <body> <header> <h1>Belajar WEB</h1> <h2>bersama Muhammad Mufti Ramdhani</h2> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Profil</a></l...

hello temen2, tentunya kadang kita ingin menambahkan gambar dihalaman web kita, tapi bagaimana ya caranya, yuk lihat kodingannya... <!DOCTYPE html> <html> <head> <title>Belajar HTML5</title> <meta charset="utf-8"> <style> body{ font-family: Verdana, sans-serif; font-size: 12px; } header, nav, main, aside, footer { border: 1px solid grey; margin: 5px; padding: 5px; } main{ float: left; width: 60%; } aside{ float: left; width: 30%; } footer{ clear: both; } </style> </head> <body> <header> <h1>Belajar WEB</h1> <h2>bersama Muhammad Mufti Ramdhani</h2> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Profil</a></li> <li><a href="#">Kontak</a><...

setelah mengenal struktur dasar HTML, sekarang kita akan mengenal beberapa atribut baru di HTML 5, berupa : header, nav, main, article, section, aside dan footer <!DOCTYPE html> <html> <head> <title>Belajar HTML5</title> <meta charset="utf-8"> <style> body{ font-family: Verdana, sans-serif; font-size: 12px; } header, nav, main, aside, footer { border: 1px solid grey; margin: 5px; padding: 5px; } main{ float: left; width: 60%; } aside{ float: left; width: 30%; } footer{ clear: both; } </style> </head> <body> <header> <h1>Belajar WEB</h1> <h2>bersama Muhammad Mufti Ramdhani</h2> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Profil</a></li> <li><a href="#...

hello, temen2 semua... kali ini kita akan belajar bagaimana membangun sebuah web dari 0 tentunya ilmu yang pertama kali akan kita pelajari adalah strukdur dasar HTML. bagaimana strukturnya yuk kita lihat kodingannya <html> <head> <title>Belajar struktrur dasar HTML</title> <style> body{ font-family: Verdana, sans-serif; font-size: 12px; } #header, #nav, #main-content, #sidebar-content, #footer { border: 1px solid grey; margin: 5px; padding: 5px; } #main-content{ float: left; width: 60%; } #sidebar-content{ float: left; width: 30%; } #footer{ clear: both; } </style> </head> <body> <div id="header"> <h1>Belajar WEB</h1> <h2>bersama Muhammad Mufti Ramdhani</h2> </div> <div id="nav"> <ul> <li><a href="#">Home</a></li> <li>...