WHAT'S NEW?
Loading...

Atribut-Atribut HTML

Menurut W3School

Attributes provide additional information about HTML elements.
Yang artinya, atribut-atribut HTML itu menyediakan informasi tambahan mengenai elemen HTML yang disertainya.

Pola
<tag atribut=”nilai”>isi tag</tag>
Contoh Penulisan
<p align=”center”>CodeHime</p>
Penjelasan
<p> => Tag
align => Nama Atribut
center => Nilai dari Atribut
CodeHime => isi tag
</p> => Tutup tag
Dalam contoh tersebut, atribut align akan meratakan text dalam paragraf ke tengah (center). Untuk atribut align, ada alternatif lain seperti “left”, “right”, dan “justify” yang memiliki peran masing-masing.

Atribut yang umum digunakan

align
Digunakan pada tag <p> , <table> , <h1> , dll untuk mengatur perataan text.
Contoh :<p align=”center”>CodeHime</p>
href
Digunakan pada tag <a> sebagai hyperlink ke halaman lain.
Contoh : <a href=www.codehime.blogspot.co.id>CodeHime<a>
src
Digunakan pada tag <img>, <video>, dll untuk memberitahukan sumber dari file yang digunakan.
Contoh : <img src=”codehime.png”>
class dan id
Digunakan pada semua tag HTML untuk memberikan identitas khusus.
Contoh :
<div class=”code” id=”hime”> CodeHime</div>
<span id=”code”>Hime</span>
Bisa digunakan sekaligus pada tag yang sama, atau satu per satu juga bisa.
style
Digunakan pada semua tag HTML untuk memberikan styling atau hiasan pada tag tersebut. 
Contoh : <button style=”background:blue”>Login</button>
Isi dari atribut style adalah syntax-syntax yang sama persis dengan file css.
Yang perlu diingat adalah
Selalu gunakan lowercase untuk penulisan nama atribut maupun nilai dari atribut.
Selalu gunakan tanda petik dua (quotes) untuk mengapit nilai dari atribut.



Elemen – Elemen HTML

PENGERTIAN ELEMEN HTML

 Menurut W3School

An HTML element usually consists of a start tag and end tag, with the content inserted in between.

Artinya kurang lebih, sebuah elemen HTML biasanya terdiri dari tag pembuka, tag penutup dan isi dari tag di antara keduanya.

Pola
<pembuka>isi dari tag</penutup>

Contoh Penulisan
<p> isi paragraf </p>
Identifikasi
<p> => Tag Pembuka
Isi paragraf => Isi dari tag
</p> => Tag penutup
Ingat ya, tag pembuka selalu diapit oleh tanda “<” dan “>” .
Sementara untuk tag penutup kita tambahkan tanda “/” di depan nama tag.

Namun ada lho, tag-tag HTML yang tidak membutuhkan tag penutup ;

Tag <br> atau <br />
Tag ini bernama line break . Fungsinya untuk memberi space / jarak antar element, biasanya antar paragraf.
Tag <hr>
Tag ini berfungsi untuk memberikan jarak dalam bentuk border / garis horizontal
Tag <input/>
Tag ini berfungsi untuk membuat sebuah kotak isian di dalam form

Dan sebagai catatan, walaupun tag-tag html tidak case sensitive (tidak mempedulikan penulisan besar kecil), namun pada umumnya para web developer menggunakan lowercase untuk penulisan nama tag.



Kenalan Dengan HTML 5

1. PENGENALAN HTML 5

Hai sobat Codehime, sebagai langkah awal mempelajari HTML 5 kita akan terlebih dahulu mengenal lebih jauh tentang HTML itu sendiri.

Menurut W3School
HTML is the standard markup language for creating Web pages.

Yang artinya kurang lebih adalah “ HTML adalah Bahasa markup yang digunakan untuk membuat halaman web. “

Menurut Wikipedia
HTML adalah sebuah bahasa markup untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet.
Menurut CodeHime
HTML adalah Bahasa markup yang fungsinya untuk membangun struktur dasar dari halaman web
Sementara itu, HTML 5 sendiri adalah versi pengembangan yang terbaru untuk Bahasa HTML. HTML 5 mulai mencuat sekitar tahun 2014 dengan trobosan-trobosan terbaru menggantikan posisi versi HTML sebelumnya.


2. TAG DASAR HTML 5

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>

<body>
<p>Contoh Paragraf</p>
</body>
</html>

3. PENJELASAN TAG DASAR


<!DOCTYPE html>

Tag ini digunakan untuk memberitahukan kepada browser bahwa kita menggunakan HTML 5

<html>

Tag ini berfungsi untuk membungkus semua tag html yang ada

<head>

Tag ini berfungsi untuk meletakkan informasi meta dari dokumen

<title>

Tag ini berfungsi untuk memberikan judul dokumen

<body>

Tag yang membungkus konten /isi dari halaman web kita

<p>

Tag yang digunakan untuk membuat paragraph


4. PENULISAN TAG HTML

Pada umumnya, tag html diawali dengan tag pembuka dan diakhiri dengan tag penutup

<tagname>….</tagname>

Namun adapula tag yang tidak memerlukan penutup tag, misal input, br dan hr.

<tagname/> atau <tagname>



Follow:

Blogger Templates20 Created by ThemeXpose