html &html5

selamat datang di blog ldxlucyfer ikuti dan komen setiap blog saya, karna itu sangat membantu kami dalam mengembangkan blog ini

---

HAI adik adik semua -:) ...  klai ini ldxlucyfer akan memberi materi tentang HTML DAN CSS .
pada pertemuan pertama kita kita akan membahas terlebih dulu apa sih itu html dan khusunya pada pembelajran ini kitaa akan membhas html 5...

pengertian dari html
HTML atau Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

Secara harafiah, HTML adalah Hypertext Markup Language. Berikut penjelasan dari tiap-tiap kata yang membentuk singkatan HTML:

1.       Hypertext adalah sebuah teks yang apabila diklik akan membawa kita pergi dari satu dokumen ke dokumen lainnya. Dalam prakteknya, Hypertext berwujud sebuah link yang bisa mengantar kita kedunia internet yang sangat luas

2.       Markup adalah tag (semacam kode) yang mengatur layout dan tampilan-tampilan visual yang kita lihat di sebuah website, termasuk font, warna teks, gambar dan sebagainya.

3.      Language yang merupakan penunjuk bahwa HTML adalah semacam script pemograman.

Dengan kata lain, HTML adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran dokumen web.

pengertian html 5
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[1]) 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.  

Secara garis besar, terdapat 4 jenis elemen dari HTML: 

1. Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1
2. Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,
3. Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/"> Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),
4. Elemen widget yang membuat objek-objek lain seperti tombol (<button>), daftar (<li>), dan garis horizontal (<hr>). Konsep hiperteks pada HTML memungkinkan pembuatan tautan pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web,

Ada tiga macam pranala (link) yang dapat digunakan:

   - Pranala menuju bagian lain dari page.
   - Pranala menuju page lain dalam satu web site.
   - Pranala menuju resource atau web site yang berbeda.[16]

Selain markup presentasional, markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets.
  
contoh Untuk HTML 5 

<!DOCTYPE HTML>

 -Head
Dokumen HTML diapit oleh tag <HEAD></HEAD>. Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword. Header juga memuat tag META yang biasanya dapat digunakan untuk menentukan informasi tertentu mengenai dokumen HTML. Anda bisa menentukan author name, keywords, dan lainnya pada tag META.

Contoh:

<meta name="author" content="ubuntu-online">

- Body
Bagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML di mana anda meletakan informasi yang akan ditampilkan pada browser.

- Tag
HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>).

Tag biasanya merupakan suatu pasangan yang disebut dengan:

    Tag awal, dinyatakan dalam bentuk <nama tag>
    Tag akhir, dinyatakan dalam bentuk </nama tag>

Formatnya: <nama tag> teks yang ditampilkan </nama tag>.

Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML <i>Teks ini terlihat miring di browser Anda</i>
Atribut
Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya, <P STYLE="text-align:left"> digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah STYLE dengan nilai "text-align:left". Nilai atribut STYLE ditulis dalam bahasa CSS.

-Elemen

Elemen adalah nama penanda yang diapit oleh tag yang memiliki fungsi dan tujuan tertentu pada dokumen HTML. Elemen dapat memiliki elemen anak dan juga nilai. Elemen anak adalah suatu elemen yang berada di dalam elemen pembuka dan elemen penutup induknya. Nilai yang dimaksud adalah suatu teks atau karakter yang berada diantara elemen pembuka dan elemen penutup. 

Elemen Head dapat digunakan sebagai tempat penulisan judul dokumen, informasi mengenai dokumen dan definisi referensi alamat. Berikut elemen dan atribut yang dapat digunakan pada elemen Head.
1. Elemen Base
Elemen Base digunakan untuk mendefinisikan suatu alamat URL agar browser mengikutsertakan alamat tersebut dalam pencarian suatu objek pada dokumen.
Contoh:                        
<head>
<base href="http://www.ldxlucyfer.blogspot.com”>
</head>
<body>
<img src="logo.png">
2. Elemen Title
Elemen Title digunakan untuk mendefiniskan judul dokumen. Judul dokumen dapat dilihat pada tab browser.
Contoh:
<title> Contoh Elemen Title </title>
3. Elemen Meta
Elemen Meta digunakan untuk mendefiniskan keterangan pada dokumen, seperti nama penulis dokumen, deskripsi dokumen dan informasi kata kunci yang digunakan mesin pencarian seperti Google, Yahoo, Bing dan lain-lain dalam pencarian halaman yang sesuai dengan pencarian.
Contoh:
<meta http-equiv=”Content-type” content=”text/html charset=utf-8”/>
<meta name=”copyright” content=”Rifai” />
<meta name=”author” content=”Rifai” />

<meta name=”Keyword” content=”belajar, html” />
4. Elemen Script
Elemen Script digunakan untuk mendefinisikan suatu script fungsi seperti Javascript, VBScript atau mendefinisikan tautan lokasi file script untuk digunakan dokumen.
Contoh:
<script type="text/javascript"> alert("SELAMAT DATANG "); </script>
5. Elemen Link
Elemen Link digunakan untuk mendefinisikan style dokumen dan mendefinisikan tautan lokasi file style untuk menghubungkan antara dokumen dengan sumber lainnya.
Contoh:               
<link rel=”stylesheet” type=”text/css” href=”style.css”>

Atribut
HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.
<a href=" ldxlucyfer.blogspot.com”>  HTML</a>

Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Pemrograman adalah value atau nilai atribut.