Sintaksis
Bagian dari elemen kontainer HTML:
Start tag: <p…>
Atribut:
nama: kelas
Nilai: foo
Konten: Ini adalah sebuah paragraf.
Tag akhir: </ p>
lengkap:> <p Ini adalah <ayat / p>
Ada beberapa jenis elemen HTML: void elemen, elemen teks baku, dan elemen normal.
elemen Void hanya memiliki start tag, yang berisi atribut. Salah satu contoh adalah elemen link, untuk yang sintaks tersebut
rel=stylesheet <link href=fancy.css type=”text/css”>
Elemen link ini poin browser di stylesheet untuk digunakan saat penyajian dokumen HTML untuk pengguna. Perhatikan bahwa dalam sintaks HTML, atribut tidak harus dikutip. Bila menggunakan sintaks XML (XHTML), di sisi lain, semua atribut harus dikutip, dan trailing slash diperlukan sebelum braket sudut terakhir:
rel=”stylesheet” <link href=”fancy.css” type=”text/css” />
Sebuah trailing slash juga diperbolehkan dalam sintaks HTML, untuk membantu migrasi.
Baku elemen teks yang dibangun dengan:
tag start (<tag>) menandai awal suatu elemen, yang mungkin termasuk sejumlah atribut;
beberapa jumlah konten teks, namun tidak ada unsur (semua tag, selain dari akhir tag yang berlaku, akan dianggap sebagai konten);
tag akhir, di mana nama elemen prepended dengan sebuah garis miring ke depan: </> tag.(Catatan: Dalam beberapa bentuk tag HTML akhirnya adalah opsional untuk beberapa elemen kontainer.)
Normal elemen biasanya memiliki kedua tag awal dan tag akhir, meskipun untuk beberapa elemen tag akhir, atau keduanya tag, dapat dihilangkan. Hal ini dibangun dengan cara yang sama:
tag start (<tag>) menandai awal suatu elemen, yang mungkin termasuk sejumlah atribut;
beberapa jumlah konten, termasuk teks dan elemen lainnya;
tag akhir, di mana nama elemen prepended dengan sebuah garis miring ke depan: </> tag.
Atribut define diinginkan perilaku atau menunjukkan sifat elemen tambahan. Kebanyakan atribut memerlukan nilai. Dalam HTML, nilai dapat dibiarkan unquoted jika tidak termasuk spasi (nama = nilai), atau dapat dikutip dengan tanda kutip tunggal atau ganda (nama = ‘nilai’ atau nama = “nilai”). Dalam XML, yang mengutip diperlukan. Atribut boolean, di sisi lain, tidak memerlukan nilai yang akan ditentukan. Contohnya adalah diperiksa untuk checkbox:
<input type=checkbox checked>
Dalam sintaks XML, walaupun, nama harus diulang sebagai nilai:
<input type=”checkbox” checked=”checked”/>
Informal, elemen HTML yang kadang-kadang disebut sebagai “tag” (contoh synecdoche), meskipun banyak yang lebih menyukai istilah tag ketat yang merujuk pada markup delimiting awal dan akhir suatu elemen.
Elemen (dan atribut) nama dapat ditulis dalam setiap kombinasi huruf besar atau kecil dalam HTML, tetapi harus dalam huruf kecil pada XHTML. [1] Bentuk kanonik adalah huruf sampai HTML 4, dan digunakan dalam spesifikasi HTML, tetapi dalam beberapa tahun terakhir, huruf kecil telah menjadi lebih umum.
[Sunting] Elemen standar
elemen HTML didefinisikan dalam serangkaian standar terbuka bebas-tersedia diterbitkan sejak tahun 1995, awalnya oleh IETF dan kemudian oleh W3C.
Sejak awal 1990-an, produsen agen pengguna (misalnya web browser) sering mengembangkan unsur-unsur mereka sendiri, beberapa di antaranya telah diadopsi dalam standar kemudian.agen pengguna lain mungkin tidak mengenali unsur non-standar, dan mereka mungkin akan diabaikan atau ditampilkan secara tidak benar.
Pada tahun 1998, XML (disederhanakan dari SGML) memperkenalkan mekanisme untuk memungkinkan orang untuk mengembangkan unsur-unsur mereka sendiri dan menggabungkan mereka dalam dokumen XHTML, untuk digunakan dengan agen pengguna XML-aware. [2]
Selanjutnya, HTML 4.01 ditulis ulang dalam bentuk XML-kompatibel, XHTML 1.0 (Extensible HTML). Unsur-unsur di setiap adalah identik, dan dalam kebanyakan kasus valid XHTML 1.0 dokumen akan berlaku atau hampir-sah dokumen HTML 4.01. Artikel ini terutama berfokus pada HTML nyata, kecuali dinyatakan sebaliknya, namun tetap berlaku ke XHTML. (Lihat HTML untuk sebuah diskusi tentang perbedaan-perbedaan kecil antara kedua).
Sebuah elemen HTML adalah komponen individual dari suatu dokumen HTML. dokumen HTML terdiri dari pohon elemen HTML dan node lain, seperti node teks. Setiap elemen dapat atribut tertentu. Elemen juga dapat memiliki konten, termasuk elemen lain dan teks. merupakan elemen HTML semantik, atau makna. Sebagai contoh, elemen judul merupakan judul dokumen.
Dalam sintaks HTML, elemen yang ditulis dengan tag awal dan tag akhir, dengan isi di antara keduanya. Tag terdiri dari nama elemen, dikelilingi oleh sudut kurung. Sebuah tag akhir juga memiliki sebuah garis miring setelah bracket sudut pembukaan, untuk membedakannya dari tag awal. Sebagai contoh, sebuah paragraf, yang diwakili oleh elemen p, akan ditulis sebagai
<p> Lorem ipsum duka duduk amet, consectetur adipisicing elit, …</ p>
Namun, tidak semua elemen ini memerlukan tag akhir, atau bahkan tag mulai, untuk hadir.Beberapa elemen, elemen void disebut tidak memiliki tag akhir. Sebuah contoh sederhana adalah unsur br, yang merupakan satu baris yang signifikan, seperti dalam sebuah puisi atau alamat. Sebagai contoh, alamat dokter gigi di Finding Nemo akan ditulis sebagai
<p> P. Sherman <br> 42 Way Walabi <Sydney <br> / p>
Atribut ditetapkan pada awal tag. Sebagai contoh, elemen abbr, yang merupakan singkatan, mengharapkan atribut judul dengan ekspansi. Ini akan ditulis sebagai
<abbr title=”Hyper Teks Markup Language”> HTML </ abbr>
[Sunting] Status Elemen
Sejak versi pertama dari HTML, beberapa elemen telah menjadi ketinggalan zaman, dan usang dalam standar kemudian, atau tidak muncul sama sekali, dalam hal ini mereka tidak valid (dan akan ditemukan tidak valid, dan mungkin tidak ditampilkan, dengan memvalidasi agen pengguna) . [3]
Saat ini, status elemen ini rumit oleh adanya tiga jenis HTML 4.01 / XHTML 1.0 DTD:
Transisi, yang mengandung unsur usang, tetapi yang dimaksudkan untuk memberikan masa transisi selama penulis dapat mengupdate praktek mereka;
Frameset, yang merupakan versi DTDs Transisi yang juga memungkinkan para penulis untuk menulis dokumen frameset;
Ketat, yang merupakan bentuk-to-date (pada 1999) dari HTML.
Yang pertama Standar (HTML 2.0) berisi empat unsur usang, salah satu yang tidak valid dalam HTML 3.2. Semua empat tidak valid dalam HTML 4.01 Transisi, yang juga usang sebuah elemen sepuluh lebih lanjut. Semua ini, ditambah dua orang lain, tidak valid dalam HTML 4.01 Strict. Sedangkan elemen frame yang masih berlaku dalam arti hadir dalam Transisi dan Frameset DTDs, tidak ada rencana untuk menjaga mereka dalam standar masa depan, sebagai fungsi mereka telah digantikan, dan mereka sangat bermasalah untuk akses pengguna.
(Sebenarnya, standar XHTML paling baru, XHTML 1.1 (2001), tidak termasuk frame sama sekali; itu kira-kira setara dengan XHTML 1.0 Strict, tetapi juga termasuk modul markup Ruby.) [4]
Sebuah sumber kebingungan umum adalah penggunaan longgar usang untuk merujuk kepada kedua usang dan status yang tidak valid, dan unsur-unsur yang diharapkan secara resmi usang di masa mendatang.
[Sunting] Penyajian dan perilaku
Sesuai dengan prinsip pemisahan kekhawatiran, fungsi HTML adalah untuk menambahkan informasi struktural dan semantik teks baku dokumen. Presentasi dan perilaku adalah fungsi yang terpisah, yang dapat ditambahkan sebagai yang diinginkan, idealnya melalui link ke dokumen eksternal seperti stylesheet, file grafis, dan skrip.
Hal ini memungkinkan dokumen yang akan disajikan oleh agen pengguna yang berbeda sesuai dengan tujuan dan kemampuan, misalnya, agen pengguna dapat memilih stylesheet yang tepat untuk menyajikan sebuah dokumen dengan menampilkan di layar monitor, dicetak di atas kertas, atau untuk menentukan karakteristik sebuah pidato di aural agen pengguna. Fungsi struktural dan semantik markup tetap identik dalam setiap kasus.
Secara historis, agen pengguna tidak selalu mendukung fitur ini. Pada 1990-an, sebagai kesenjangan-stop, elemen presentasi yang ditambahkan ke HTML, dengan biaya menciptakan masalah bagi interoperabilitas dan aksesibilitas pengguna. Hal ini sekarang dianggap sebagai ketinggalan zaman dan telah digantikan oleh stylesheet berbasis desain; unsur yang paling presentational sekarang usang. [5]
Eksternal file gambar digabungkan dengan img atau elemen objek. (Dengan XHTML, bahasa SVG juga dapat digunakan untuk menulis grafis dalam dokumen, meskipun terhubung ke file SVG eksternal pada umumnya lebih sederhana) [6]. Mana foto tidak murni dekoratif, HTML memungkinkan penggantian konten dengan nilai semantik yang sama untuk diberikan untuk agen pengguna non-visual.
Sebuah dokumen HTML juga dapat diperpanjang melalui penggunaan skrip untuk memberikan perilaku tambahan di luar kemampuan hyperlink HTML dan bentuk.
Gaya elemen dan script, dengan atribut terkait, menyediakan titik referensi dalam markup HTML untuk link ke stylesheet dan skrip. Mereka juga dapat berisi petunjuk langsung.
Dalam dokumen kepala, script dan gaya baik dapat membuat link ke dokumen eksternal bersama, atau berisi petunjuk tertanam. (Link Elemen juga dapat digunakan untuk menghubungkan stylesheet.)
Gaya atribut elemen berlaku di tubuh dokumen paling atas penyertaan instruksi gaya inline.
Event-penanganan atribut, yang menyediakan link ke script, adalah opsional dalam unsur yang paling.
script dapat terjadi pada setiap titik di dalam tubuh dokumen.
Untuk agen pengguna yang tidak beroperasi script, unsur noscript menyediakan konten alternatif tempat yang sesuai, namun hanya dapat digunakan sebagai elemen block-level.
[Sunting elemen] struktur Dokumen
<html> …</ html>
The Root elemen dokumen HTML, semua elemen lain yang terkandung dalam hal ini.
Elemen HTML delimits awal dan akhir dokumen HTML.
Standarisasi dalam HTML 2,0; masih berlaku.
<head> …</ head>
Kontainer untuk memproses informasi dan metadata untuk dokumen HTML.
Standarisasi dalam HTML 2,0; masih berlaku.
(Lihat unsur kepala Dokumen untuk elemen anak.)
<body> …</ body>
Kontainer untuk tampilan konten dari sebuah dokumen HTML.
Standarisasi dalam HTML 2,0; masih berlaku.
(Lihat elemen tubuh Dokumen untuk elemen anak.)
[Sunting] Elemen Dokumen kepala
<base>
Menentukan URL dasar untuk semua href relatif dan link lainnya dalam dokumen. Harus muncul sebelum setiap unsur yang mengacu pada sumber daya eksternal. HTML izin hanya satu elemen dasar untuk setiap dokumen. Elemen dasar memiliki atribut, namun tidak ada isinya.
Sebuah versi pengembangan BASE disebutkan dalam HTML Tag; standar dalam HTML 2,0; masih berlaku.
<basefont> (ditinggalkan)
Menentukan ukuran font dasar, jenis huruf, dan warna untuk dokumen. Digunakan bersama dengan elemen font. Usang mendukung stylesheet.
Standarisasi dalam HTML 3,2; usang dalam HTML 4.0 Transisi; tidak valid dalam HTML 4.0 Strict.
<isindex> (ditinggalkan)
isindex baik bisa muncul dalam dokumen kepala atau di dalam tubuh, tapi hanya sekali dalam dokumen. Memerlukan mesin pencari sisi server.
Di kepala, menunjukkan bahwa dokumen tersebut adalah indeks dicari. Menyajikan visual input teks satu baris untuk entri kata kunci. Ketika diserahkan, string query ditambahkan ke URL saat ini dan dokumen ditampilkan dengan kata kunci ini disorot. Umumnya jika server mendukung fitur ini akan menambahkan elemen isindex ke dokumen tanpa campur tangan penulis.
ISINDEX ada dalam HTML Tag; standar dalam HTML 2,0; usang dalam HTML 4.0 Transisi; tidak valid dalam HTML 4.0 Strict.
<link>
Menentukan link ke dokumen lain, seperti link sebelumnya dan berikutnya, atau versi alternatif. [7] A umum digunakan adalah dengan link ke stylesheet eksternal, dengan menggunakan formulir:
<link rel=”stylesheet” type=”text/css” href=”url” title=”description_of_style”> [8]
A, kurang umum tapi sangat penting, penggunaan adalah menyediakan petunjuk navigasi konsisten melalui penggunaan Microformats. Beberapa hubungan umum didefinisikan, yang mungkin terkena pengguna melalui antarmuka browser daripada secara langsung pada halaman web.
<link rel=”next” href=”url”>
unsur kepala Dokumen mungkin berisi jumlah elemen link. Elemen link memiliki atribut, namun tidak ada isinya.
LINK ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<meta>
Dapat digunakan untuk menetapkan metadata tambahan tentang dokumen, seperti penulis, tanggal publikasi, tanggal kadaluwarsa, halaman deskripsi, kata kunci, atau informasi lain yang tidak disediakan melalui elemen header dan atribut lainnya. Karena sifat generik mereka, elemen meta menentukan pasangan kunci-nilai asosiatif.
Dalam satu bentuk, unsur dapat menentukan meta HTTP header yang harus dikirim oleh server web sebelum konten yang sebenarnya, misalnya:
<meta http-equiv=”foo” content=”bar”>
– Ini menetapkan bahwa halaman harus dilayani dengan HTTP header yang disebut foo yang memiliki nilai bar.
Dalam bentuk umum, elemen meta menetapkan nama dan konten yang terkait atribut menggambarkan aspek dari halaman HTML. Untuk mencegah ambiguitas mungkin, atribut opsional ketiga, skema, mungkin diberikan untuk menentukan kerangka semantik yang mendefinisikan arti dari tombol dan nilainya: misalnya:
name=”foo” <meta content=”bar” scheme=”DC”>
Dalam contoh ini, elemen meta mengidentifikasi dirinya sebagai mengandung unsur foo, dengan nilai dari bar, dari Dublin Core DC atau kerangka kerja sumber daya deskripsi.
Standarisasi dalam HTML 2,0; masih berlaku.
<object> … </> objek
Digunakan untuk termasuk objek generik dalam header dokumen. Meskipun jarang digunakan dalam elemen kepala, berpotensi dapat digunakan untuk mengambil data asing dan mengasosiasikannya dengan dokumen saat ini.
Standarisasi dalam HTML 4.0; masih berlaku.
<script> … </ script>
Dapat bertindak sebagai wadah untuk instruksi script atau link ke skrip eksternal dengan atribut src opsional [9.] Juga dapat digunakan dalam tubuh dokumen untuk secara dinamis menghasilkan baik kedua blok atau konten inline.
Standarisasi dalam HTML 3.2; masih berlaku.
<style> … </ style>
Menentukan gaya untuk dokumen ini, biasanya dalam bentuk:
<style type=”text/css”> … </ style>
baik dapat bertindak sebagai wadah untuk petunjuk gaya atau link ke stylesheet eksternal – misalnya, di CSS, dengan arahan @ impor dalam bentuk:
<style> @ import url; </ style> [10]
Standarisasi dalam HTML 3.2; masih berlaku.
<title> … </ title>
Menentukan judul dokumen. Dibutuhkan dalam setiap dokumen HTML dan XHTML. agen Pengguna dapat menggunakan gelar dengan cara yang berbeda. Sebagai contoh:
Web browser biasanya menampilkannya di bar judul jendela ketika jendela terbuka, dan (bila diperlukan) di task bar ketika jendela diminimalkan.
Ini mungkin menjadi nama file default saat menyimpan halaman.
Mesin pencari web crawler ‘dapat membayar perhatian khusus pada kata-kata yang digunakan dalam judul.
Unsur Judul tidak boleh mengandung unsur-unsur lainnya, hanya teks. Hanya satu elemen judul yang diizinkan dalam dokumen.
JUDUL ada dalam HTML Tag, dan standar dalam HTML 2,0; masih berlaku.
[Sunting elemen] Dokumen tubuh
Dalam browser visual, elemen tampilan dapat diberikan baik sebagai blok atau inline.Sementara semua elemen adalah bagian dari urutan dokumen, elemen-elemen blok ditampilkan dalam elemen induk mereka:
sebagai obyek persegi panjang yang tidak melanggar lintas;
dengan margin blok, lebar dan sifat tinggi yang dapat diatur secara independen dari unsur-unsur sekitarnya.
Sebaliknya, elemen inline diperlakukan sebagai bagian dari aliran teks dokumen, mereka tidak dapat memiliki margin, lebar atau menetapkan tinggi, dan melakukan istirahat di seluruh baris.
[Sunting] Elemen Blok
[Sunting] Teks Dasar
<p> … </ p>
Membuat paragraf, mungkin yang paling umum tingkat blok elemen. Tag penutup diperlukan untuk XHTML.
P ada dalam HTML Tag, dan standar dalam HTML 2,0; masih berlaku.
<h1> … </ h1> <h2> … </ h2> <h3> … </ h3> <h4> … </ h4> <h5> … </ h5> <h6> … </ h6>
Bagian pos pada tingkat yang berbeda. <h1> delimits tingkat-tertinggi pos, <h2> tingkat berikutnya ke bawah (sub-bagian), <h3> untuk tingkat di bawah, dan sebagainya untuk <h6>.
Sebagian besar browser visual menunjukkan pos sebagai teks tebal besar secara default, meskipun ini dapat diganti dengan CSS. Pos elemen tidak dimaksudkan hanya untuk membuat teks besar atau tebal – mereka menggambarkan struktur dokumen dan organisasi. Beberapa program menggunakan mereka untuk menghasilkan garis besar dan tabel isi.
Judul ada dalam HTML Tag, dan standar dalam HTML 2,0; masih berlaku.
[Sunting] Daftar
<dl> … </ dl>
Sebuah daftar definisi (terdiri dari definisi istilah dipasangkan dengan definisi).
DL ada dalam HTML Tag, dan standar dalam HTML 2,0; masih berlaku.
<dt> … </> dt
Suatu istilah definisi dalam daftar definisi.
DT ada dalam HTML Tag, dan standar dalam HTML 2,0; masih berlaku.
<dd> … </> dd
Definisi istilah, dalam daftar definisi.
DD ada dalam HTML Tag, dan standar dalam HTML 2,0; masih berlaku.
<ol> … </> ol
Sebuah memerintahkan (dicacah) daftar. Jenis atribut dapat digunakan untuk menentukan jenis pemesanan, tapi stylesheet yang memberikan kontrol lebih: (list-style-type: foo). Nilai default adalah bahasa Arab penomoran.
OL ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<ul> … </ ul>
An unordered (bulet) daftar. Stylesheet yang dapat digunakan untuk menentukan daftar penanda: (list-style-type: foo). Penanda default adalah sebuah disk.
UL ada dalam HTML Tag, dan standar dalam HTML 2,0; masih berlaku.
<li> … </ li>
Sebuah daftar item dalam memerintahkan (ol) atau unordered (ul) daftar.
LI ada dalam HTML Tag, dan standar dalam HTML 2,0; masih berlaku.
<dir> … </ dir> (ditinggalkan)
Sebuah daftar direktori. Tujuan asli dari elemen ini tidak pernah didukung secara luas; usang mendukung <ul>.
DIR ada dalam HTML Tag, dan standar dalam HTML 2,0; usang dalam HTML 4.0 Transisi; tidak valid dalam HTML 4.0 Strict.
<menu> … <> menu / (ditinggalkan)
Sebuah daftar menu. Harus lebih kompak dari daftar <ul>, tapi sangat didukung. Usang mendukung <ul>.
MENU ada dalam HTML Tag, dan standar dalam HTML 2,0; usang dalam HTML 4.0 Transisi; tidak valid dalam HTML 4.0 Strict.
[Sunting elemen] blok Lainnya
<address> … </> Alamat
Kontak informasi untuk dokumen penulis.
ALAMAT ada di HTML Tag, dan standar dalam HTML 2,0; tetap berjalan.
<blockquote> … </> blockquote
Sebuah kutipan blok-tingkat, karena ketika kutipan blok meliputi elemen-elemen tingkat, misalnya paragraf. The mengutip atribut dapat memberikan sumber, dan harus menjadi Uniform Resource Identifier yang memenuhi syarat.
Presentasi kutipan blok default di browser visual biasanya untuk indent mereka dari kedua margin. Hal ini menyebabkan unsur yang tidak perlu digunakan hanya untuk paragraf indent, terlepas dari semantik. Untuk kutipan tidak mengandung unsur-unsur blok tingkat melihat kutipan (q) unsur.
Blockquote ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<center> … <center> / (ditinggalkan)
Membuat divisi-blok-blok tingkat pusat. Usang mendukung <div> atau elemen dengan berpusat didefinisikan dengan menggunakan stylesheet.
Standarisasi dalam HTML 3.2; usang dalam HTML 4.0 Transisi; tidak valid dalam HTML 4.0 Strict.
<del> …</ del>
Menandai bagian konten dihapus. Unsur ini juga dapat digunakan sebagai inline.
Standarisasi dalam HTML 4.0; masih berlaku.
<div> … </ div>
Artikel utama: Span dan div
A-level divisi blok logis. Unsur generik tanpa makna semantik digunakan untuk membedakan bagian dokumen, biasanya untuk tujuan seperti presentasi atau perilaku dikendalikan oleh stylesheet atau panggilan DOM.
Usulan dalam Konsep 3,0 HTML; Standarisasi dalam HTML 3.2; masih berlaku.
<hr>
Aturan horizontal. aturan penyajian juga dapat digambar dengan stylesheet.
Usulan dalam Konsep 3,0 HTML; Standarisasi dalam HTML 3.2; masih berlaku.
<ins> …</ in>
Menandai bagian konten disisipkan. Unsur ini juga dapat digunakan sebagai inline.
Standarisasi dalam HTML 4.0; masih berlaku.
<noscript> …</ noscript>
Penggantian konten untuk skrip. Tidak seperti script ini hanya dapat digunakan sebagai elemen block-level.
Standarisasi dalam HTML 4.0; masih berlaku.
<pre> … </> pra
Pra-format teks. Teks dalam elemen ini biasanya ditampilkan dalam huruf non-proporsional persis seperti yang tercantum dalam file (lihat seni ASCII). Sedangkan browser mengabaikan spasi untuk elemen HTML lainnya, dalam pre, spasi harus diterjemahkan sebagai menulis.(Dengan properti CSS: (white-space: pre; font-family: monospace;), unsur-unsur lainnya dapat disajikan dengan cara yang sama) elemen ini dapat berisi elemen inline kecuali: gambar (img.), Objek (objek) , font ukuran besar (besar), ukuran font kecil (kecil), superscript (sup), dan subskrip (sub).
PRA ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<script> …</ script>
Tempat naskah dalam dokumen. Juga dapat dipakai di kepala dan dalam konteks inline.
Catatan: script tidak sendiri baik blok atau elemen inline; dengan sendirinya tidak harus menampilkan sama sekali, tetapi dapat berisi petunjuk untuk secara dinamis menghasilkan baik kedua blok atau konten inline.
Standarisasi dalam HTML 3.2; masih berlaku.
[Sunting] Elemen Inline
Inline unsur yang tidak dapat ditempatkan secara langsung di dalam elemen body, mereka harus diulang seluruhnya dalam blok-elemen tingkat [11].
[Sunting] Jangkar
<a> … </ a>
Sebuah unsur jangkar disebut anchor karena web designer dapat menggunakannya untuk jangkar URL ke beberapa teks pada suatu halaman web. Bila pengguna melihat halaman web di browser, mereka dapat mengklik teks untuk mengaktifkan link dan mengunjungi halaman yang URL-nya di link. [12]
Dalam HTML, sebuah jangkar tersebut bisa berasal dari asal atau sasaran (tujuan) akhir hyperlink.
Dengan atribut href (referensi hypertext [1]), jangkar menjadi hyperlink ke salah satu bagian lain dari dokumen atau sumber lain (misalnya halaman web) menggunakan URL eksternal.
Atau (dan kadang-kadang bersamaan), dengan nama atau id atribut set, elemen yang menjadi sasaran. A Uniform Resource Locator dapat link ke target ini melalui fragmen identifier. Setiap elemen sekarang dapat dibuat menjadi anchor dengan menggunakan atribut id, [2] sehingga dengan name=”foo”> <a tidak diperlukan.
Judul atribut dapat dibuat untuk memberikan informasi singkat tentang link:
<a <link teks title=”additional information”> / a>
Pada kebanyakan browser grafis, ketika kursor ke suatu link, biasanya berubah menjadi telapak tangan dengan jari telunjuk menggeliat, dan judul muncul dalam beberapa cara (bervariasi menurut browser). Beberapa browser memberikan alt teks dengan cara yang sama, meskipun hal ini secara teknis tidak benar.
A ada dalam HTML Tag, dan standar dalam HTML 2,0; masih berlaku.
[Sunting] Elemen Frasa
[Sunting] Umum
<abbr> … </> abbr
Marks singkatan, dan dapat membuat formulir lengkap yang tersedia:
<abbr title=”abbreviation”> abbr. </ abbr>
Standarisasi dalam HTML 4.0; masih berlaku.
<acronym> … </> singkatan
Serupa dengan elemen abbr, tetapi tanda akronim:
<acronym title=”Hyper-Text Markup Language”> HTML </ singkatan>
Standarisasi dalam HTML 4.0; masih berlaku.
<dfn> … </> dfn
Inline definisi istilah tunggal.
DFN ada di Internet Draft HTML 1.2, dan sepenuhnya standar di HTML 3.2; masih berlaku.
<em> … </ em>
Penekanan (konvensional ditampilkan dalam huruf miring)
EM ada di Internet Draft HTML 1.2, dan standar dalam HTML 2,0; masih berlaku.
<strong> … </ strong>
penekanan yang kuat (konvensional ditampilkan huruf tebal).
Agen pengguna aural dapat menggunakan suara yang berbeda untuk penekanan.
KUAT ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; tetap berjalan.
[Sunting] Elemen Komputer frase
Unsur-unsur ini berguna terutama untuk mendokumentasikan komputer kode pengembangan dan interaksi pengguna melalui pembedaan kode sumber (<code>), variabel kode sumber (<var>), input pengguna (<kbd>), dan output terminal (<samp>).
<code> … </ code>
Seorang potongan kode. Konvensional yang diberikan dalam font monospace: Kode potongan.
CODE HTML ada di Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<samp> … </> samp
Contoh output (dari sebuah program atau script)
SAMP ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<kbd> … </> KBD
Keyboard – teks yang akan dimasukkan oleh pengguna
KBD ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<var> … </> var
Variabel
VAR ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
[Sunting] Presentasi
Sebagai markup presentational visual hanya berlaku langsung ke browser visual, penggunaannya dilarang. Stylesheet yang harus digunakan sebagai gantinya. Beberapa unsur ini usang atau tidak valid dalam HTML 4 / XHTML 1.0, dan sisanya tidak valid dalam draft saat XHTML 2.0. Draft HTML 5 saat ini, Namun, termasuk b, i, dan kecil.
<b> … </ b>
Set font untuk huruf tebal di mana mungkin. (Setara CSS: (font-weight: bold).) <strong>> …</ Kuat biasanya memiliki efek yang sama dalam browser visual, serta memiliki arti yang lebih semantik.
B ada di Internet Draft HTML 1.2, dan standar dalam HTML 2,0; masih berlaku.
<i> … </ i>
Set font untuk miring jika memungkinkan. (Setara CSS: (font-style: italic)) <em> …</ em>. Biasanya memiliki efek yang sama dalam browser visual, serta memiliki arti yang lebih semantik.
Aku ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<big> … </> besar
Meningkatkan ukuran font (teks lebih besar). Setara CSS: (font-size: lebih besar)
Standarisasi dalam HTML 3,2; masih berlaku.
<small> … </ small>
Mengurangi ukuran font (teks kecil). Setara CSS: (font-size: lebih kecil)
Standarisasi dalam HTML 3.2; masih berlaku.
<strike> … <> mogok / (usang) dan <s> … <> s / (ditinggalkan)
Strike-melalui teks (Dicoret), (Setara CSS: (text-decoration: line-through))
SERANGAN dibakukan dalam HTML 3.2; usang dalam HTML 4.0 Transisi; tidak valid dalam HTML 4.0 Strict.
S sudah ditinggalkan di HTML 4.0 Transisional (karena tidak muncul dalam standar sebelumnya), dan tidak valid dalam HTML 4.0 Strict.
<tt> … </ tt>
Fixed-width font (seperti mesin tik), juga dikenal sebagai teletype. (Setara CSS: (font-family: monospace;))
TT ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<u> … </ u> (ditinggalkan)
Menggarisbawahi teks. (Setara CSS: (text-decoration: underline))
U ada di Internet Draft HTML 1.2, dan standar dalam HTML 2,0; usang dalam HTML 4.0 Transisi; tidak valid dalam HTML 4.0 Strict.
<font> … </ font> (ditinggalkan)
<font [color=color] [size=size] [face=face]> … </ font>
Dapat menentukan warna font dengan atribut warna, jenis huruf dengan atribut wajah, dan absolut atau relatif ukuran dengan atribut ukuran.
Contoh (semua menggunakan yang usang, gunakan CSS setara jika memungkinkan):
<font teks <color=”green”> / font> menciptakan teks hijau.
<font teks <color=”#114499″> / font> menciptakan teks dengan warna heksadesimal # 114499.
<font teks <size=”4″> / font> menciptakan teks dengan ukuran 4. Ukuran 1-7. Ukuran standar adalah 3, kecuali dinyatakan khusus dalam <body> atau tag lainnya.
<font teks <size=”+1″> / font> menciptakan teks dengan ukuran 1 lebih besar dari standar.<font teks <size=”-1″> / font> adalah sebaliknya.
<font teks <face=”Courier”> / font> membuat teks dengan font Courier.
Setara CSS untuk atribut font:
size=”N”> <font sesuai dengan (font-size: Yunits) (spesifikasi HTML tidak mendefinisikan hubungan antara ukuran N dan unit-ukuran Y, juga tidak mendefinisikan satu unit).
<font color=”red”> sesuai dengan (warna: merah)
face=”Courier”> <font sesuai dengan (font-family: “Courier”)
Standarisasi dalam HTML 3.2; usang dalam HTML 4.0 Transisi; tidak valid dalam HTML 4.0 Strict.
[Sunting] Span
<span> … </ span>
Artikel utama: Span dan div
Sebuah divisi inline logis. Unsur generik tanpa makna semantik digunakan untuk membedakan bagian dokumen, biasanya untuk tujuan seperti presentasi atau perilaku dikendalikan oleh stylesheet atau panggilan DOM.
Standarisasi dalam HTML 4,0; masih berlaku.
[Sunting elemen] inline Lainnya
<br>
Sebuah garis dipaksa-istirahat.
Standarisasi dalam HTML 2,0; masih berlaku.
<bdo> … </ BDO>
Menandai bagian inline teks di mana arah membaca adalah lawan dari unsur induk.
Standarisasi dalam HTML 4.0; masih berlaku.
<cite> … </ mengutip>
Kutipan. Referensi kutipan atau pernyataan dalam dokumen.
Cité ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<del> … </ del>
Dihapus teks. Biasanya diberikan sebagai sebuah coret: teks Dihapus.
Standarisasi dalam HTML 4.0; masih berlaku.
<ins> … </ ins>
Disisipkan teks. Sering digunakan untuk mark up teks pengganti untuk teks d <del> ‘. Biasanya diberikan digarisbawahi: Dimasukkan teks.
Standarisasi dalam HTML 4.0; masih berlaku.
Catatan, baik in dan del elemen juga dapat digunakan sebagai elemen blok: berisi blok yang lain dan elemen inline. Namun, unsur-unsur ini masih harus tetap sepenuhnya dalam elemen orang tua mereka untuk mempertahankan sebuah dokumen HTML well-formed. Misalnya menghapus teks dari tengah salah satu ayat di beberapa paragraf dan berakhir di sebuah paragraf akhir perlu menggunakan tiga elemen yang terpisah del. Dua unsur del akan diperlukan sebagai elemen inline untuk menunjukkan penghapusan teks dalam paragraf pertama dan terakhir, dan yang ketiga, digunakan sebagai elemen blok, untuk menunjukkan penghapusan dalam paragraf intervensi.
<q> … </ q>
Sebuah kutipan inline (for quotation tingkat blok lihat blockquote). Kutipan elemen dapat bersarang.
otomatis q harus menghasilkan tanda kutip dalam hubungannya dengan stylesheet. Praktis keprihatinan karena browser non-kepatuhan mungkin memaksa penulis untuk mendapatkan pekerjaan-arounds.
The mengutip atribut memberikan sumber, dan harus menjadi URI yang memenuhi syarat.
Standarisasi dalam HTML 4.0; masih berlaku.
Catatan: kutipan inline Panjang dapat ditampilkan sebagai blok indentasi (sebagai blockquote) menggunakan stylesheet. Misalnya, dengan CSS sesuai aturan yang terkait dengan q.lengthy:
<q class=’lengthy’> Sebuah kutipan inline panjang signifikan (katakanlah 25 kata, misalnya) terjadi di sini …</ q>
<script> …</ script>
Tempat naskah dalam dokumen. Juga dapat dipakai di kepala dan dalam konteks blok.
Catatan: script tidak sendiri baik blok atau elemen inline; dengan sendirinya tidak harus menampilkan sama sekali, tetapi dapat berisi petunjuk untuk secara dinamis menghasilkan baik kedua blok atau konten inline.
Standarisasi dalam HTML 3.2; masih berlaku.
<sub> … </ sub> dan <sup> … </> sup
Mark subskrip atau teks superscript. (Setara CSS: (vertikal-align:) atau (sub vertikal-align: super).)
Keduanya diusulkan dalam Konsep 3,0 HTML; Standarisasi dalam HTML 3.2; masih berlaku.
[Sunting Gambar] dan objek
<applet> … </> applet (deprecated)
Embeds Java applet dalam halaman. Usang mendukung <object>, karena hanya bisa digunakan dengan applet Java, dan keterbatasan akses.
Standarisasi dalam HTML 3.2; usang dalam HTML 4.0 Transisi; tidak valid dalam HTML 4.0 Strict. Pada 2010, masih digunakan secara luas sebagai implementasi dari <object> menggantikan tidak konsisten antara browser yang berbeda.
<area>
Menentukan area focusable di peta.
Standarisasi dalam HTML 3.2; masih berlaku.
<img>
Digunakan oleh agen pengguna visual untuk menyisipkan gambar dalam dokumen. Atribut src menentukan URL gambar. Atribut alt diperlukan menyediakan teks alternatif dalam hal gambar tidak dapat ditampilkan. [13] (Meskipun alt dimaksudkan sebagai teks alternatif, Microsoft Internet Explorer menjadikan itu sebagai tooltip jika judul tidak diberikan Safari dan. Google Chrome, di sisi lain , tidak menampilkan atribut alt pada semua) [14 img] diusulkan oleh Marc Andreessen dan diimplementasikan dalam browser web Mosaic NSCA.. [15]
IMG ada dalam HTML Internet Draft 1,2, dan standar dalam HTML 2,0; masih berlaku.
<map> … </> peta
Menentukan peta citra sisi klien.
Standarisasi dalam HTML 3.2; masih berlaku.
<object> … </> objek
Termasuk objek di halaman ditentukan oleh jenis tipe atribut. Hal ini mungkin pada berbagai tipe MIME-agen pengguna mengerti, seperti halaman HTML tertanam, sebuah file yang akan ditangani oleh sebuah plug-in seperti Flash, Java applet, file suara, dll
Standarisasi dalam HTML 4.0; masih berlaku.
<param>
Awalnya diperkenalkan dengan applet, elemen ini sekarang digunakan dengan, dan seharusnya hanya terjadi sebagai anak objek. Menggunakan atribut untuk mengatur parameter untuk objek, misalnya lebar, tinggi, font, warna latar belakang, dll, tergantung pada jenis objek. Sebuah objek dapat memiliki beberapa params.
Standarisasi dalam HTML 3.2; masih berlaku.
[Sunting] Bentuk
Artikel utama: bentuk HTML
Elemen-elemen ini dapat dikombinasikan menjadi bentuk atau dalam beberapa kasus digunakan secara terpisah sebagai kontrol user-interface; dalam dokumen, mereka dapat HTML sederhana atau digunakan bersama dengan Skrip. HTML markup menentukan elemen yang membentuk sebuah formulir, dan metode yang akan disampaikan. Akan tetapi, beberapa bentuk skrip (sisi server, sisi klien, atau keduanya) harus digunakan untuk memproses input pengguna setelah diajukan.
(Hal-hal tersebut baik blok atau elemen inline, tapi dikumpulkan di sini sebagai penggunaan lebih terbatas daripada elemen inline lain atau blok.)
<form action=”url”> … </ form>
Membuat formulir. Unsur bentuk dan mengoperasikan menetapkan tindakan keseluruhan area bentuk, menggunakan atribut tindakan yang diperlukan.
Standarisasi dalam HTML 2,0; masih berlaku.
<button> … </> tombol
Sebuah tombol generik bentuk yang dapat berisi berbagai elemen lainnya untuk membuat tombol yang kompleks.
Standarisasi dalam HTML 4.0; masih berlaku.
<fieldset> … </> fieldset
Sebuah wadah untuk menambahkan bentuk-bentuk struktur.
<input>
type = “text”
type = “tersembunyi”