Rumah  >  Artikel  >  hujung hadapan web  >  Apakah atribut html?

Apakah atribut html?

王林
王林asal
2023-05-15 17:57:082110semak imbas

HTML ialah bahasa penanda yang digunakan untuk membuat halaman web. Dalam HTML, atribut ialah ciri-ciri elemen yang menentukan kelakuannya. Atribut boleh menetapkan warna, saiz, sasaran pautan, dsb. elemen. Dalam artikel ini, kami akan memperkenalkan beberapa atribut yang biasa digunakan dalam HTML.

  1. atribut kelas

Atribut kelas digunakan untuk menentukan kategori kepunyaan elemen tersebut. Kategori boleh terdiri daripada satu atau lebih perkataan, dipisahkan dengan ruang. Kategori boleh menyediakan pengecam untuk tetapan gaya CSS, membenarkan gaya elemen dikawal secara seragam di seluruh dunia.

Contohnya:

<div class="container">
    <p class="paragraph">这是一个段落。</p>
</div>

Dalam contoh di atas, kedua-dua elemen div dan elemen p mempunyai atribut kelas. Atribut kelas bagi elemen div ialah "bekas", dan atribut kelas bagi elemen p ialah "perenggan".

  1. atribut id

Atribut id digunakan untuk menentukan pengecam unik elemen. Atribut id boleh digunakan sebagai sauh hiperpautan dalam dokumen atau sebagai elemen diposisikan dalam kod JavaScript.

Contohnya:

<div id="header">
    <h1>网站标题</h1>
</div>

Dalam contoh di atas, atribut id bagi elemen div ialah "header".

  1. atribut gaya

Atribut gaya digunakan untuk menentukan gaya CSS untuk elemen. Nilai atribut gaya ialah gaya CSS dan boleh mengandungi berbilang sifat dan nilai CSS.

Contohnya:

<p style="color:red;font-size:20px;">这是一个段落。</p>

Dalam contoh di atas, atribut gaya elemen p ialah "color:red;font-size:20px;".

  1. atribut href

atribut href digunakan untuk menentukan alamat sasaran hiperpautan. Atribut href boleh menjadi laluan mutlak atau laluan relatif.

Contohnya:

<a href="http://www.example.com">这是一个链接</a>

Dalam contoh di atas, atribut href bagi elemen a ialah "http://www.example.com".

  1. atribut src

Atribut src digunakan untuk menentukan alamat fail media seperti imej, audio atau video.

Contohnya:

<img src="image.jpg">

Dalam contoh di atas, atribut src bagi elemen img ialah "image.jpg".

  1. atribut alt

atribut alt digunakan untuk menyediakan teks alternatif untuk elemen imej. Apabila imej gagal dimuatkan, nilai atribut alt akan dipaparkan pada halaman.

Contohnya:

<img src="image.jpg" alt="这是一张图片">

Dalam contoh di atas, atribut alt bagi elemen img ialah "Ini ialah gambar".

  1. atribut tajuk

Atribut tajuk digunakan untuk memberikan maklumat tambahan kepada elemen. Nilai atribut tajuk akan dipaparkan dalam penyemak imbas apabila tetikus dilegar di atas elemen.

Contohnya:

<a href="http://www.example.com" title="这是一个链接">这是一个链接</a>

Dalam contoh di atas, atribut tajuk elemen a ialah "Ini ialah pautan".

  1. atribut sasaran

Atribut sasaran digunakan untuk menentukan cara hiperpautan membuka halaman. Atribut sasaran boleh menjadi _blank (buka dalam tetingkap baharu), _self (buka dalam tetingkap semasa), dsb.

Contohnya:

<a href="http://www.example.com" target="_blank">这是一个链接</a>

Dalam contoh di atas, atribut sasaran elemen a ialah "_blank".

Ringkasan

Dalam HTML, atribut ialah ciri elemen yang mentakrifkan kelakuannya. Atribut HTML yang biasa digunakan termasuk kelas, id, gaya, href, src, alt, tajuk, sasaran, dsb. Menguasai sifat ini membolehkan kami membuat halaman Web dengan lebih baik.

Atas ialah kandungan terperinci Apakah atribut html?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:html padam failArtikel seterusnya:html padam fail