Suara Teknologi

Atribut HTML

HTML Anthony Valentino Poluan

Atribut HTML

Semua elemen HTML dapat memiliki atribut

Atribut memberikan informasi tambahan tentang suatu elemen

Atribut selalu ditentukan pada tag awal

Atribut biasanya datang dalam pasangan nama / nilai seperti: name = "value"

Atribut href

Tautan HTML ditentukan dengan tag <a>. Alamat link ditentukan dalam atribut href:

Anda akan belajar lebih banyak tentang link dan <a> tag nanti di tutorial ini.

Atribut src

Gambar HTML didefinisikan dengan tag <img>.

Nama file dari sumber gambar ditentukan dalam atribut src:

Atribut lebar dan tinggi

Gambar dalam HTML memiliki seperangkat atribut ukuran, yang menentukan lebar dan tinggi gambar:

Ukuran gambar ditentukan dalam piksel: width = "500" berarti lebar 500 piksel.

Anda akan belajar lebih banyak tentang gambar di bab HTML Images.

Atribut alt

Atribut alt menentukan teks alternatif yang akan digunakan, bila gambar tidak dapat ditampilkan.

Nilai atribut bisa dibaca oleh pembaca layar. Dengan cara ini, seseorang "mendengarkan" ke halaman web, mis. Orang buta, bisa "mendengar" unsurnya.

note : The alt attribute is also useful if the image does not exist:

Atribut Style

Atribut Style digunakan untuk menentukan gaya elemen, seperti warna, font, ukuran, dll.

<p style="color:red">I am a paragraph</p>

Anda akan belajar lebih banyak tentang styling nanti di tutorial ini, dan di Tutorial CSS kami.

Atribut lang

Bahasa dokumen dapat dinyatakan dalam tag <html>.

Bahasa dideklarasikan dengan atribut lang.

Mendeklarasikan bahasa penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin telusur:

<!DOCTYPE html>

<body>

...

</body>

</html>

Dua huruf pertama menentukan bahasa (en). Jika ada dialek, gunakan dua huruf lagi (AS).

Atribut judul

Di sini, atribut judul ditambahkan ke elemen <p>. Nilai atribut judul akan ditampilkan sebagai tooltip saat Anda mengarahkan mouse ke paragraf:

This is a paragraph.

</p>

Kami sarankan: Gunakan Atribut Bawah Tanah

Standar HTML5 tidak memerlukan nama atribut huruf kecil.

Atribut judul dapat ditulis dengan huruf besar atau huruf kecil seperti judul atau TITLE.

W3C merekomendasikan huruf kecil dalam HTML, dan meminta huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.

Kami Sarankan: Nilai Atribut Terbaik

Standar HTML5 tidak memerlukan tanda kutip di sekitar nilai atribut.

Atribut href, yang ditunjukkan di atas, dapat ditulis sebagai:

W3C merekomendasikan kutipan dalam HTML, dan menuntut penawaran untuk jenis dokumen yang lebih ketat seperti XHTML.

Terkadang perlu menggunakan tanda petik. Contoh ini tidak akan menampilkan atribut judul dengan benar, karena mengandung spasi:

Single or Double Quotes?

Tanda kutip ganda di sekitar nilai atribut adalah yang paling umum dalam HTML, namun tanda kutip tunggal juga dapat digunakan.

Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip ganda, perlu menggunakan tanda kutip tunggal:

Atribut HTML

Berikut adalah daftar alfabet beberapa atribut yang sering digunakan dalam HTML:

Attribute	Description
alt	Menentukan teks alternatif untuk gambar, bila gambar tidak dapat ditampilkan
disabled	Menentukan bahwa elemen masukan harus dinonaktifkan
href	Menentukan URL (alamat web) untuk sebuah link
id	Menentukan id unik untuk sebuah elemen
src	Menentukan URL (alamat web) untuk gambar
style	Menentukan gaya CSS sebaris untuk elemen
title	Menentukan informasi tambahan tentang elemen (ditampilkan sebagai tip alat)

Daftar lengkap semua atribut untuk setiap elemen HTML, tercantum di kami: Atribut Atribut HTML.

Elemen HTML
Elemen HTML biasanya terdiri dari tag awal dan tag akhir, dengan konten disisipkan di antaranya:

<tagname> Konten berjalan di sini ... </ tagname>
Elemen HTML adalah segalanya mulai dari tag awal hingga tag akhir:

<p> paragraf pertama saya. </ p>

Start tag	Element content	End tag
<h1>	Heading	</h1>
<p>	Paragraph.	</p>
<br>	Spasi

Elemen HTML tanpa konten disebut elemen kosong. Elemen kosong tidak memiliki tag akhir, seperti elemen <br> (yang menunjukkan jeda baris).

Elemen HTML Bersarang

Elemen HTML bisa disarangkan (elemen bisa mengandung unsur).
Semua dokumen HTML terdiri dari elemen HTML bersarang.

Contoh ini berisi empat elemen HTML:

<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Contoh Dijelaskan

Elemen mendefinisikan keseluruhan dokumen.
Ini memiliki tag awal dan tag akhir </ html>.

Konten elemen adalah elemen HTML lainnya (elemen ).

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

Elemen <body> mendefinisikan badan dokumen.

