Tuduhake lan Singidaken Tèks utawa Gambar Kanthi CSS lan JavaScript

Nggawe pengalaman aplikasi ing situs web sampeyan

Dynamic HTML (DHTML) ngidini sampeyan nggawe pengalaman aplikasi ing situs web sampeyan, ngurangi frekuensi sing kabeh kaca kudu dimuat kanthi lengkap. Ing aplikasi, nalika sampeyan ngeklik apa-apa, aplikasi kasebut langsung diganti kanggo nuduhake yen isi tartamtu utawa kanggo menehi sampeyan jawaban sampeyan.

Ing kontras, kaca web biasane kudu diisi maneh, utawa kabeh kaca anyar kudu dimuat. Iki bisa nggawe pengalaman panganggo liyane. Pelanggan sampeyan kudu ngenteni kaca pisanan supaya diundhuh lan banjur enteni maneh kanggo kaca sing kapindho, lan sateruse.

Nggunakake & lt; div & gt; kanggo nambah pangalaman Viewer

Nggunakake DHTML, salah siji cara sing paling gampang kanggo ngapikake pengalaman iki yaiku ndhelikake unsur-unsur div lan mateni kanggo nampilake isi nalika diwajibake. A unsur div nemtokake bagean logis ing kaca web sampeyan. Coba div minangka kothak sing bisa ngemot paragraf, judhul, pranala, gambar, lan malah div liyane.

Apa Sampeyan Bakal Perlu

Kanggo nggawe div sing bisa diuripake lan mateni, sampeyan mbutuhake ing ngisor iki:

Link Kontrol

Link kontrol minangka bagean paling gampang. Cukup nggawe pranala kaya sampeyan menyang kaca liya. Saiki, ninggalake href attribute kosong.

Sinau HTML

Selehake iki ing ngendi wae ing kaca web sampeyan.

Div kanggo nuduhake lan ndhelikake

Gawe elemen div sing pengin dituduhake lan diselehake. Priksa manawa div sampeyan nduwe id unik. Contone, id unik yaiku sinau HTML .

Iki minangka kolom isi. Wiwit metu kothong kajaba kanggo teks panjelasan iki. Pilih apa sing pengin sampeyan sinau ing kolom pandhu arah ing sisih kiwa. Teks bakal katon ing ngisor iki:

Learn HTML
  • a>
  • Apa XHTML?

    CSS kanggo Nuduhake lan Singidaken Div

    Nggawe rong kelas kanggo CSS sampeyan: siji kanggo ndhelikake div lan liyane kanggo nuduhake. Sampeyan duwe opsi loro iki: tampilan lan visibilitas.

    Tampilan mbusak div saka aliran kaca, lan visibilitas mung ngganti cara ndeleng. Sawetara coders seneng tampilan , nanging kadhangkala visibilitas ndadekake pangertèn uga. Tuladhane:

    .hidden {display: none; } .unhidden {display: block; }

    Yen sampeyan pengin nggunakake visibilitas, banjur ganti kelas kasebut menyang:

    .hidden {visibility: hidden; } .unhidden {visibilitas: katon; }

    Nambah kelas sing didhelikake menyang div supaya wiwit minangka didhelikake ing kaca:

    class = "hidden" >

    JavaScript kanggo Sampeyan

    Kabeh script iki ora katon ing kelas saiki ing div lan toggles kanggo unhidden yen wis ditandhani minangka didhelikake utawa kosok balene.

    Iki mung sawetara baris JavaScript. Selehake ing ngisor isi dokumen HTML (sadurunge tag :