Rumah > hujung hadapan web > html tutorial > Pengenalan kepada 5 teg dan atribut HTML yang menarik dan praktikal_HTML/Xhtml_Webpage Production

Pengenalan kepada 5 teg dan atribut HTML yang menarik dan praktikal_HTML/Xhtml_Webpage Production

WBOY
Lepaskan: 2016-05-16 16:37:13
asal
1438 orang telah melayarinya

Sebenarnya, ini juga tajuk utama, dan ia tidak boleh dikatakan "mempesonakan". Ini hanya kerana saya jahil dan tidak pernah melihat label ini. Ciri ini tidak begitu biasa pada tapak web biasa, jadi ia terasa sangat segar bagi saya. Kemudian saya akan mencipta satu siri untuk merekodkan semua tag HTML yang baik yang saya temui (mungkin tag HTML5, tidak ada jaminan bahawa semua pelayar akan serasi).

1 boleh diedit kandungan

Ini ialah teg baharu dalam HTML5, yang membenarkan kandungan kawasan diedit, seperti jadual berikut: (Jadual dalam IE nampaknya tidak menyokong atribut ini, tetapi div dan badan nampaknya menyokongnya. Jika anda Jika anda menggunakan IE, sila cuba klik pada bahagian $100 dan $50 untuk mengedit Saya menambah tag boleh diedit kandungan pada dua kotak ini



Simpanan bulanan
Bulan Penjimatan
Januari
$100
Februari
$50

Petua: Anda boleh mengubah suai sebahagian daripada kod sebelum menjalankan


Perhatikan bahawa jadual ini boleh diedit terus Kami boleh menukar teks secara langsung tanpa menambah sebarang kotak teks, dan jika sub-teg tidak menyatakan atribut ini, ia akan diwarisi secara lalai, jadi ia sangat mudah. . (Sudah tentu, jika anda menambah atribut ini pada badan, semuanya boleh diedit, yang sangat menakutkan...)

2. tag set medan

Perkara ini bersamaan dengan GroupBox dalam .NET, tetapi saya tidak tahu ia berfungsi untuk mengumpulkan elemen berkaitan dalam bentuk:




Petua: Anda boleh mengubah suai sebahagian kod sebelum menjalankan

Tag

legenda menyatakan tajuk KOTAK ini.

3. tag kawasan

Hiperpautan boleh diletakkan terus pada kawasan tertentu imej! Hanya padankan teg peta dan atribut usemap img (perhatikan bahawa selepas mengklik pada gambar untuk melompat ke halaman lain, ingat untuk kembali ^_^):



Planets

Sun
Petua: Anda boleh mengubah suai sebahagian daripada kod sebelum menjalankan

4. output标签

这个标签能够直接显示脚本的运算结果(注意:目前IE的任何版本都不支持),以下脚本似乎不工作,可能是因为WP的原因所致:



提示:您可以先修改部分代码再运行

5. mark标签

直接能够高亮一段文字,不需要把文字拆开即可实现:



提示:您可以先修改部分代码再运行

今天先到这吧,以后看到好的HTML标签和特效再贴上来。

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan