Langsung ke konten utama

Belajar HTML5



oke gengs,,,setelah kemarin sempat upload belajar php sekarang saya kembali membuat tutorial sederhana nih, yaitu belajar HTML5,,,

Apa Sih itu HTML5???

HTML5 adalah sebuah bahasa markas untuk menstrukturkan dan menampilkan isi dari waring wera wenua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya yaitu HTML4 pada tahun 1997) dan hingga bulan juni 2011 masih dalam pengembangan. lebih jelasnya bisa kunjungi https://id.wikipedia.org/wiki/HTML5

jadi sebelum itu kita persiapkan dulu software atau editornya nih teman-teman, saya menggunakan sublime text bisa didownload di www.sublimetext.com.
kalian juga bisa menggunakan editor lain nih, seperti: notepad++, adobe DreamWeaver, atom dan masih banyak lagi yang lainnya.

kita mulai saja tutorialnya dari yang paling dasar yukkzzzz😊

Contoh sederhana halaman html

Hasilnya:
DASAR-DASAR HTML

1. Tipe dokumen html


2. header <head>


3. Membuat Judul Halaman


Elemen judul halaman html diawali dengan <title>. Elemen<title> ini akan muncul pada judul jendela halaman html.

4. Membuat Tubuh Halaman

Tubuh halaman adalah apa-apa yang akan ditampilkan oleh browser. Semuanya berada didalam tag <body> yang isinya dari tubuh halaman web.


5. Membuat Judul artikel


Untuk judul artikel atau untuk sub judul gunakan tag <h1>sampai<h6>.

6. Memasukkan Gambar


Untuk memasukkan gambar kedalam halaman html kamu bisa gunakan tag <img>.

sekarang kita coba sintak-sintak diatas ya, hasilnya sebagai berikut:


Output: 
Selamat mencoba dan semoga sukses ya,,,😊😊😊😊

Komentar

Postingan populer dari blog ini

Form LOGIN dengan CSS & Bootstrap

Form Login, biasanya digunakan untuk membatasi hak akses bagi user untuk melihat dan berinteraksi dengan data. Tutorian kali ini akan membahas tentang bagaimana membuat form Login sederhana dengan CSS dan Bootstrap. Hal-hal yang dibutuhkan sebagai berikut: Text Editor , kalian bisa menggunakan Atom, notepad++, sublime, atau IDE netbeand. Tapi tutorial kali ini saya akan menggunakan sublime. Browser : Chrome, Firefox, IE atau Safari. XAMPP Bahasa Pemrograman: HTML5                                                                                 Tampilan Form Login Sederhana Pastikan xampp: apache distart. Buat folder baru dengan nama login didirektori C:\xampp\htdocs.                             ...

PHP Daftar Pemesanan Hardware Komputer

Program Pemesanan Hardware Komputer dengan PHP dan HTML //Inisialisasi variable yang digunakan  //nama peralatan  $mainboad ="Mainboard";  $processor ="Processor";  $ram = "Ram";  $hardisk = "Hardisk";  //harga perunit peralatan  $harga_mainboard = $_POST['harga_mainboard'];  $harga_processor = $_POST['harga_processor'];  $harga_ram = $_POST['harga_ram'];  $harga_hardisk = $_POST['harga_hardisk'];  //jumlah peralatan yang ada  $jumlah_mainboard = $_POST['jumlah_mainboard'];  $jumlah_processor = $_POST['jumlah_processor'];  $jumlah_ram = $_POST['jumlah_ram'];  $jumlah_hardisk = $_POST['jumlah_hardisk'];  //total harga per jenis peralatan  $total_mainboard = $jumlah_mainboard * $harga_mainboard;  $total_processor = $jumlah_processor * $harga_processor;  $total_ram = $jumlah_ram * $harga_ram;  $total_hardisk = $jumlah_hardisk * $harga_hardisk;  //hitung peralat...

Algoritma Pseudocode, Flowchart

Pseudocode 1. Mulai 2. Masukkan Username dan Password 3. Proses cek user 4. jika berhasil login maka akan masuk ke menu user tetapi jika gagal akan mengulang untuk memasukkan user dan pass. 5. jika gagal lebih dari 3 kali maka akan diblokir 6. selesai. Flowchart