Labels

Blogroll

Labels

Minggu, 29 Mei 2016

HTML Headings

Judul didefinisikan dengan <h1> untuk <h6> tag.

<H1> mendefinisikan heading yang paling penting. <H6> mendefinisikan heading yang paling tidak penting.

Contoh

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>


Judul Apakah Penting
Gunakan judul HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atau tebal.
Mesin pencari menggunakan judul Anda ke indeks struktur dan isi dari halaman web Anda.
Pengguna skim halaman Anda dengan judul nya. Hal ini penting untuk menggunakan judul untuk menunjukkan struktur dokumen.
judul h1 harus judul utama, diikuti oleh judul h2, maka h3 kurang penting, dan sebagainya.
Aturan Horizontal HTML
The <hr> tag menciptakan garis horizontal dalam sebuah halaman HTML.
Unsur hr dapat digunakan untuk konten terpisah:

Contoh

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>


HTML Attributes

Attributes provide additional information about HTML elements.

HTML Attributes
HTML elements can have attributes
Attributes provide additional information about an element
Attributes are always specified in the start tag
Attributes come in name/value pairs like: name="value"

<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

paragraf HTML didefinisikan dengan <p> tag.


Dalam contoh ini, <p> elemen memiliki atribut title. Nilai atribut adalah "Tentang W3Schools":

<p title="About W3Schools">
W3Schools is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p>
Href Atribut

Link HTML didefinisikan dengan tag <a>. Alamat link yang ditentukan dalam atribut href:

Contoh

<a href="http://www.w3schools.com">This is a link</a>

Ukuran gambar ditentukan dalam pixel: width = "104" berarti 104 layar pixel.

Anda akan belajar lebih banyak tentang gambar dan <img> tag kemudian dalam tutorial ini.

Alt Atribut
Atribut alt menetapkan teks alternatif yang akan digunakan, jika gambar tidak dapat ditampilkan.

Nilai atribut yang dapat dibaca oleh pembaca layar. Dengan cara ini, seseorang "mendengarkan" untuk halaman web, misalnya orang buta, bisa "mendengar" elemen.

Contoh

<img src="w3schools.jpg" alt="programweb88.blogspot.co.id" width="104" height="142">

Saran Kami: Selalu Penawaran Nilai Atribut
HTML5 standar tidak memerlukan tanda kutip di nilai atribut.
Atribut href, ditunjukkan di atas, dapat ditulis sebagai:

Contoh

<a href=http://programweb88.blogspot.co.id/>


Contoh Penggunaan HTML 5

HTML
Dengan HTML Anda dapat membuat situs Web Anda sendiri.
Tutorial ini mengajarkan Anda segala sesuatu tentang HTML.
HTML mudah dipelajari




Contoh  penggunaan HTML 5

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

misalnya Dijelaskan
Deklarasi DOCTYPE mendefinisikan jenis dokumen menjadi HTML
Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
Teks antara <head> dan </ head> memberikan informasi tentang dokumen
Teks antara <title> dan </ title> memberikan judul untuk dokumen
Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
Teks antara <h1> dan </ h1> menggambarkan judul

Teks antara <p> dan </ p> menggambarkan sebuah paragraf

Tags HTML
tag HTML adalah kata kunci (nama tag) dikelilingi oleh sudut kurung:

<Tagname> konten </ tagname>
tag HTML biasanya datang dalam pasangan seperti <p> dan </ p>
Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir

Tag akhir ditulis seperti tag awal, tapi dengan sebuah garis miring sebelum nama tag

Struktur HTML Halaman

Di bawah ini adalah visualisasi dari struktur halaman HTML:

The <! DOCTYPE> Deklarasi
The <! DOCTYPE> deklarasi membantu browser untuk menampilkan halaman web dengan benar.

Ada yang berbeda jenis dokumen di web.

Untuk menampilkan dokumen dengan benar, browser harus tahu kedua jenis dan versi.


DOCTYPE deklarasi tidak sensitif huruf. Semua kasus yang diterima:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

Deklarasi umum HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




Belajar Web Dsign

belajar