Wikibooks

Bahasa Penanda Hiperteks (HTML)/Senarai: Perbezaan antara semakan

Layar sejarah secara interaktif
← Suntingan sebelumnyaSuntingan berikutnya →
Kandungan dihapus Kandungan ditambah
VisualWikiteks
Algazel (bincang | sumb.)
1,163 suntingan
Tiada ringkasan suntingan
Algazel (bincang | sumb.)
1,163 suntingan
Baris 50:
}}
 
== DefinitionSenarai Listsdefinisi ==
 
Senarai definisi memaparkan senarai perkataan yang ditebalkan, disusuli oleh baris baharu dan didahului tatatanda prefiks (lalai).
Definition lists display a list of bolded terms, followed by the definition on a new line and prefixed by a tab (by default).
 
SampleSampel HTML:
 
<source lang="html4strict">
<dl>
<dt>TermPerkataan 1</dt>
<dd>DefinitionDefinisi of TermPerkataan 1</dd>
<dt>TermPerkataan 2</dt>
<dd>DefinitionDefinisi of TermPerkataan 2</dd>
</dl>
</source>
 
Contoh paparan:
Example rendering:
<!--Kod perlu ditaip tanpa ruang putih untuk mendapat paparan betul-->
{{CSS:rendered|1=<dl>
{{CSS:rendered|1=<dl><dt>TermPerkataan 1</dt>
<dd>Definisi Perkataan 1</dd><dt>Perkataan 2</dt><dd>Definisi Perkataan 2</dd></dl>
<dd>Definition of Term 1</dd>
<dt>Term 2</dt>
<dd>Definition of Term 2</dd>
</dl>▼
}}
 
Jika dua perkataan berkongsi definisi yang sama, perkataan-perkataan tersebut boleh dikumpulkan bersama seperti berikut:
If two terms share the same definition they can be grouped together like so:
 
<source lang="html4strict">
<dl>
<dt>CascadingLembaran StyleGaya SheetsLata</dt>
<dt>CSS</dt>
<dd>DefinitionTakrif ofLembaran Cascadinggaya Style SheetsLata (aka CSS)</dd>
<dt>TermPerkataan 2</dt>
<dd>DefinitionTakrif of TermPerkataan 2</dd>
</dl>
</source>
 
Contoh paparan:
Example rendering:
{{CSS:rendered|1=<dl><dt>Lembaran Gaya Lata</dt><dt>CSS</dt><dd>Takrif Lembaran gaya Lata (CSS)</dd> <dt>Perkataan 2</dt><dd>Takrif Perkataan 2</dd></dl>
{{CSS:rendered|1=<dl>
<dt>Cascading Style Sheets</dt>
<dt>CSS</dt>
<dd>Definition of Cascading Style Sheets (aka CSS)</dd>
<dt>Term 2</dt>
<dd>Definition of Term 2</dd>
</dl>
}}
 
IfJika asesebuah termperkataan hasitu twomemiliki alternativedua definitionsdefinisi, usegunakan a separateunsur <code>dd</code> elementbagi forsetiap eachdefinisi, definitionmisalnya, e.g.
 
<source lang="html4strict">
<dl>
<dt>MouseGnu</dt>
<dd>SmallAntelop mammalbesar</dd>
<dd>Input"GNU deviceis fornot a computerUnix"</dd>
</dl>
</source>
 
Example rendering:
{{CSS:rendered|1=<dl><dt>Gnu</dt><dd>Antelop besar</dd>
<dd>"GNU is not Unix"</dd></dl>
<dt>Mouse</dt>
<dd>Small mammal</dd>
<dd>Input device for a computer</dd>
</dl>
}}
 
LongerDefinisi definitionsatau cantakrifa beyang brokenlebih uppanjang intodapat paragraphsdibahagikan bykepada nestingperenggan dengan menggunakan unusr-unsur sarang <code>p</code> elementsdalam within theunsur <code>dd</code> element.
 
<source lang="html4strict">
<dl>
<dt>TermPerkataan 2</dt>
<dd>
<p>FirstPerenggan paragraphpertama of the definition.definisi</p>
<p>SecondPerenggan paragraphkedua of the definition.definisi</p>
</dd>
</dl>
</source>
 
Contoh paparan:
Example rendering:
{{CSS:rendered|1=<dl><dt>Perkataan 2</dt>
<dd><p>Perenggan pertama definisi</p>
<dt>Term 2</dt>
<p>Perenggan kedua definisi</p></dd>
<dd>
▲ </dl>
<p>First paragraph of the definition.</p>
<p>Second paragraph of the definition.</p>
</dd>
</dl>
}}
 
Diambil daripada "https://ms.wikibooks.org/wiki/Bahasa_Penanda_Hiperteks_(HTML)/Senarai"