This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Rabu, 29 April 2015

Cara Mendapatkan Start Menu Windows 7 di Windows 10

By 


Tag Html dan Fungsinya
Basic
<!DOCTYPE>=> Tag untuk menentukan tipe dokumen
<html>           => Tag untuk membuat sebuah dokumen HTML
<title>            =>Tag untuk membuat judul dari sebuah halaman
<body>           =>Tag untuk membuat tubuh dari sebuah halaman
<h1> to <h6>  =>Tag untuk membuat heading
<p>                  =>Tag untuk membuat paragraf
<br>                =>Memasukan satu baris putus
<hr>                =>Tag untuk membuat perubahan dasar kata didalam isi
<!--...-->          =>Tag untuk membuat komentar
Formatting
<acronym>      =>Tag untuk membuat sebuah akronim (tidak disupport lagi di HTML5)
<abbr>             =>Tag untuk membuat sebuah singkatan
<address>       =>Tag untuk membuat kontak alamat
<b>                  =>Tag untuk membuat huruf bercetak tebal
<bdi>              =>Mengisolasi bagian dari teks yang dapat diformat dalam arah yang berbeda dari     teks lain di luarnya (tag baru HTML5)
<bdo>                         =>Mengganti arah teks
<big>               =>Tag untuk membuat text berhuruf besar (tidak disupport lagi di HTML5)
<blockquote> =>Tag untuk membuat sebuah bagian text yang dikutip dari sumber lain
<center>          =>Tag untuk membuat jajaran teks menjadi ditengah (tidak disupport lagi di HTML5)
<cite>              =>Tag untuk membuat judul karya
<code>            => Tag untuk membuat potongan kode komputer di antara text
<del>               =>Tag untuk membuat teks yang telah dihapus dari dokumen
<dfn>              => Tag untuk membuat sebuah istilah definisi
<em>               =>Tag untuk membuat penekanan teks (tidak disupport lagi di HTML5)
<font>             => Tag untuk membuat font, warna, dan ukuran untuk teks (tidak disupport lagi di HTML5)
<i>                   => Tag untuk membuat sebuah bagian dari teks yang disesuaikan dengan mood
<ins>               => Tag untuk membuat teks yang telah dimasukkan ke dalam dokumen
<kbd>                         =>Tag untuk membuat input keyboard
<mark>            =>Tag untuk membuat teks yang disorot / ditandai (tag baru HTML5)
<meter>           => Tag untuk membuat pengukuran skalar
<pre>               => Tag untuk membuat teks terformat
<progress>      => Memperlihatkan kemajuan tugas (tag baru HTML5)
<q>                  => Tag untuk membuat kutipan pendek
<rp>                => Tag untuk membuat apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby (tag baru HTML5)
<rt>                 =>Tag untuk membuat sebuah anotasi / pengucapan karakter (untuk tipografi Asia Timur)
<ruby>            =>Tag untuk membuat sebuah anotasi ruby (untuk tipografi Asia Timur) (tag baru HTML5)
<s>                  =>Tag untuk membuat teks yang tidak lagi benar
<samp>           => Tag untuk membuat contoh keluaran dari program komputer
<small>           => Tag untuk membuat teks kecil
<strike>           => Tag untuk membuat teks yang di coret tengah (tidak disupport lagi di HTML5)
<strong>          => Tag untuk membuat teks penting
<sub>              => Tag untuk membuat teks subskrip (seperti dalam penulisan Jat Kimia)
<sup>              => Tag untuk membuat teks superscripted (seperti dalam penulisan akar kuadrat)
<time>             => Tag untuk membuat tanggal / waktu (tag baru HTML5)
<tt>                 => Tag untuk membuat teks teletype (tidak disupport lagi di HTML5)
<u>                  => Tag untuk membuat teks yang memiliki Gaya yang berbeda dari teks biasa lainnya
<var>               => Tag untuk membuat sebuah variabel
<wbr>                         =>Tag untuk membuat kemungkinan garis-putus
Forms
<form>            => Tag untuk membuat sebuah form HTML untuk input pengguna
<input>           => Tag untuk membuat sebuah kontrol input
<textarea>       =>Tag untuk membuat sebuah kontrol input multibaris (text area)
<button>         => untuk membuat sebuah tombol yang dapat diklik
<select>           => Tag untuk membuat sebuah daftar drop-down
<optgroup>     => Tag untuk membuat sebuah kelompok pilihan yang terkait dalam daftar drop-down
<option>         => Tag untuk membuat pilihan dalam daftar drop-down
<label>            =>Tag untuk membuat sebuah label untuk sebuah elemen <input>
<fieldset>        => Grup unsur terkait dalam bentuk
<legend>         => Tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, < figure>, atau <details>
<datalist>        => Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input (tag baru HTML5)
<keygen>        => Tag untuk membuat key-pair generator kolom input (tag baru HTML5)
<output>         => Tag untuk membuat hasil penghitungan (tag baru HTML5)
Frames
<frame>          => Tag untuk membuat sebuah window (bingkai) dalam sebuah frameset (tidak disupport lagi di HTML5)
<frameset>      => Tag untuk membuat satu set bingkai (tidak disupport lagi di HTML5)
<noframes>     => Tag untuk membuat sebuah konten alternatif untuk pengguna yang tidak mendukung frame (tidak disupport lagi di HTML5)
<iframe>         => Tag untuk membuat sebuah bingkai
Images
<img>              =>Tag untuk membuat gambar
<map>             => Tag untuk membuat gambar-peta
<area>             =>Tag untuk membuat area dalam gambar-peta
<canvas>         =>Digunakan untuk menggambar grafik, melalui scripting (JavaScript ) (tag baru HTML5)
<figcaption>   => Tag untuk membuat sebuah caption untuk elemen
<figure>          => (tag baru HTML5)
<figure>          => Menentukan konten mandiri (tag baru HTML5)
Audio/Video
<audio>           => Tag untuk membuat isi suara (tag baru HTML5)
<source>         => Tag untuk membuat sumber beberapa media untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<track>            => Tag untuk membuat trek teks untuk elemen media
(<video> dan <audio>)=> (tag baru HTML5)
<video>           =>Tag untuk membuat sebuah video atau film (tag baru HTML5)
Links
<a>                  =>Tag untuk membuat hyperlink
<link>              => Tag untuk membuat hubungan antara dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke style sheet)
<nav>              => Tag untuk membuat navigasi link (tag baru HTML5)
Lists
<ul>                 =>Tag untuk membuat daftar dengan selain nomor
<ol>                 =>Tag untuk membuat daftar dengan nomor
<li>                  => Tag untuk membuat sebuah item daftar
<dir>               => Tag untuk membuat sebuah daftar direktori (tidak disupport lagi di HTML5)
<dl>                => Tag untuk membuat sebuah daftar definisi
<dt>                => Tag untuk membuat istilah (item) dalam daftar definisi
<dd>               => Defines a description of an item in a definition list
<menu>           => Tag untuk membuat deskripsi dari item dalam daftar definisi
<command>    => Tag untuk membuat sebuah tombol perintah bahwa seorang pengguna dapat meminta (tag baru HTML5)
Tables
<table>            => Tag untuk membuat tabel
<caption>        => Tag untuk membuat sebuah caption tabel
<th>                => Tag untuk membuat sebuah sel header tabel
<tr>                 =>Tag untuk membuat baris dalam sebuah tabel
<td>                =>Tag untuk membuat sel dalam sebuah tabel
<thead>           =>Mengelompokan isi header dalam sebuah tabel
<tbody>          => Mengelompokanisi tubuh dalam sebuah tabel
<tfoot>            => Mengelompokan isi footer dalam sebuah tabel
<col>               =>Menentukan properti kolom untuk setiap kolom dalam elemen <colgroup>
<colgroup>      => Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat
Style/Sections
<style>            => Tag untuk membuat informasi style untuk dokumen
<div>              => Tag untuk membuat sebuah bagian dalam dokumen
<span>                        => Tag untuk membuat sebuah bagian dalam dokumen
<header>         => Tag untuk membuat sebuah header untuk dokumen atau bagian (tag baru HTML5)
<footer>          => Tag untuk membuat footer untuk dokumen atau bagian (tag baru HTML5)
<hgroup>        => Pengelompokan elemen heading (<h1> sampai <h6>) (tag baru HTML5)
<section>        => Tag untuk membuat bagian dalam dokumen (tag baru
HTML5)
<article>          =>Tag untuk membuat sebuah artikel (tag baru HTML5)
<aside>           => Tag untuk membuat konten lain selain dari konten halaman (tag baru HTML5)
<details>         => Tag untuk membuat rincian tambahan yang pengguna dapat lihat atau sembunyikan (tag baru HTML5)
<dialog>          => Tag untuk membuat sebuah kotak dialog atau jendela (tag baru HTML5)
<summary>     => Tag untuk membuat sebuah judul terlihat untuk elemen <detil> (tag baru HTML5)
Meta Info
<head>            => Tag untuk membuat informasi tentang dokumen
<meta>            => Tag untuk membuat metadata tentang dokumen HTML
<base>             => Menentukan URL dasar / target untuk semua URL relatif dalam dokumen
<basefont>      => Menentukan standar warna, ukuran, dan font untuk semua teks dalam dokumen (tidak disupport lagi di
HTML5)
Programming
<script>           => Tag untuk membuat script di sisi klien
<noscript>       => Tag untuk membuat sebuah konten alternatif bagi pengguna yang tidak mendukung script di sisi klien
<applet>          => Tag untuk membuat sebuah java applet yang ditanam (tidak disupport lagi di HTML5)
<embed>         => Tag untuk membuat sebuah wadah untuk aplikasi eksternal (non-HTML) (tag baru HTML5)
<object>          => Tag untuk membuat sebuah objek yang ditanam
<param>          => Tag untuk membuat sebuah parameter untuk objek
Read More

