Line 266: |
Line 266: |
| <h3>Paragraph</h3> | | <h3>Paragraph</h3> |
| | | |
− | <p>Most paragraph </p> | + | <p>A paragraph tag, denoted by the letter “p”, is opened like all other HTML tags with an opening<nowiki> “<p>” tag and a closing “</p>”</nowiki>. In the brief, when an entire paragraph (as shown below) needs to be uploaded with no special rendering this can be done using the paragraph tag.</p> |
| | | |
| <table class="wikitable markupTable"> | | <table class="wikitable markupTable"> |
Line 279: |
Line 279: |
| </table> | | </table> |
| | | |
− | <p>Collapsable paragraph</p> | + | <p>In the brief, when an entire paragraph needs to be hidden/collapsible this can be done by making the paragraph tag part of the class “highlighted mw-collapsible-content”. The CSS will render it as seen below.</p> |
| | | |
| <table class="wikitable markupTable"> | | <table class="wikitable markupTable"> |
Line 299: |
Line 299: |
| </table> | | </table> |
| | | |
− | <p>Collapsable Line</p> | + | <p>When only part of a paragraph needs to be hidden/collapsible the paragraph will need to be separated into several paragraph tags based on if they need to be hidden/collapsible or not. Parts that do not need to be hidden/collapsible will be part of the class “inline”. This allows the CSS to render the entire paragraph as one piece of text. Areas of text requiring still to be hidden/collapsible are made part of the class “highlighted inline mw-collapsible-content”. An example can be seen below.</p> |
| | | |
| <table class="wikitable markupTable"> | | <table class="wikitable markupTable"> |
Line 342: |
Line 342: |
| | | |
| <h3>List</h3> | | <h3>List</h3> |
| + | |
| + | <p><nowiki>Lists can be created in two ways. These are unordered lists which are simply bulleted, and ordered lists which are numbered. Unordered lists like all HTML tags are denoted by an opening “<ul>” tag and a closing “</ul>” tag. In the same manner, ordered lists are opened with an opening “<ol>” tag and a closing “</ol>” tag. The items in the list will be placed within these tags. List items require being individually wrapped in a “<li>” opening tag and closing “</li>” tag. An example of this can be seen below.</nowiki></p> |
| | | |
| <ul> | | <ul> |
Line 374: |
Line 376: |
| </table> | | </table> |
| | | |
− | <p>Collapsable List</p> | + | <p>If elements in the list require being hidden/collapsible the entire list will need to be made as a list of lists. When doing this collapsible items will be placed in a list that is part of the class “highlighted mw-collapsible-content”. An example of this can be seen below.</p> |
| | | |
| <table class="wikitable markupTable"> | | <table class="wikitable markupTable"> |
Line 478: |
Line 480: |
| | | |
| <h3>Links, Images and Files</h3> | | <h3>Links, Images and Files</h3> |
| + | |
| + | <p><nowiki>Links, files, and images are all denoted in a similar fashion with the double square brackets and a vertical line separator as such “[[ | ]]”. For links the left side of the separator contains the URL of the link (if it is a wiki link the title of the page can be given). On right side of the separator is the name the user wishes to be displayed. Similar to links, files contain the file name to be displayed on the right side of the separator. The left side contains file name that was uploaded to the database separated by underscores. The left side also contains the prefix “Media:EN_-_”. An image is denoted the same way. Except the right side of the separator contains the size of the image in pixels (eg. 40px). The left side contains the name of the image with the prefix “File:”. Examples of all three can be seen below.</nowiki><br/></p> |
| + | |
| + | <p>Images and files need to be uploaded to the database by clicking the “Upload file” link on the left side of the page.</p> |
| | | |
| <table class="wikitable markupTable"> | | <table class="wikitable markupTable"> |
Line 504: |
Line 510: |
| <h3>References</h3> | | <h3>References</h3> |
| | | |
− | <p>APA</p> | + | <p><nowiki>References like other HTML tags are created with an opening <ref> tag and a closing </ref> tag. Within the reference tags the APA citation can be placed. After the citation a link can also be place with the same format as previously discussed or simply with one square bracket pair like “[ ]”. Doing so, will cause the citation in the text to appear as a number, as seen in the example below.</nowiki></p> |
| | | |
| <table class="wikitable markupTable"> | | <table class="wikitable markupTable"> |