How to Wiki: Difference between revisions

Line 177:

Inside of the <nowiki><tab></nowiki> argument, you can include what is known as <code>attributes.</code><br>

Notice the previous Tab was collapsed when the page loaded: that was accomplished with the ''collapsed tab''. Click below to learn more.

{|class="wikitable"

!Attribute

!Description

|-

|[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#title <code>title</code>]

|Determines the tooltip shown (<span title="Example tooltip text">Hover over this text for an example</span>) when hovering over the box.

|-

|[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#style <code>style</code>]

|Use this attribute to define any styles for the box. This can also affect the box's label.

|-

|[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#class <code>class</code>]

|Adds classes to the box. Different classes are seperated by spaces. Classes are generally used for altering the appearance of the box via CSS.

|-

|[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#id <code>id</code>]

|Adds an id to the box. This id must be unique on the page, as per HTML specifications. Ids are generally used for linking scripts to via JavaScript, or they might also be used for altering the appearance of the individual box via CSS.

|}</tab>

{|class="wikitable"

!Attribute

Line 203:

Line 222:

|style="color: darkblue;"|<code>name</code>

|This attribute is used to define the text the label shows for the tab. If the entered name already exists within the tab, the contents of the <code><tab></code> tag are automatically assigned to the existing tab. This also means no two tabs can have an identical label. This attribute will be ignored if the <code>index</code> attribute already refers to an existing tab. Whitespace is automatically removed from the start and end of this attribute's value.

|}</tab>

|}| name=Specific| index="2"}}

}}</tab>

</tabs>

@@ Line 177: / Line 177: @@
 Inside of the <nowiki><tab></nowiki> argument, you can include what is known as <code>attributes.</code><br>
 Notice the previous Tab was collapsed when the page loaded: that was accomplished with the ''collapsed tab''. Click below to learn more.
-<tab name="Attribute Table" collapsed style="text-align:center">
+<tabs><tab name="General">
+{|class="wikitable"
+!Attribute
+!Description
+|-
+|[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#title <code>title</code>]
+|Determines the tooltip shown (<span title="Example tooltip text">Hover over this text for an example</span>) when hovering over the box.
+|-
+|[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#style <code>style</code>]
+|Use this attribute to define any styles for the box. This can also affect the box's label.
+|-
+|[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#class <code>class</code>]
+|Adds classes to the box. Different classes are seperated by spaces. Classes are generally used for altering the appearance of the box via CSS.
+|-
+|[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#id <code>id</code>]
+|Adds an id to the box. This id must be unique on the page, as per HTML specifications. Ids are generally used for linking scripts to via JavaScript, or they might also be used for altering the appearance of the individual box via CSS.
+|}</tab>
+<tab name="Specific">
 {|class="wikitable"
 !Attribute
@@ Line 203: / Line 222: @@
 |style="color: darkblue;"|<code>name</code>
 |This attribute is used to define the text the label shows for the tab. If the entered name already exists within the tab, the contents of the <code>&lt;tab&gt;</code> tag are automatically assigned to the existing tab. This also means no two tabs can have an identical label. This attribute will be ignored if the <code>index</code> attribute already refers to an existing tab. Whitespace is automatically removed from the start and end of this attribute's value.
-|}</tab>
+|}| name=Specific| index="2"}}
+}}</tab>
+</tabs>