DErik's Test Page Renamed: Difference between revisions

From RCGRS MRT Wiki
Jump to navigation Jump to search
mNo edit summary
No edit summary
Line 1: Line 1:
<!--This is DErik's Test Page Renamed-->
<!--This is DErik's Test Page Renamed-->
[[Category:Works In Progress]] <span style="color:red;"><br>Under construction/modification by [[User:DErik|DErik]] ([[User talk:DErik|talk]]) 18:18, 20 May 2023 (PDT)<br></span>
[[Category:Works In Progress]] <span style="color:red;"><br />Under construction/modification by [[User:DErik|DErik]] ([[User talk:DErik|talk]]) 18:18, 20 May 2023 (PDT)<br /></span>
<!--{{rtoc}}-->
<!--{{rtoc}}-->
This is a test page, where I experiment with various things. Additional pages exist as well. See the [[DErik's TOC Xprmnts]] page. It describes various test I made incorporating text, headers, and a TOC to see how the popup preview (when you pause the cursor over an article link, like the one here) is displayed. Results indicate that some straight text (like the synopsis of the article) should be before any header or TOC request. Other things, like including the article in a category, or putting some HTML (particularly comments) first is also OK. For example, I have both a category specification and HTML comments in front of this paragraph. Which is then followed by a header.  I have not specifically requested a TOC, but one will be generated automatically because I have more than 3 headings (at various levels).
This is a test page, where I experiment with various things. Additional pages exist as well. See the [[DErik's TOC Xprmnts]] page. It describes various test I made incorporating text, headers, and a TOC to see how the popup preview (when you pause the cursor over an article link, like the one here) is displayed. Results indicate that some straight text (like the synopsis of the article) should be before any header or TOC request. Other things, like including the article in a category, or putting some HTML (particularly comments) first is also OK. For example, I have both a category specification and HTML comments in front of this paragraph. Which is then followed by a header.  I have not specifically requested a TOC, but one will be generated automatically because I have more than 3 headings (at various levels).
Line 6: Line 6:
<center>this line is centered and all by itself, using HTML "center" tag</center>
<center>this line is centered and all by itself, using HTML "center" tag</center>
<center>And so is this line image, again using HTML "center" tag. Followed by an image that gets centered as well. Believe that is because I added a "center" attribute to the declaration of the image file, like so: <nowiki>[[File:Receiver_control_chip.jpeg|center|200px|Receiver control chip]]</nowiki>
<center>And so is this line image, again using HTML "center" tag. Followed by an image that gets centered as well. Believe that is because I added a "center" attribute to the declaration of the image file, like so: <nowiki>[[File:Receiver_control_chip.jpeg|center|200px|Receiver control chip]]</nowiki>
[[File:Receiver_control_chip.jpeg|center|200px|Receiver control chip]]But notice that the caption text is not included with the above image. To have a caption, the image must be declared as a thumbnail. Check this out:<nowiki>[[File:Receiver_control_chip.jpeg|thumb|200px|Receiver control chip]]</nowiki><br>[[File:Receiver_control_chip.jpeg|thumb|200px|Receiver control chip]]<br>I declared the image right after the example declaration, and then I forced a line break (used HTML "br" tag) after the image above, but still in the "center" tag. However, note that the thumbnail image is right justified, with text wrapped to its left. The next thumbnail below is centered because I included the "center" attribute in the declaration of the image file.
[[File:Receiver_control_chip.jpeg|center|200px|Receiver control chip]]But notice that the caption text is not included with the above image. To have a caption, the image must be declared as a thumbnail. Check this out:<nowiki>[[File:Receiver_control_chip.jpeg|thumb|200px|Receiver control chip]]</nowiki><br />[[File:Receiver_control_chip.jpeg|thumb|200px|Receiver control chip]]<br />I declared the image right after the example declaration, and then I forced a line break (used HTML "br" tag) after the image above, but still in the "center" tag. However, note that the thumbnail image is right justified, with text wrapped to its left. The next thumbnail below is centered because I included the "center" attribute in the declaration of the image file.
[[File:Receiver_board_hooked_to_battery_and_track.jpeg|thumb|center|Receiver board]]But notice that, if your browser page is wide enough, it isn't '''''exactly''''' centered. It is still to the left of the previous thumbnail. But it is centered in the space available to the left of the previous thumbnail. Shrink the width of the window to see how it behaves.<br>The "controller" thumb is left justified.
[[File:Receiver_board_hooked_to_battery_and_track.jpeg|thumb|center|Receiver board]]But notice that, if your browser page is wide enough, it isn't '''''exactly''''' centered. It is still to the left of the previous thumbnail. But it is centered in the space available to the left of the previous thumbnail. Shrink the width of the window to see how it behaves.<br />The "controller" thumb is left justified.
[[File:Frontside of handheld control station.jpeg|thumb|left|alt=Front of controller|The controller]]<br>The following thumb is sized at 200px.
[[File:Frontside of handheld control station.jpeg|thumb|left|alt=Front of controller|The controller]]<br />The following thumb is sized at 200px.
[[File:Receiver board hooked to battery and track.jpeg|thumb|200px|center|Dr. Bunza built this.]]<br>And here ends the HTML "center" tag.
[[File:Receiver board hooked to battery and track.jpeg|thumb|200px|center|Dr. Bunza built this.]]<br />And here ends the HTML "center" tag.
</center>
</center>
===Here's a level 3 header===
===Here's a level 3 header===
Line 34: Line 34:
----
----
<div aria-hidden="true" role="presentation">[https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Wikimedia_Hackathon_Prague_2019_-_Group_Photo_-_CLK_-_cropped.jpg/640px-Wikimedia_Hackathon_Prague_2019_-_Group_Photo_-_CLK_-_cropped.jpg|{{dir|{{{1|{{PAGELANGUAGE}}}}}|left|right}}|thumb|320px| <translate><!--T:19--> Photo of participants of the Wikimedia Hackathon 2019</translate>]</div>
<div aria-hidden="true" role="presentation">[https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Wikimedia_Hackathon_Prague_2019_-_Group_Photo_-_CLK_-_cropped.jpg/640px-Wikimedia_Hackathon_Prague_2019_-_Group_Photo_-_CLK_-_cropped.jpg|{{dir|{{{1|{{PAGELANGUAGE}}}}}|left|right}}|thumb|320px| <translate><!--T:19--> Photo of participants of the Wikimedia Hackathon 2019</translate>]</div>
[File:Wikimedia Hackathon Prague 2019 - Group Photo - CLK - cropped.jpg|thumb|320px]<br>
[File:Wikimedia Hackathon Prague 2019 - Group Photo - CLK - cropped.jpg|thumb|320px]<br />
[https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Wikimedia_Hackathon_Prague_2019_-_Group_Photo_-_CLK_-_cropped.jpg/640px-Wikimedia_Hackathon_Prague_2019_-_Group_Photo_-_CLK_-_cropped.jpg|]
[https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Wikimedia_Hackathon_Prague_2019_-_Group_Photo_-_CLK_-_cropped.jpg/640px-Wikimedia_Hackathon_Prague_2019_-_Group_Photo_-_CLK_-_cropped.jpg|]
----
----
A file reference included here: <nowiki>[[File:5387.jpg|thumb|100x100px|Some caption here]]</nowiki>[[File:5387.jpg|thumb|100x100px|Some caption here]] That is to a JPG and shown as a thumbnail photo. It appears that it will be placed by default to the far right of the text body, with any following text wrapped around it. This seems to be because it is a "thumbnail" or a floating. But you can change the left right position using a floating attribute. For example, the following picture <span style="float:left; margin:5px;">[[File:5387.jpg|thumb|100x100px|Some caption here]]</span> is in a <nowiki><span style="float:left; margin:5px;">pic</span></nowiki>. <br><br>And you are able to modify the position of a picture with regard to the text even when it is not a thumb or floating picture. But in those cases, it seems that horizontal and vertical positioning do not interact well with each other. For example, to center the pic and have the bottom of the pic even with the bottom of the text does not seem possible, while doing either one independtly works fine. See [http://Help:Images Help:Images]
A file reference included here: <nowiki>[[File:5387.jpg|thumb|100x100px|Some caption here]]</nowiki>[[File:5387.jpg|thumb|100x100px|Some caption here]] That is to a JPG and shown as a thumbnail photo. It appears that it will be placed by default to the far right of the text body, with any following text wrapped around it. This seems to be because it is a "thumbnail" or a floating. But you can change the left right position using a floating attribute. For example, the following picture <span style="float:left; margin:5px;">[[File:5387.jpg|thumb|100x100px|Some caption here]]</span> is in a <nowiki><span style="float:left; margin:5px;">pic</span></nowiki>. <br /><br />And you are able to modify the position of a picture with regard to the text even when it is not a thumb or floating picture. But in those cases, it seems that horizontal and vertical positioning do not interact well with each other. For example, to center the pic and have the bottom of the pic even with the bottom of the text does not seem possible, while doing either one independtly works fine. See [http://Help:Images Help:Images]
----
----
The "No wiki formatting" button in the toolbar above wraps selected text in the <nowiki>&lt;nowiki&gt;</nowiki>&lt;/nowiki&gt; tag. This results in the included text not being recognized as wiki commands. And I think not as HTML in some cases either. Still experimenting with that.
The "No wiki formatting" button in the toolbar above wraps selected text in the <nowiki>&lt;nowiki&gt;</nowiki>&lt;/nowiki&gt; tag. This results in the included text not being recognized as wiki commands. And I think not as HTML in some cases either. Still experimenting with that.
Line 52: Line 52:
----
----
<nowiki>
<nowiki>
{{pp-protected|reason=Persistent [[WP:Disruptive editing|disruptive editing]]: new accounts don't need to edit this|small=yes|category=no}}</nowiki><br><nowiki>
{{pp-protected|reason=Persistent [[WP:Disruptive editing|disruptive editing]]: new accounts don't need to edit this|small=yes|category=no}}</nowiki><br /><nowiki>
{{Container category|nocat=true}}</nowiki><br><nowiki>
{{Container category|nocat=true}}</nowiki><br /><nowiki>
{{Wikipedia category|shortcut1=CAT:|shortcut2=CAT:CONT|shortcut3=CAT:CONTENTS}}</nowiki><br><nowiki>
{{Wikipedia category|shortcut1=CAT:|shortcut2=CAT:CONT|shortcut3=CAT:CONTENTS}}</nowiki><br /><nowiki>
{{For|an overview of the content of Wikipedia|Wikipedia:Contents}}</nowiki><br><nowiki>
{{For|an overview of the content of Wikipedia|Wikipedia:Contents}}</nowiki><br /><nowiki>
{{See also|Category:Wikipedia pageviews|Category:Wikipedia navigation|Category:Wikipedia administration}}</nowiki><br><nowiki>
{{See also|Category:Wikipedia pageviews|Category:Wikipedia navigation|Category:Wikipedia administration}}</nowiki><br /><nowiki>
</nowiki><br><nowiki>
</nowiki><br /><nowiki>
This is the '''top level''' of [[Wikipedia:About|Wikipedia]]'s [[Wikipedia:Categorization|category system]] (which is why it has no parent category). Its subcategories contain various types of encyclopaedic content (i.e. [[:Category:Articles|articles]]), content that assists with the navigation of the encyclopaedia (e.g. [[:Category:Portals|portals]]), as well as pages related to maintaining and collaborating on the encyclopaedia (e.g. [[Wikipedia:Administration|Wikipedia administration]] and [[Wikipedia:WikiProjects|WikiProjects]]).</nowiki><br><nowiki>
This is the '''top level''' of [[Wikipedia:About|Wikipedia]]'s [[Wikipedia:Categorization|category system]] (which is why it has no parent category). Its subcategories contain various types of encyclopaedic content (i.e. [[:Category:Articles|articles]]), content that assists with the navigation of the encyclopaedia (e.g. [[:Category:Portals|portals]]), as well as pages related to maintaining and collaborating on the encyclopaedia (e.g. [[Wikipedia:Administration|Wikipedia administration]] and [[Wikipedia:WikiProjects|WikiProjects]]).</nowiki><br /><nowiki>
</nowiki><br><nowiki>
</nowiki><br /><nowiki>
</nowiki>
</nowiki>
----
----
Which results in the following:
Which results in the following:
----
----
{{pp-protected|reason=Persistent [[WP:Disruptive editing|disruptive editing]]: new accounts don't need to edit this|small=yes|category=no}}<br>
{{pp-protected|reason=Persistent [[WP:Disruptive editing|disruptive editing]]: new accounts don't need to edit this|small=yes|category=no}}<br />
{{Container category|nocat=true}}<br>
{{Container category|nocat=true}}<br />
{{Wikipedia category|shortcut1=CAT:|shortcut2=CAT:CONT|shortcut3=CAT:CONTENTS}}<br>
{{Wikipedia category|shortcut1=CAT:|shortcut2=CAT:CONT|shortcut3=CAT:CONTENTS}}<br />
{{For|an overview of the content of Wikipedia|Wikipedia:Contents}}<br>
{{For|an overview of the content of Wikipedia|Wikipedia:Contents}}<br />
{{See also|Category:Wikipedia pageviews|Category:Wikipedia navigation|Category:Wikipedia administration}}
{{See also|Category:Wikipedia pageviews|Category:Wikipedia navigation|Category:Wikipedia administration}}


Line 87: Line 87:
----
----
=Creating a table with special formatting=
=Creating a table with special formatting=
See [https://mediawiki.org/wiki/Help:Links Help:Tables] help page.
==Tables==
See [https://mediawiki.org/wiki/Help:Links Help:Tables] help page.<br />
==Math equations==
See [https://wikipedia.org/wiki/Help:Displaying_a_formula Displaying a formula]. Here are some examples:
 
''E'' = ''mc''{{sup|2}}
''E'' = ''mc''<sup>2</sup>
<br /><math>E = mc^2</math><br />
{{math|1=''E'' = ''mc''{{sup|2}}}}
for E = mc^2
 
For example, the famous [[Einstein formula]] can be entered in raw HTML as <nowiki>{{nowrap|''E'' {{=}} ''mc''<sup>2</sup>}}</nowiki>, which is rendered as {{nowrap|''E'' {{=}} ''mc''<sup>2</sup>}} (the template <nowiki>{{nowrap}}</nowiki> is here only for avoiding a line break inside the formula). With <nowiki>{{math}}</nowiki>, it can be entered as <nowiki>{{math|''E'' {{=}} ''mc''{{sup|2}}}}</nowiki>, which is rendered as {{math|''E'' {{=}} ''mc''{{sup|2}}}}. With LaTeX, it is entered as <syntaxhighlight lang="html" inline><math>E=mc^2</math></syntaxhighlight>, and rendered as <math>E=mc^2</math>.
 
For example, the famous [[Einstein formula]] can be entered in raw HTML as <syntaxhighlight lang="wikitext" inline>{{nowrap|''E'' {{=}} ''mc''<sup>2</sup>}}</syntaxhighlight>, which is rendered as<br />
{{nowrap|''E'' {{=}} ''mc''<sup>2</sup>}}<br />
(the template <nowiki>{{nowrap}}</nowiki> is here only for avoiding a line break inside the formula). With <nowiki>{{math}}</nowiki>, it can be entered as <nowiki>{{math|''E'' {{=}} ''mc''{{sup|2}}}}</nowiki>, which is rendered as<br />
{{math|''E'' {{=}} ''mc''{{sup|2}}}}<br />
With LaTeX, it is entered as <math>E=mc^2</math>, and rendered as
=
2
E=mc^{2}.
 
<div class="latex">
\int_{0}^{\pi}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi
</div>
 
<div class="latex"> 
    \int_{0}^{\pi}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi 
</div>
 
 
=Reference List=
=Reference List=
<references />
<references />
[[Category:DErik (Don Erikstrup) Pages]]
[[Category:DErik (Don Erikstrup) Pages]]

Revision as of 14:00, 2 January 2024


Under construction/modification by DErik (talk) 18:18, 20 May 2023 (PDT)

This is a test page, where I experiment with various things. Additional pages exist as well. See the DErik's TOC Xprmnts page. It describes various test I made incorporating text, headers, and a TOC to see how the popup preview (when you pause the cursor over an article link, like the one here) is displayed. Results indicate that some straight text (like the synopsis of the article) should be before any header or TOC request. Other things, like including the article in a category, or putting some HTML (particularly comments) first is also OK. For example, I have both a category specification and HTML comments in front of this paragraph. Which is then followed by a header. I have not specifically requested a TOC, but one will be generated automatically because I have more than 3 headings (at various levels).

a heading

this line is centered and all by itself, using HTML "center" tag
And so is this line image, again using HTML "center" tag. Followed by an image that gets centered as well. Believe that is because I added a "center" attribute to the declaration of the image file, like so: [[File:Receiver_control_chip.jpeg|center|200px|Receiver control chip]]
Receiver control chip
Receiver control chip
But notice that the caption text is not included with the above image. To have a caption, the image must be declared as a thumbnail. Check this out:[[File:Receiver_control_chip.jpeg|thumb|200px|Receiver control chip]]
Receiver control chip

I declared the image right after the example declaration, and then I forced a line break (used HTML "br" tag) after the image above, but still in the "center" tag. However, note that the thumbnail image is right justified, with text wrapped to its left. The next thumbnail below is centered because I included the "center" attribute in the declaration of the image file.
Receiver board
But notice that, if your browser page is wide enough, it isn't exactly centered. It is still to the left of the previous thumbnail. But it is centered in the space available to the left of the previous thumbnail. Shrink the width of the window to see how it behaves.
The "controller" thumb is left justified.
Front of controller
The controller

The following thumb is sized at 200px.
Dr. Bunza built this.

And here ends the HTML "center" tag.

Here's a level 3 header

But then I start a new center tag section.

This is a test page for DErik.

This text is wrapped in a <span> tag with a CSS style attribute included. The CSS style of "text-align: center;" apparently is not recognized or is ignored or deleted by the wiki software.

The actual full text of the above paragraph is shown below, wrapped in a <nowiki> tag so that you can see all of it. However, the left and right arrow characters around "span" above are done with normal HTML escapes, that is wrapped in an "&" and ";" so that they will appear as the proper characters and not be recognized as arrow indicators.

<span style="font-family: Times New Roman; color: green; text-align: center;">This text is wrapped in a &lt;span&gt; tag with a CSS style attribute included. The CSS style of "text-align: center;" apparently is not recognized or is ignored or deleted by the wiki software.</span>

References and Footnotes

Inserting a reference: [1]. And then listing them, at least the ones defined so far.

  1. Some reference here

Trying it in WYSIWG editor: <ref>Really does not work</ref> because it wraps in nowiki tag.


A live reference example: [1][2] with the list here:

  1. Wikipedia administration,Admin
  2. [Wikipedia:WikiProjects|Wikipedia projects],Projects

Note the numbering started over. This is because the reference list was already done above.


Images

See Help:Images for details.


[File:Wikimedia Hackathon Prague 2019 - Group Photo - CLK - cropped.jpg|thumb|320px]
[1]


A file reference included here: [[File:5387.jpg|thumb|100x100px|Some caption here]]

Some caption here

That is to a JPG and shown as a thumbnail photo. It appears that it will be placed by default to the far right of the text body, with any following text wrapped around it. This seems to be because it is a "thumbnail" or a floating. But you can change the left right position using a floating attribute. For example, the following picture

Some caption here

is in a <span style="float:left; margin:5px;">pic</span>.

And you are able to modify the position of a picture with regard to the text even when it is not a thumb or floating picture. But in those cases, it seems that horizontal and vertical positioning do not interact well with each other. For example, to center the pic and have the bottom of the pic even with the bottom of the text does not seem possible, while doing either one independtly works fine. See Help:Images


The "No wiki formatting" button in the toolbar above wraps selected text in the <nowiki></nowiki> tag. This results in the included text not being recognized as wiki commands. And I think not as HTML in some cases either. Still experimenting with that.


A subheading (level 2)

Category stuff

My testing

Category RCGRS Wiki Help not found

Others

The following is copied from source of page https://en.wikipedia.org/wiki/Category:Contents.


{{pp-protected|reason=Persistent [[WP:Disruptive editing|disruptive editing]]: new accounts don't need to edit this|small=yes|category=no}}
{{Container category|nocat=true}}
{{Wikipedia category|shortcut1=CAT:|shortcut2=CAT:CONT|shortcut3=CAT:CONTENTS}}
{{For|an overview of the content of Wikipedia|Wikipedia:Contents}}
{{See also|Category:Wikipedia pageviews|Category:Wikipedia navigation|Category:Wikipedia administration}}

This is the '''top level''' of [[Wikipedia:About|Wikipedia]]'s [[Wikipedia:Categorization|category system]] (which is why it has no parent category). Its subcategories contain various types of encyclopaedic content (i.e. [[:Category:Articles|articles]]), content that assists with the navigation of the encyclopaedia (e.g. [[:Category:Portals|portals]]), as well as pages related to maintaining and collaborating on the encyclopaedia (e.g. [[Wikipedia:Administration|Wikipedia administration]] and [[Wikipedia:WikiProjects|WikiProjects]]).


Which results in the following:


Template:Pp-protected
Template:Container category
Template:Wikipedia category
Template:For
Template:See also

This is the top level of Wikipedia's category system (which is why it has no parent category). Its subcategories contain various types of encyclopaedic content (i.e. articles), content that assists with the navigation of the encyclopaedia (e.g. portals), as well as pages related to maintaining and collaborating on the encyclopaedia (e.g. Wikipedia administration and WikiProjects).


Note that the "Template:..." lines, and a couple of other referencees, are red, indicating that the referenced pages do not yet exist. That is because this is the RCGRS wiki site. They do exist on the Wikipedia site, but not here. To see the actual Wikipedia page, and view its actual source from there, click the link at the begining of this section. Also, note the syntax of the references in the source; it is done with transclusion, so the actual page as displayed appears a little differently than just the source text would imply.

Section headings with anchor

<div id="Unique anchor name 1">optional text</div>

<span id="Unique anchor name 2">optional text</span>

Rendered block-level and inline, respectively. Doing this would allow for [[#Unique anchor name 1]] on the same page or [[Help:Links#Unique anchor name 1]] on a different page. Omit the "optional text" for an invisible anchor.

Setting an anchor in a section heading

==<span id="Alternate Section Title 1">Some anchor name here?</span>Section heading goes here==

Note the placement. This must be a "span" tag, not a "div". (Such anchors allow sections to be retitled without breaking incoming links.) DErik note: Note that the text line starts with a blank character, not the "==" characters that indicate a section start. Deleting that blank character results in the following:

<span id="Alternate Section Title 1">Some anchor name here?</span>Section heading goes here

Also note that, in both examples above, everything between the double equals sign pairs, that are the wiki markup for a section, is also wrapped in a "nowiki" tag section - that you cannot see without editing this page.


Creating a table with special formatting

Tables

See Help:Tables help page.

Math equations

See Displaying a formula. Here are some examples:

E = mc2 E = mc2

E = mc2

for E = mc^2

For example, the famous Einstein formula can be entered in raw HTML as {{nowrap|''E'' {{=}} ''mc''<sup>2</sup>}}, which is rendered as Template:Nowrap (the template {{nowrap}} is here only for avoiding a line break inside the formula). With {{math}}, it can be entered as {{math|''E'' {{=}} ''mc''{{sup|2}}}}, which is rendered as E = mc2 . With LaTeX, it is entered as <syntaxhighlight lang="html" inline></syntaxhighlight>, and rendered as .

For example, the famous Einstein formula can be entered in raw HTML as <syntaxhighlight lang="wikitext" inline>Template:Nowrap</syntaxhighlight>, which is rendered as
Template:Nowrap
(the template {{nowrap}} is here only for avoiding a line break inside the formula). With {{math}}, it can be entered as {{math|''E'' {{=}} ''mc''{{sup|2}}}}, which is rendered as
E = mc2
With LaTeX, it is entered as , and rendered as � = � � 2 E=mc^{2}.

\int_{0}^{\pi}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi

   \int_{0}^{\pi}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi  


Reference List