Mengubah Start Menu Windows 10 Menjadi Windows 7

By 
Pengenalan HTML 5

HTML (HyperText Mark up Language) merupakansuatu metoda untuk mengimplementasikankonsep hypertext dalam suatu naskah atau dokumen.HTML sendiri bukan tergolong pada suatubahasa pemrograman karena sifatnya yang hanyamemberikan tanda (marking up) pada suatu naskah teksdan bukan sebagai program.
Berdasarkan kata-kata penyusunnya HTML dapatdiartikan lebih dalam lagi menjadi :
Hypertext
Link hypertext adalah kata atau frase yang dapatmenunjukkan hubungan suatu naskah dokumendengan naskah-naskah lainnya. Jika kita klik pada kataatau frase untuk mengikuti link ini maka web browserakan memindahkan tampilan pada bagian lain darinaskah atau dokumen yang kita tuju.
Markup
Pada pengertiannya di sini markup menunjukkan bahwapada file HTML berisi suatu intruksitertentu yang dapat memberikan suatu format padadokumen yang akan ditampilkan pada WorldWide Web.
Language
Meski HTML sendiri bukan merupakan bahasapemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untukmengubah-ubah format suatu naskah atau dokumen.Pada awalnya HTML dikembangkan sebagai subsetSGML (Standard Generalized Mark-upLanguage). Karena HTML didedikasikan untukditransmisikan melalui media Internet, maka HTMLrelatif lebih sederhana daripada SGML yang lebihditekankan pada format dokumen yangberorientasi pada aplikasi.Penggunaan HTML memungkinkan kita untukmemodifikasi tampilan atau format dokumen yang akankita transmisikan melalui media Internet. Beberapahal yang dapat dilakukan dalam menentukan formatdokumen ini adalah :
• Kita dapat menampilkan suatu kelompok kata dalambeberapa ukuran yang dapat digunakan untuk judul,heading dan sebagainya.
• Kita dapat menampilkan teks dalam bentuk cetakantebal
• Kita dapat menampilkan sekelompok kata dalambentuk miring
• Kita dapat menampilkan naskah dalam bentuk hurufyang mirip dengan hasil ketikan mesin ketik
• Kita dapat mengubah-ubah ukuran font untuk suatu karakter tertentu.

