Lit tekst of foto's sjen litte mei CSS en JavaScript

Meitsje in ûnderfining-styl ûnderfining op jo websides

Dynamyske HTML (DHTML) liedt jo in ûntwikkeljen fan styl fan tapassing op jo websides te meitsjen, wêrtroch't de foarkar feroaret dat hiele siden folslein laden wurde. Yn applikaasjes, as jo op wat wat klikje, feroaret de applikaasje fuortdaliks om it spesifike ynhâld te sjen of jo jo antwurd te jaan.

Yn tsjinstelling ta moatte websteeën gewoane relasjearre wurde, of in folsleine nije side moat laden wurde. Dit kin de brûker ûntdek mear meitsje. Jo klanten moatte wachtsje op 'e earste side om te laden en dan wer op' e twadde side te wachtsjen, en sa op.

Mei & lt; div & gt; om werjefteferlikingen te ferbetterjen

DHTML brûke, ien fan 'e maklikste manieren om dizze ûnderfining te ferbetterjen is te meitsjen fan div- eleminten op en út om ynhâld te sjen as it frege wurdt. In div-elemint definiearret logyske divyzjes ​​op jo webside. Tink oan in div as in fakje dy't paragrafen, kopteksten, keppelingen, ôfbyldings, en sels oare divs befetsje kin.

Wat jo & # 39; ll nedich wêze

Om in div te meitsjen dy't jo op en útskeakelje kinne wurde, moatte jo de neikommende:

De kontrolearjende keppeling

De kontrolearjende keppeling is it maklikste diel. Fia in keppeling oanmeitsje lykas jo wolle op in oare side. Hjirmei lit it href attribút leech litte.

Learje HTML

Plak dit oeral op jo webside.

De div om te sjen en te sjen

It div-elemint meitsje dat jo sjen litte en sjen litte. Soargje derfoar dat jo div in unike id hat. Yn it foarbyld is de unike id HTML HTML leare .

Dit is de ynhâld kolom. It begjint leech as útsûndering foar dizze tekst fan eksplisyaasjes. Kies wat jo leare wolle yn 'e navigaasje kolom links. De tekst ferskynt hjirûnder:

HTML learje
  • Gratis HTML-klasse
  • HTML Tutorial a>
  • Wat is XHTML?

    De CSS om sjen te litten en sjen te litten

    Meitsje twa klassen foar jo CSS: ien om de div en de oare te ferbergjen om it te sjen. Jo hawwe twa opsjes foar dit: werjaan en sichtberens.

    It werjaan de div út fan 'e side-stream, en sichtberens makket allinich wizigingen hoe't it sjoen wurdt. Guon coders foareare sjen litte , mar soms sichtberens makket ek sin. Bygelyks:

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

    As jo ​​sichtberens brûke wolle, feroarje dizze lessen nei:

    .hidden {sichtberens: ferburgen; } .unhidden {sichtberens: sichtber; }

    Foegje de ferburgen klasse oan jo div omdat it begjint as ferburgen op 'e side:

    class = "hidden" >

    JavaScript om it te meitsjen

    Alles dit skript sjocht nei de hjoeddeiske klasse op jo div en set jo it oan as jo it ûngedien meitsje as it as ferstoppe of oarsom is markearre.

    Dit is mar in pear rigels fan JavaScript. Plak it folgjende yn 'e kop fan jo HTML dokumint (foardat it tag: