added guidelines for tables

Throne-Fall · Sep 5, 2024 · b0bea08 · b0bea08
1 parent 72dd09d
commit b0bea08
Showing 1 changed file with 60 additions and 0 deletions.
diff --git a/misc/how-to-contribute.html b/misc/how-to-contribute.html
@@ -423,6 +423,66 @@ <h3>Markup <em>(formatting)</em></h3>
 			</article>
 		</article>
 
+		<br>
+		<article id="guideLines">
+			<h2>Editing guidelines</h2>
+			<hr>
+
+			<article id="guidelines-tables">
+				<h3>Tables</h3>
+
+				<p> Creating tables on the wiki is quite simple, however there are certain requirements to make a table display correctly.</p>
+				<p>Visits <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics" target="_blank" rel="noopener noreferrer">Table basics on MDN</a> for more information about tables.</p>
+				<ul>
+					<li>All tables must contain the 
+							<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead" target="_blank" rel="noopener noreferrer">thead</a> 
+							and 
+							<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody" target="_blank" rel="noopener noreferrer">tbody</a> 
+					section.</li>
+					<li>Tables cannot contain any <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes" target="_blank" rel="noopener noreferrer">attributes</a> other than id <em>(which is rarely used for wiki tables)</em>.</li>
+					<li>Cells of a table heading must use the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th">&lt;th&gt;</a> tag to get styled correctly.</li>
+				</ul>
+
+				<!-- <br> -->
+				<h4>Table elements reference:</h4>
+				<table>
+					<thead>
+						<tr>
+							<th>Element name</th>
+							<th>Description</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table">&lt;table&gt;</a></td>
+							<td>The main table container</td>
+						</tr>
+						<tr>
+							<td><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead">&lt;thead&gt;</a></td>
+							<td>Table's header section</td>
+						</tr>
+						<tr>
+							<td><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody">&lt;tbody&gt;</a></td>
+							<td>Table's content section</td>
+						</tr>
+						<tr>
+							<td><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr">&lt;tr&gt;</a></td>
+							<td>Table row</td>
+						</tr>
+						<tr>
+							<td><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th">&lt;th&gt;</a></td>
+							<td>Heading cell</td>
+						</tr>
+						<tr>
+							<td><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td">&lt;td&gt;</a></td>
+							<td>Generic cell</td>
+						</tr>
+					</tbody>
+				</table>
+
+			</article>
+		</article>
+
 		<script>
 			function AddAlignMiddle ()
 			{