Fitur-fitur Tambahan Html 5
HTML5 Canvas
Untuk memberikan suatu 'interaksi' pada website yang kita miliki, misalnya Flash atau Java. Hal ini akan diganti oleh elemen <canvas> pada HTML5 sebagai canvas WEB – kertas yang bias dicoreti sesuai imajinasi – atau dalam hal lain, Canvas memungkinkan untuk bereksperimen lebih pada HTML5.
Audio dan Video
Di HTML5 akan ada tag khusus untuk audio dan video file. Tag tersebut adalah <audio> dan <video> yang berfungsi untuk menyisipkan file audio dan video. Berbeda dengan versi HTML pendahulunya yang harus menyisipkan flash untuk memutar audio/video, HTML5 akan dengan mudah menyisipkan file multimedia tersebut ke dalam webnya.
Local Storage
Berfungsi sebagai pengganti cache sebagai media penyimpanan history halaman web. Local Storage memungkinkan web untuk menyimpan data cache lebih besar di storage local-nya daripada cache pada browser biasa.
Web Workers
Seringkali kita menemukan jika halaman web yang memiliki banyak Javascript membuat browser melambat dan komputer nge-hang. Tetapi dengan adanya Web Workers memungkinkan halaman web untuk memproses Javascript yang mereka miliki dengan respon yang lebih cepat dan multitasking.
Semantics
Ini adalah fitur yang paling menawan untuk web designer. Para web designer yang suka sekali memainkan elemen div, nav, dan lainnya, akan di-stop fitur Semantics dalam HTML5. Semantics akan menjadi masa depan bagi para tetua tag layout dan format. Pastinya web akan menjadi lebih dinamis dan menarik akibat fitur ini.
YANG PERLU DIKETAHUI TENTANG
HTML5
1.    DOCTYPE
DOCTYPE ditulis sebelum tag <html>. Fungsi dari DOCTYPE adalah memberitahukan kebrowser bahwa  tipe dokumen yang digunakan adalah HTML. Dalam dokumen HTML versi sebelumnya DOCTYPE dituliskan dengan : <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/ loose.dtd”> Sedangkan dalam HTML5 DOCTYPE Cuma ditulis : <!DOCTYPE HTML>
2.    Tidak adanya Type pada script dan link
source code yg baru :
 <link rel=”stylesheet” href=”path/to/ stylesheet.css” /> <script src=”path/to/cript.js”></script> source code yg lama : <link rel=”stylesheet” href=”path/to/stylesheet.css” type=”text/css”  /> <script type=”text/javascript” src=”path/to/ cript.js”></script>
