tutes-dump/site-tutorials/example_source.html

265 lines
5.3 KiB
HTML
Raw Normal View History

2020-07-11 06:11:19 -04:00
<head>
<style type="text/css">
.title{
background-color:#ffffff;
font-size:30px;
color:#2a2a2a;
}
.header{
background-color:#ffffff;
font-size:20px;
color:#2a2a2a;
}
.body{
background-color:#ffffff;
font-size:15px;
color:#2a2a2a;
}
.reference{
border: 1px dotted #000;
text-align: left;
padding: 5px;
padding: 15px 30px 15px;
background:#CCC url('http://sdf.org/tutorials/images/ref.png') 5px 5px no-repeat;
color: #000;
margin: 10px 5px;
}
.link { text-decoration:none }
.superscript{
font-size:10px;
vertical-align:top;
}
.subscript{
font-size:10px;
vertical-align:bottom;
}
.note{
border: 1px dotted #000;
text-align: left;
padding: 5px;
padding: 15px 30px 15px;
background: #DC143C url('http://sdf.org/tutorials/images/note.png') 5px 5px no-repeat;
color: #FFF;
margin: 10px 5px;
}
.code{
border: 1px dotted #000;
text-align: left;
padding: 5px;
padding: 15px 30px 15px;
background:#2F4F4F url('http://sdf.org/tutorials/images/code.png') 5px 5px no-repeat;
color: #00FF00;
margin: 10px 5px;
font-family: monospace;
}
table.table {
border-width: 0px;
border-spacing: 0px;
border-style: none;
border-collapse: collapse;
background-color: #1E90FF;
}
table.table th {
border-width: 1px;
padding: 1px;
border-style: inset;
border-color: white;
background-color: #A0522D;
-moz-border-radius: ;
padding: 10;
}
table.table td {
border-width: 1px;
padding: 1px;
border-style: inset;
border-color: white;
background-color: #FFEBCD;
-moz-border-radius: ;
padding: 5;
}
</style>
</head>
<h1 class="title">Tutorial: Example Source code</h1>
<pre class="code"><br>
&lt;head>
&lt;style type="text/css">
.title{
background-color:#ffffff;
font-size:30px;
color:#2a2a2a;
}
.header{
background-color:#ffffff;
font-size:20px;
color:#2a2a2a;
}
.body{
background-color:#ffffff;
font-size:15px;
color:#2a2a2a;
}
.reference{
border: 1px dotted #000;
text-align: left;
padding: 5px;
padding: 15px 30px 15px;
background:#CCC url('http://sdf.org/tutorials/images/ref.png') 5px 5px no-repeat;
color: #000;
margin: 10px 5px;
}
.link { text-decoration:none }
.superscript{
font-size:10px;
vertical-align:top;
}
.subscript{
font-size:10px;
vertical-align:bottom;
}
.note{
border: 1px dotted #000;
text-align: left;
padding: 5px;
padding: 15px 30px 15px;
background: #DC143C url('http://sdf.org/tutorials/images/note.png') 5px 5px no-repeat;
color: #FFF;
margin: 10px 5px;
}
.code{
border: 1px dotted #000;
text-align: left;
padding: 5px;
padding: 15px 30px 15px;
background:#2F4F4F url('http://sdf.org/tutorials/images/code.png') 5px 5px no-repeat;
color: #00FF00;
margin: 10px 5px;
font-family: monospace;
}
table.table {
border-width: 0px;
border-spacing: 0px;
border-style: none;
border-collapse: collapse;
background-color: #1E90FF;
}
table.table th {
border-width: 1px;
padding: 1px;
border-style: inset;
border-color: white;
background-color: #A0522D;
-moz-border-radius: ;
padding: 10;
}
table.table td {
border-width: 1px;
padding: 1px;
border-style: inset;
border-color: white;
background-color: #FFEBCD;
-moz-border-radius: ;
padding: 5;
}
&lt;/style>
&lt;/head>
&lt;h1 class="title">Here is a test for the title format.&lt;/h1>
&lt;h3 class="header">Here is a test for the header format.&lt;/h3>
&lt;p class="body">Here is a test for the tutorial body format.&lt;/p>
&lt;p class="note">&lt;br>Here is a test for a note/warning/tip.&lt;/p>
&lt;p class="code">&lt;br>Here is a test for the code format.&lt;/p>
&lt;p class="reference">&lt;br>Here is a test for the reference format.&lt;/p>
&lt;table class="table">
&lt;tr>&lt;th>&nbsp;&lt;/th>
&lt;th>Table Header 1&lt;/th>
&lt;th>Table Header 2&lt;/th>
&lt;/tr>
&lt;tr>
&lt;th>Table Header 3&lt;/th>
&lt;td>TABLE DATA&lt;/td>
&lt;td>TABLE DATA&lt;/td>
&lt;/tr>
&lt;tr>
&lt;th>Table Header 4&lt;/th>
&lt;td>TABLE DATA&lt;/td>
&lt;td>TABLE DATA&lt;/td>
&lt;/tr>
&lt;tr>
&lt;th>Table Header 5&lt;/th>
&lt;td>TABLE DATA&lt;/td>
&lt;td>TABLE DATA&lt;/td>
&lt;/tr>
&lt;/table>
&lt;dl>
&lt;dt>Section 1&lt;/dt>
&lt;dd>Section 1.1&lt;/dd>
&lt;dd>Section 1.2&lt;/dd>
&lt;dd>Section 1.3&lt;/dd>
&lt;dt>Section 2&lt;/dt>
&lt;dd>Section 2.1&lt;/dd>
&lt;dt>Section 3&lt;/dt>
&lt;dd>Section 3.1&lt;/dd>
&lt;dd>Section 3.2&lt;/dd>
&lt;dt>Section 4&lt;/dt>
&lt;dd>Section 4.1&lt;/dd>
&lt;dd>Section 4.2&lt;/dd>
&lt;/dl>
&lt;a class="link" href="http://www.example.com">Example link&lt;/a>
&lt;br>
&lt;img src="http://sdf.org/tutorials/images/example.png" alt="Example" height="128" width="128"/>&lt;br>
&lt;br>
&lt;pre class="reference">
Book:
Author's last name, first initial. (Publication date). Book title. Additional information. City of publication: Publishing company.
Encyclopedia & Dictionary:
Author's last name, first initial. (Date). Title of Article. Title of Encyclopedia (Volume, pages). City of publication: Publishing company.
Magazine & Newspaper Articles:
Author's last name, first initial. (Publication date). Article title. Periodical title, volume number(issue number if available), inclusive pages.
Online periodical:
Author's name. (Date of publication). Title of article. Title of Periodical, volume number, Retrieved month day, year, from full URL
Online document:
Author's name. (Date of publication). Title of work. Retrieved month day, year, from full URL
&lt;/pre>
&#36;Id&#36;
</pre>