Penerapan HTML (Part 1)
I.Latar Belakang.
Latar belakang kali ini kita masih mengenal sintag tentang HTML apa saja yang di butuhkan untuk membuat web dasar
II.Alat dan Bahan.
- Laptop / PC
- W3SCHOOLS
- Sublime text
III.Tujuan.
untuk mengetahui langkah dasar untuk membuat web yang sederhana.
IV.Penjelasan.
Elemen HTML
elemen HTML ditulis dengan tag awal, dengan tag akhir, dengan isi di antara:
<Tagname> konten </ tagname>
Elemen HTML adalah segalanya dari awal tag ke tag akhir:
<P> Paragraf HTML ku </ P>
<Tagname> konten </ tagname>
Elemen HTML adalah segalanya dari awal tag ke tag akhir:
<P> Paragraf HTML ku </ P>
tag awal isi elemen tag akhir
<h1> Heading Pertama saya </h1>
<p> paragraf pertama saya </p>
<br>
<h1> Heading Pertama saya </h1>
<p> paragraf pertama saya </p>
<br>
Elemen HTML Kosong
elemen HTML tanpa konten yang disebut elemen kosong.
Situs adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan satu baris).
elemen kosong bisa "tertutup" dalam tag pembuka seperti ini: <br />.
HTML5 tidak memerlukan elemen kosong harus ditutup. Tetapi jika Anda ingin validasi ketat, atau Anda perlu membuat dokumen Anda dibaca oleh parser XML, Anda harus menutup semua elemen HTML.
Situs adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan satu baris).
elemen kosong bisa "tertutup" dalam tag pembuka seperti ini: <br />.
HTML5 tidak memerlukan elemen kosong harus ditutup. Tetapi jika Anda ingin validasi ketat, atau Anda perlu membuat dokumen Anda dibaca oleh parser XML, Anda harus menutup semua elemen HTML.
HTML Tip: Gunakan huruf kecil Tags
tag HTML tidak sensitif: <P> berarti sama dengan <p>.
tag HTML tidak sensitif: <P> berarti sama dengan <p>.
HTML5 standar tidak memerlukan tag huruf kecil.
Atribut HTML
elemen HTML dapat memiliki atribut
Atribut memberikan informasi tambahan tentang elemen
Atribut selalu ditentukan dalam tag awal
Atribut datang dalam pasangan nama / nilai seperti: name = "value"
elemen HTML dapat memiliki atribut
Atribut memberikan informasi tambahan tentang elemen
Atribut selalu ditentukan dalam tag awal
Atribut datang dalam pasangan nama / nilai seperti: name = "value"
Lang Atribut
Bahasa dokumen dapat dinyatakan dalam <html> tag.
Bahasa tersebut dinyatakan dalam atribut lang.
Mendeklarasikan bahasa adalah penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin pencari
Bahasa dokumen dapat dinyatakan dalam <html> tag.
Bahasa tersebut dinyatakan dalam atribut lang.
Mendeklarasikan bahasa adalah penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin pencari
Judul Atribut
paragraf HTML didefinisikan dengan <p> tag.
Dalam contoh ini, <p> elemen memiliki atribut title. Nilai atribut adalah "Tentang HTML" :
paragraf HTML didefinisikan dengan <p> tag.
Dalam contoh ini, <p> elemen memiliki atribut title. Nilai atribut adalah "Tentang HTML" :
Maka hasilnya :
Href Atribut
Link HTML didefinisikan dengan tag <a>. Alamat link yang ditentukan dalam atribut href :
Link HTML didefinisikan dengan tag <a>. Alamat link yang ditentukan dalam atribut href :
Maka output nya akan seperti ini
ukuran Atribut
gambar HTML didefinisikan dengan tag <img>. ukuran gambar (lebar dan tinggi) semua disediakan sebagai atribut.
contoh
Maka hasilnya
dia ukuran gambar ditentukan dalam pixel: width = "104" berarti 104 layar pixel.
Alt Atribut
Atribut alt menetapkan teks alternatif yang akan digunakan, ketika sebuah elemen HTML tidak dapat ditampilkan.
Nilai atribut yang dapat dibaca oleh "pembaca layar". Dengan cara ini, seseorang "mendengarkan" ke halaman web, yaitu orang buta, bisa "mendengar" elemen.
contoh
Saran Saya: Selalu Gunakan huruf kecil Atribut HTML5 standar tidak memerlukan kasus nama atribut yang lebih rendah. Atribut judul dapat ditulis dengan huruf besar atau lebih rendah seperti title/TITLE.
Saran Saya:HTML5 standar tidak memerlukan tanda kutip di nilai atribut.
contoh
Kadang-kadang perlu untuk menggunakan tanda kutip. Ini tidak akan ditampilkan dengan benar, karena mengandung spasi.
contoh
Quotes tunggal atau ganda?
kutipan gaya ganda adalah yang paling umum di HTML, tapi gaya tunggal juga dapat digunakan.
Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip ganda, maka perlu menggunakan tanda kutip tunggal
contoh
Atau sebaliknya
Rangkuman Bab
Semua elemen HTML dapat memiliki attributes
Atribut title memberikan tambahan "tool-tip" informasi
Atribut href memberikan informasi alamat untuk link
width dan height atribut memberikan informasi ukuran untuk gambar
Atribut alt memberikan teks untuk pembaca layar
Di sini saya selalu menggunakan nama atribut huruf kecil
Di sini saya selalu kutipan nilai atribut dengan tanda kutip ganda
Atribut HTML
Di bawah ini adalah daftar abjad dari beberapa atribut yang sering digunakan dalam HTML:
atribut Keterangan
alt Menentukan teks alternatif untuk gambar, ketika gambar tidak
dapat ditampilkan.
disabled Menentukan bahwa elemen input harus dinonaktifkan.
href Menentukan URL (alamat web) untuk link.
id Menentukan id unik untuk elemen.
src Menentukan URL (alamat web) untuk gambar.
style Menentukan gaya CSS inline untuk suatu elemen
title Menentukan informasi tambahan tentang elemen (ditampilkan
sebagai tool tip)
V.Kesimpulan.
dapat kita simpulkan bahwa trik trik dasar itu harus kita pelajari agar kita dapat membuat suatu web sederhana yang maximal.
VI.Refrensi.
gambar HTML didefinisikan dengan tag <img>. ukuran gambar (lebar dan tinggi) semua disediakan sebagai atribut.
contoh
Alt Atribut
Atribut alt menetapkan teks alternatif yang akan digunakan, ketika sebuah elemen HTML tidak dapat ditampilkan.
Nilai atribut yang dapat dibaca oleh "pembaca layar". Dengan cara ini, seseorang "mendengarkan" ke halaman web, yaitu orang buta, bisa "mendengar" elemen.
contoh
Saran Saya: Selalu Gunakan huruf kecil Atribut HTML5 standar tidak memerlukan kasus nama atribut yang lebih rendah. Atribut judul dapat ditulis dengan huruf besar atau lebih rendah seperti title/TITLE.
Saran Saya:HTML5 standar tidak memerlukan tanda kutip di nilai atribut.
contoh
Kadang-kadang perlu untuk menggunakan tanda kutip. Ini tidak akan ditampilkan dengan benar, karena mengandung spasi.
contoh
Quotes tunggal atau ganda?
kutipan gaya ganda adalah yang paling umum di HTML, tapi gaya tunggal juga dapat digunakan.
Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip ganda, maka perlu menggunakan tanda kutip tunggal
contoh
Rangkuman Bab
Semua elemen HTML dapat memiliki attributes
Atribut title memberikan tambahan "tool-tip" informasi
Atribut href memberikan informasi alamat untuk link
width dan height atribut memberikan informasi ukuran untuk gambar
Atribut alt memberikan teks untuk pembaca layar
Di sini saya selalu menggunakan nama atribut huruf kecil
Di sini saya selalu kutipan nilai atribut dengan tanda kutip ganda
Atribut HTML
Di bawah ini adalah daftar abjad dari beberapa atribut yang sering digunakan dalam HTML:
atribut Keterangan
alt Menentukan teks alternatif untuk gambar, ketika gambar tidak
dapat ditampilkan.
disabled Menentukan bahwa elemen input harus dinonaktifkan.
href Menentukan URL (alamat web) untuk link.
id Menentukan id unik untuk elemen.
src Menentukan URL (alamat web) untuk gambar.
style Menentukan gaya CSS inline untuk suatu elemen
title Menentukan informasi tambahan tentang elemen (ditampilkan
sebagai tool tip)
V.Kesimpulan.
dapat kita simpulkan bahwa trik trik dasar itu harus kita pelajari agar kita dapat membuat suatu web sederhana yang maximal.
VI.Refrensi.
- http://www.w3schools.com/html
Komentar
Posting Komentar