3.   Attribute Required
Form mempunyai fitur baru yaitu required attribute, yang akan mengecek isi dari sebuah input text apakah kosong atau tidak saat di-submit. Jika kosong maka form tidak akan di-submit. <input type=”text” name=”someinput” required>
4.    Mendukung audio
HTML 5 mengenalkan <audio> element sudah mendukung penuh terhadap penggunaan audio pada  halaman web. Penggunaannya seperti kode dibawah
    <audio autoplay=”autoplay” controls=”controls”>  <source src=”music.mp3” />
    Unduh File ini.
    </audio>
9.          Mendukung video
Dan hebatnya lagi HTML juga mengenalkan <video> element. Tapi karena codec format video tidak semua browser mendukung, jadi video yang bias diputar tergantung dari browser. Penggunaannya seperti kode dibawah :
    <video controls preload> <source src=”contohvideo.ogv” type=”video/ogg; codecs=’vorbis, theora’” /> <source src=”contohvideo.mp$” type=”video/mp4; ‘codecs=’avc1.42E01E, mp4a.40.2’” /> <p> Browser tidak mendukung, <a hreh=”contohvideo.mp4>
Silahkan unduh video.</a> </p>
</video>
Tag-tag baru yang letaknya didalam <body>
<header>
    <div id="header">
Didalam <header> ini bisa kita isi macam-macam, misallogo, navigasi, heading dan lain-lain. Bahkan diisi <div>pun tidak masalah.
<hgroup>
 Jika kita memiliki satu atau lebih dari satu heading berurutan <h1> - <h6> maka kita bias mengelompokkannya dengan <hgroup>.
<nav>
<nav> digunakan untuk ngelink kehalaman-halaman utama dari website atau bagian dari halaman itu sendiri. Kalau untuk paging, Social Networking atau list-list yang lain yang menggunakan <ul> nggak perlu dikasih <nav>.
<section>, <article> dan <time>
Sesuai namanya <article> digunakan untuk membungkus teks artikel atau teks utama dalam halaman web. Apabila kita memiliki list atau daftar <article>, missal blog, maka kita perlu membungkusnya dengan <section> jika ada elemen lain yang bukan <article> dan menerangkan tentang <article>.
<time>
digunakan untuk menunjukan waktu, biasanya digunakan untuk menunjukkan waktu publish artikel, komentar, forum dan lain sebagainya. <time>memiliki atribut datetime yang berisi waktu bisa dalam format yyyy-mm-dd atau jam seperti 19:00.
<figure> dan <figcaption>
<figure> digunakan sebagai pembungkus untuk tag <img>. Tetapi tidak selalu semua tag<img> kita bungkus dengan <figure>, hanya gambar-gambar yang utama saja atau gambar-gambar yang ingin kita beri label. Nah kita memberi labelnya dengan <figcaption>.
<aside>
            <aside> digunakan sebagai sidebar pada website.
<footer>
<footer> diletakkan dibagian bawah website

Read More

Rabu, 29 April 2015