Ini memiliki tag awal <body> dan tag akhir </ body>.

Isi elemen adalah dua elemen HTML lainnya (<h1> dan <p>).

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

Elemen <h1> mendefinisikan judul.

Ini memiliki tag awal <h1> dan tag akhir </ h1>.

Isi elemennya adalah: My First Heading.

<h1>My First Heading</h1>

Elemen <p> mendefinisikan sebuah paragraf.

Ini memiliki tag awal <p> dan tag akhir </ p>.

Isi elemennya adalah: paragraf pertama saya.

<p>My first paragraph.</p>

Jangan Lupakan Tag Akhir

Beberapa elemen HTML akan ditampilkan dengan benar, bahkan jika Anda lupa tag akhir:

<html>
<body>
<p>This is a paragraph
<p>This is a paragraph</body>
</html>

Contoh di atas bekerja di semua browser, karena tag penutup dianggap opsional.

Jangan pernah mengandalkan ini. Ini mungkin menghasilkan hasil dan / atau kesalahan yang tidak diharapkan jika Anda lupa tag akhir.

Elemen HTML Kosong

Elemen HTML tanpa konten disebut elemen kosong.

<br> adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan jeda baris).

Elemen kosong bisa "ditutup" di tag pembuka seperti ini: <br />.

HTML5 tidak memerlukan elemen kosong untuk ditutup. Tetapi jika Anda menginginkan validasi lebih ketat, atau jika Anda perlu membuat dokumen Anda dapat dibaca oleh parser XML, Anda harus menutup semua elemen HTML dengan benar.

Gunakan huruf kecil

Tag HTML tidak sensitif huruf: <P> sama dengan <p>.

Standar HTML5 tidak memerlukan tag huruf kecil, namun W3C merekomendasikan huruf kecil dalam HTML, dan meminta huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.

Dasar HTML

HTML Anthony Valentino Poluan

Contoh Dasar HTML

Jangan khawatir jika contoh ini menggunakan tag yang belum Anda pelajari.
Anda akan belajar tentang mereka di bab berikutnya.

Dokumen HTML

Semua dokumen HTML harus dimulai dengan deklarasi tipe dokumen: <! DOCTYPE html>.
Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </ html>.
Bagian dokumen HTML yang terlihat adalah antara <body> dan </ body>.

Contoh :

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

HTML Headings

HTML Headings didefinisikan dengan tag <h1> sampai <h6>.
<h1> mendefinisikan judul yang paling penting. <h6> mendefinisikan judul yang paling tidak penting:

Contoh :

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

Paragraf HTML

Paragraf HTML didefinisikan dengan tag <p>:

Contoh :

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

Tautan HTML

Tautan HTML ditentukan dengan tag <a>:

Contoh :
<a href="https://www.w3schools.com">Ini adalah link tautan </a>

Tujuan link ditentukan dalam atribut href.
Atribut digunakan untuk memberikan informasi tambahan tentang elemen HTML.

Gambar HTML

Gambar HTML didefinisikan dengan tag <img>.
File sumber (src), teks alternatif (alt), lebar, dan tinggi disediakan sebagai atribut:

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

Editor HTML

HTML Anthony Valentino Poluan

Menulis HTML Menggunakan Notepad atau TextEdit
Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional.
Namun, untuk belajar HTML kami merekomendasikan editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac).
Kami percaya dengan menggunakan editor teks sederhana adalah cara yang baik untuk belajar HTML.
Ikuti empat langkah di bawah ini untuk membuat halaman web pertama Anda dengan Notepad atau TextEdit.

Langkah 1: Buka Notepad (PC)

Windows 8 atau yang lebih baru:
Buka Start Screen (simbol jendela di kiri bawah layar Anda). Ketik Notepad.
Windows 7 atau sebelumnya:
Buka Start> Programs> Accessories> Notepad

Langkah 1: Buka TextEdit (Mac)

Buka Finder> Aplikasi> TextEdit
Juga ubah beberapa preferensi agar aplikasi bisa menyimpan file dengan benar. Dalam Preferensi> Format> pilih "Plain Text"
Kemudian di bawah "Open and Save", centang kotak bertuliskan "Abaikan perintah teks kaya dalam file HTML".
Kemudian buka dokumen baru untuk menempatkan kode.

Langkah 2: Tuliskan Beberapa HTML

Menulis atau menyalin beberapa HTML ke Notepad.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Langkah 3: Simpan Halaman HTML

Simpan file di komputer Anda. Pilih File> Save as in the Notepad.

Namai file "index.htm" dan atur pengkodean ke UTF-8 (yang merupakan pengkodean yang disukai untuk file HTML).

Note : Anda bisa menggunakan .htm atau .html sebagai ekstensi file. Tidak ada bedanya, terserah anda.

Langkah 4: Lihat Halaman HTML di Browser Anda
Buka file HTML yang tersimpan di browser favorit Anda (klik dua kali pada file, atau klik kanan - dan pilih "Open with").

Hasilnya akan terlihat seperti ini:

Sumber : www.w3schools.com

Suara Teknologi

Atribut HTML

Elemen HTML

Dasar HTML

Editor HTML

Get updates in your email box

Entri Populer

Recent Posts

Labels

Friends

Total Pageviews

ANDROID

WINDOWS

LINUX

APLIKASI