Difference between revisions of "Template:Code/testcases"

From blackwiki
Jump to navigation Jump to search
imported>SMcCandlish
imported>Matt Fitzpatrick
(composing side by side test cases)
Line 1: Line 1:
 
{{template test cases notice}}
 
{{template test cases notice}}
 +
 +
<div style="display:inline-block; max-width:49%; vertical-align:top;">
 +
<h2>Live version</h2>
 +
<small>[[Template:Code]]</small>
 +
 +
{{code|lang=html|
 +
<html> <head> <title>...</title> </head> <body>...</body> </html>
 +
}}
 +
 +
Most HTML elements are enclosed between a start tag and an end tag, such as {{code|lang=html|<p>...</p>}}. Some are not, such as {{code|lang=html|<br>}}.
 +
</div>
 +
 +
<div style="display:inline-block; max-width:49%; vertical-align:top;">
 +
<h2>Sandbox version</h2>
 +
<small>[[Template:Code/sandbox]]</small>
 +
 +
{{code/sandbox|lang=html|
 +
<html> <head> <title>...</title> </head> <body>...</body> </html>
 +
}}
 +
 +
Most HTML elements are enclosed between a start tag and an end tag, such as {{code/sandbox|lang=html|<p>...</p>}}. Some are not, such as {{code/sandbox|lang=html|<br>}}.
 +
</div>
  
 
== Testing sandbox version ==
 
== Testing sandbox version ==

Revision as of 00:14, 7 April 2016

Live version

Template:Code

<html> <head> <title>...</title> </head> <body>...</body> </html>

Most HTML elements are enclosed between a start tag and an end tag, such as <p>...</p>. Some are not, such as <br>.

Sandbox version

Template:Code/sandbox

<html> <head> <title>...</title> </head> <body>...</body> </html>

Most HTML elements are enclosed between a start tag and an end tag, such as <p>...</p>. Some are not, such as <br>.

Testing sandbox version

Fontsize in FF:

Plain
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{{code}}
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<code>...</code>
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
syntaxhighlight
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
source
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
font-family:monospace; only
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.