Cara Mendapatkan Start Menu Windows 7 di Windows 10



Tag Html dan Fungsinya
Basic
<!DOCTYPE>=> Tag untuk menentukan tipe dokumen
<html>           => Tag untuk membuat sebuah dokumen HTML
<title>            =>Tag untuk membuat judul dari sebuah halaman
<body>           =>Tag untuk membuat tubuh dari sebuah halaman
<h1> to <h6>  =>Tag untuk membuat heading
<p>                  =>Tag untuk membuat paragraf
<br>                =>Memasukan satu baris putus
<hr>                =>Tag untuk membuat perubahan dasar kata didalam isi
<!--...-->          =>Tag untuk membuat komentar
Formatting
<acronym>      =>Tag untuk membuat sebuah akronim (tidak disupport lagi di HTML5)
<abbr>             =>Tag untuk membuat sebuah singkatan
<address>       =>Tag untuk membuat kontak alamat
<b>                  =>Tag untuk membuat huruf bercetak tebal
<bdi>              =>Mengisolasi bagian dari teks yang dapat diformat dalam arah yang berbeda dari     teks lain di luarnya (tag baru HTML5)
<bdo>                         =>Mengganti arah teks
<big>               =>Tag untuk membuat text berhuruf besar (tidak disupport lagi di HTML5)
<blockquote> =>Tag untuk membuat sebuah bagian text yang dikutip dari sumber lain
<center>          =>Tag untuk membuat jajaran teks menjadi ditengah (tidak disupport lagi di HTML5)
<cite>              =>Tag untuk membuat judul karya
<code>            => Tag untuk membuat potongan kode komputer di antara text
<del>               =>Tag untuk membuat teks yang telah dihapus dari dokumen
<dfn>              => Tag untuk membuat sebuah istilah definisi
<em>               =>Tag untuk membuat penekanan teks (tidak disupport lagi di HTML5)
<font>             => Tag untuk membuat font, warna, dan ukuran untuk teks (tidak disupport lagi di HTML5)
<i>                   => Tag untuk membuat sebuah bagian dari teks yang disesuaikan dengan mood
<ins>               => Tag untuk membuat teks yang telah dimasukkan ke dalam dokumen
<kbd>                         =>Tag untuk membuat input keyboard
<mark>            =>Tag untuk membuat teks yang disorot / ditandai (tag baru HTML5)
<meter>           => Tag untuk membuat pengukuran skalar
<pre>               => Tag untuk membuat teks terformat
<progress>      => Memperlihatkan kemajuan tugas (tag baru HTML5)
<q>                  => Tag untuk membuat kutipan pendek
<rp>                => Tag untuk membuat apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby (tag baru HTML5)
<rt>                 =>Tag untuk membuat sebuah anotasi / pengucapan karakter (untuk tipografi Asia Timur)
<ruby>            =>Tag untuk membuat sebuah anotasi ruby (untuk tipografi Asia Timur) (tag baru HTML5)
<s>                  =>Tag untuk membuat teks yang tidak lagi benar
<samp>           => Tag untuk membuat contoh keluaran dari program komputer
<small>           => Tag untuk membuat teks kecil
<strike>           => Tag untuk membuat teks yang di coret tengah (tidak disupport lagi di HTML5)
<strong>          => Tag untuk membuat teks penting
<sub>              => Tag untuk membuat teks subskrip (seperti dalam penulisan Jat Kimia)
<sup>              => Tag untuk membuat teks superscripted (seperti dalam penulisan akar kuadrat)
<time>             => Tag untuk membuat tanggal / waktu (tag baru HTML5)
<tt>                 => Tag untuk membuat teks teletype (tidak disupport lagi di HTML5)
<u>                  => Tag untuk membuat teks yang memiliki Gaya yang berbeda dari teks biasa lainnya
<var>               => Tag untuk membuat sebuah variabel
<wbr>                         =>Tag untuk membuat kemungkinan garis-putus
Forms
<form>            => Tag untuk membuat sebuah form HTML untuk input pengguna
<input>           => Tag untuk membuat sebuah kontrol input
<textarea>       =>Tag untuk membuat sebuah kontrol input multibaris (text area)
<button>         => untuk membuat sebuah tombol yang dapat diklik
<select>           => Tag untuk membuat sebuah daftar drop-down
<optgroup>     => Tag untuk membuat sebuah kelompok pilihan yang terkait dalam daftar drop-down
<option>         => Tag untuk membuat pilihan dalam daftar drop-down
<label>            =>Tag untuk membuat sebuah label untuk sebuah elemen <input>
<fieldset>        => Grup unsur terkait dalam bentuk
<legend>         => Tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, < figure>, atau <details>
<datalist>        => Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input (tag baru HTML5)
<keygen>        => Tag untuk membuat key-pair generator kolom input (tag baru HTML5)
<output>         => Tag untuk membuat hasil penghitungan (tag baru HTML5)
Frames
<frame>          => Tag untuk membuat sebuah window (bingkai) dalam sebuah frameset (tidak disupport lagi di HTML5)
<frameset>      => Tag untuk membuat satu set bingkai (tidak disupport lagi di HTML5)
<noframes>     => Tag untuk membuat sebuah konten alternatif untuk pengguna yang tidak mendukung frame (tidak disupport lagi di HTML5)
<iframe>         => Tag untuk membuat sebuah bingkai
Images
<img>              =>Tag untuk membuat gambar
<map>             => Tag untuk membuat gambar-peta
<area>             =>Tag untuk membuat area dalam gambar-peta
<canvas>         =>Digunakan untuk menggambar grafik, melalui scripting (JavaScript ) (tag baru HTML5)
<figcaption>   => Tag untuk membuat sebuah caption untuk elemen
<figure>          => (tag baru HTML5)
<figure>          => Menentukan konten mandiri (tag baru HTML5)
Audio/Video
<audio>           => Tag untuk membuat isi suara (tag baru HTML5)
<source>         => Tag untuk membuat sumber beberapa media untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<track>            => Tag untuk membuat trek teks untuk elemen media
(<video> dan <audio>)=> (tag baru HTML5)
<video>           =>Tag untuk membuat sebuah video atau film (tag baru HTML5)
Links
<a>                  =>Tag untuk membuat hyperlink
<link>              => Tag untuk membuat hubungan antara dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke style sheet)
<nav>              => Tag untuk membuat navigasi link (tag baru HTML5)
Lists
<ul>                 =>Tag untuk membuat daftar dengan selain nomor
<ol>                 =>Tag untuk membuat daftar dengan nomor
<li>                  => Tag untuk membuat sebuah item daftar
<dir>               => Tag untuk membuat sebuah daftar direktori (tidak disupport lagi di HTML5)
<dl>                => Tag untuk membuat sebuah daftar definisi
<dt>                => Tag untuk membuat istilah (item) dalam daftar definisi
<dd>               => Defines a description of an item in a definition list
<menu>           => Tag untuk membuat deskripsi dari item dalam daftar definisi
<command>    => Tag untuk membuat sebuah tombol perintah bahwa seorang pengguna dapat meminta (tag baru HTML5)
Tables
<table>            => Tag untuk membuat tabel
<caption>        => Tag untuk membuat sebuah caption tabel
<th>                => Tag untuk membuat sebuah sel header tabel
<tr>                 =>Tag untuk membuat baris dalam sebuah tabel
<td>                =>Tag untuk membuat sel dalam sebuah tabel
<thead>           =>Mengelompokan isi header dalam sebuah tabel
<tbody>          => Mengelompokanisi tubuh dalam sebuah tabel
<tfoot>            => Mengelompokan isi footer dalam sebuah tabel
<col>               =>Menentukan properti kolom untuk setiap kolom dalam elemen <colgroup>
<colgroup>      => Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat
Style/Sections
<style>            => Tag untuk membuat informasi style untuk dokumen
<div>              => Tag untuk membuat sebuah bagian dalam dokumen
<span>                        => Tag untuk membuat sebuah bagian dalam dokumen
<header>         => Tag untuk membuat sebuah header untuk dokumen atau bagian (tag baru HTML5)
<footer>          => Tag untuk membuat footer untuk dokumen atau bagian (tag baru HTML5)
<hgroup>        => Pengelompokan elemen heading (<h1> sampai <h6>) (tag baru HTML5)
<section>        => Tag untuk membuat bagian dalam dokumen (tag baru
HTML5)
<article>          =>Tag untuk membuat sebuah artikel (tag baru HTML5)
<aside>           => Tag untuk membuat konten lain selain dari konten halaman (tag baru HTML5)
<details>         => Tag untuk membuat rincian tambahan yang pengguna dapat lihat atau sembunyikan (tag baru HTML5)
<dialog>          => Tag untuk membuat sebuah kotak dialog atau jendela (tag baru HTML5)
<summary>     => Tag untuk membuat sebuah judul terlihat untuk elemen <detil> (tag baru HTML5)
Meta Info
<head>            => Tag untuk membuat informasi tentang dokumen
<meta>            => Tag untuk membuat metadata tentang dokumen HTML
<base>             => Menentukan URL dasar / target untuk semua URL relatif dalam dokumen
<basefont>      => Menentukan standar warna, ukuran, dan font untuk semua teks dalam dokumen (tidak disupport lagi di
HTML5)
Programming
<script>           => Tag untuk membuat script di sisi klien
<noscript>       => Tag untuk membuat sebuah konten alternatif bagi pengguna yang tidak mendukung script di sisi klien
<applet>          => Tag untuk membuat sebuah java applet yang ditanam (tidak disupport lagi di HTML5)
<embed>         => Tag untuk membuat sebuah wadah untuk aplikasi eksternal (non-HTML) (tag baru HTML5)
<object>          => Tag untuk membuat sebuah objek yang ditanam
<param>          => Tag untuk membuat sebuah parameter untuk objek
Diposting oleh di Tidak ada komentar:

Mengubah Start Menu Windows 10 Menjadi Windows 7

Pengenalan HTML 5

HTML (HyperText Mark up Language) merupakansuatu metoda untuk mengimplementasikankonsep hypertext dalam suatu naskah atau dokumen.HTML sendiri bukan tergolong pada suatubahasa pemrograman karena sifatnya yang hanyamemberikan tanda (marking up) pada suatu naskah teksdan bukan sebagai program.
Berdasarkan kata-kata penyusunnya HTML dapatdiartikan lebih dalam lagi menjadi :
Hypertext
Link hypertext adalah kata atau frase yang dapatmenunjukkan hubungan suatu naskah dokumendengan naskah-naskah lainnya. Jika kita klik pada kataatau frase untuk mengikuti link ini maka web browserakan memindahkan tampilan pada bagian lain darinaskah atau dokumen yang kita tuju.
Markup
Pada pengertiannya di sini markup menunjukkan bahwapada file HTML berisi suatu intruksitertentu yang dapat memberikan suatu format padadokumen yang akan ditampilkan pada WorldWide Web.
Language
Meski HTML sendiri bukan merupakan bahasapemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untukmengubah-ubah format suatu naskah atau dokumen.Pada awalnya HTML dikembangkan sebagai subsetSGML (Standard Generalized Mark-upLanguage). Karena HTML didedikasikan untukditransmisikan melalui media Internet, maka HTMLrelatif lebih sederhana daripada SGML yang lebihditekankan pada format dokumen yangberorientasi pada aplikasi.Penggunaan HTML memungkinkan kita untukmemodifikasi tampilan atau format dokumen yang akankita transmisikan melalui media Internet. Beberapahal yang dapat dilakukan dalam menentukan formatdokumen ini adalah :
• Kita dapat menampilkan suatu kelompok kata dalambeberapa ukuran yang dapat digunakan untuk judul,heading dan sebagainya.
• Kita dapat menampilkan teks dalam bentuk cetakantebal
• Kita dapat menampilkan sekelompok kata dalambentuk miring
• Kita dapat menampilkan naskah dalam bentuk hurufyang mirip dengan hasil ketikan mesin ketik
• Kita dapat mengubah-ubah ukuran font untuk suatu karakter tertentu.

Fitur-fitur Tambahan Html 5
HTML5 Canvas
Untuk memberikan suatu 'interaksi' pada website yang kita miliki, misalnya Flash atau Java. Hal ini akan diganti oleh elemen <canvas> pada HTML5 sebagai canvas WEB – kertas yang bias dicoreti sesuai imajinasi – atau dalam hal lain, Canvas memungkinkan untuk bereksperimen lebih pada HTML5.
Audio dan Video
Di HTML5 akan ada tag khusus untuk audio dan video file. Tag tersebut adalah <audio> dan <video> yang berfungsi untuk menyisipkan file audio dan video. Berbeda dengan versi HTML pendahulunya yang harus menyisipkan flash untuk memutar audio/video, HTML5 akan dengan mudah menyisipkan file multimedia tersebut ke dalam webnya.
Local Storage
Berfungsi sebagai pengganti cache sebagai media penyimpanan history halaman web. Local Storage memungkinkan web untuk menyimpan data cache lebih besar di storage local-nya daripada cache pada browser biasa.
Web Workers
Seringkali kita menemukan jika halaman web yang memiliki banyak Javascript membuat browser melambat dan komputer nge-hang. Tetapi dengan adanya Web Workers memungkinkan halaman web untuk memproses Javascript yang mereka miliki dengan respon yang lebih cepat dan multitasking.
Semantics
Ini adalah fitur yang paling menawan untuk web designer. Para web designer yang suka sekali memainkan elemen div, nav, dan lainnya, akan di-stop fitur Semantics dalam HTML5. Semantics akan menjadi masa depan bagi para tetua tag layout dan format. Pastinya web akan menjadi lebih dinamis dan menarik akibat fitur ini.
YANG PERLU DIKETAHUI TENTANG
HTML5
1.    DOCTYPE
DOCTYPE ditulis sebelum tag <html>. Fungsi dari DOCTYPE adalah memberitahukan kebrowser bahwa  tipe dokumen yang digunakan adalah HTML. Dalam dokumen HTML versi sebelumnya DOCTYPE dituliskan dengan : <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/ loose.dtd”> Sedangkan dalam HTML5 DOCTYPE Cuma ditulis : <!DOCTYPE HTML>
2.    Tidak adanya Type pada script dan link
source code yg baru :
 <link rel=”stylesheet” href=”path/to/ stylesheet.css” /> <script src=”path/to/cript.js”></script> source code yg lama : <link rel=”stylesheet” href=”path/to/stylesheet.css” type=”text/css”  /> <script type=”text/javascript” src=”path/to/ cript.js”></script>
3.   Attribute Required
Form mempunyai fitur baru yaitu required attribute, yang akan mengecek isi dari sebuah input text apakah kosong atau tidak saat di-submit. Jika kosong maka form tidak akan di-submit. <input type=”text” name=”someinput” required>
4.    Mendukung audio
HTML 5 mengenalkan <audio> element sudah mendukung penuh terhadap penggunaan audio pada  halaman web. Penggunaannya seperti kode dibawah
    <audio autoplay=”autoplay” controls=”controls”>  <source src=”music.mp3” />
    Unduh File ini.
    </audio>
9.          Mendukung video
Dan hebatnya lagi HTML juga mengenalkan <video> element. Tapi karena codec format video tidak semua browser mendukung, jadi video yang bias diputar tergantung dari browser. Penggunaannya seperti kode dibawah :
    <video controls preload> <source src=”contohvideo.ogv” type=”video/ogg; codecs=’vorbis, theora’” /> <source src=”contohvideo.mp$” type=”video/mp4; ‘codecs=’avc1.42E01E, mp4a.40.2’” /> <p> Browser tidak mendukung, <a hreh=”contohvideo.mp4>
Silahkan unduh video.</a> </p>
</video>
Tag-tag baru yang letaknya didalam <body>
<header>
    <div id="header">
Didalam <header> ini bisa kita isi macam-macam, misallogo, navigasi, heading dan lain-lain. Bahkan diisi <div>pun tidak masalah.
<hgroup>
 Jika kita memiliki satu atau lebih dari satu heading berurutan <h1> - <h6> maka kita bias mengelompokkannya dengan <hgroup>.
<nav>
<nav> digunakan untuk ngelink kehalaman-halaman utama dari website atau bagian dari halaman itu sendiri. Kalau untuk paging, Social Networking atau list-list yang lain yang menggunakan <ul> nggak perlu dikasih <nav>.
<section>, <article> dan <time>
Sesuai namanya <article> digunakan untuk membungkus teks artikel atau teks utama dalam halaman web. Apabila kita memiliki list atau daftar <article>, missal blog, maka kita perlu membungkusnya dengan <section> jika ada elemen lain yang bukan <article> dan menerangkan tentang <article>.
<time>
digunakan untuk menunjukan waktu, biasanya digunakan untuk menunjukkan waktu publish artikel, komentar, forum dan lain sebagainya. <time>memiliki atribut datetime yang berisi waktu bisa dalam format yyyy-mm-dd atau jam seperti 19:00.
<figure> dan <figcaption>
<figure> digunakan sebagai pembungkus untuk tag <img>. Tetapi tidak selalu semua tag<img> kita bungkus dengan <figure>, hanya gambar-gambar yang utama saja atau gambar-gambar yang ingin kita beri label. Nah kita memberi labelnya dengan <figcaption>.
<aside>
            <aside> digunakan sebagai sidebar pada website.
<footer>
<footer> diletakkan dibagian bawah website

Diposting oleh di Tidak ada komentar:
Langganan: Komentar (Atom)