config_eng.xml

easycms to learn easy php and see how to code in php and use mysql database requetes

</ul>
</pre>
<p>Is an unordered list. Each item will have a bullet point in front of it. You 
can nest unordered lists like this:</p>
%backtotop%

<pre>
&#60;ul&#62;
	&#60;li&#62;item&#60;/li&#62;
	&#60;li&#62;item
		&#60;ul&#62;
			&#60;li&#62;subitem&#60;/li&#62;
			&#60;li&#62;subitem&#60;/li&#62;
		&#60;/ul&#62;
	&#60;/li&#62;
	&#60;li&#62;item&#60;/li&#62;
	&#60;li&#62;item&#60;/li&#62;
&#60;/ul&#62;
</pre>

<h4><a name="ol">Ordered lists:</a></h4>
<p>If you use &#60;ol&#62;&#60;/ol&#62; instead of &#60;ul&#62;&#60;/ul&#62; you'll have an ordered list, which 
automatically numbers the items for you.</p>
%backtotop%

<h4><a name="dl">Definition list</a></h4>
<pre>
&#60;dl&#62;
	&#60;dt&#62;title&#60;/dt&#62;
	&#60;dd&#62;Explanation&#60;/dd&#62;
&#60;/dl&#62;
</pre>
<p>A definition list should be used to define a list of words, like commonly
used terms in a web site. The &#60;dl&#62;&#60;/dl&#62; can get an attribute compact=&#34;compact&#34;
which will display the explanation on the same line as the title, depending
on how long the title is.</p>
%backtotop%
<h3><a name="links">Links</a></h3>
<p>A link to another document is what makes the web what it is. To add a 
link to a document, use the &#60;a&#62; tag.</p>
<pre>
&#60;a href=&#34;index.php&#34; 
target=&#34;_blank&#34; 
title=&#34;see the code in action&#34;&#62;Page 2&#60;/a&#62;
</pre>
<p>The href attribute defines where the link points to. EasyCMS shows 
you all the available files to point to in the dropdown box in the
tools panel. The target specifies if the page should be opened in 
a new window, a named frame or the same window. If you want to 
open the document in the same window, do not add this attribute. 
To open the document in a new window, add a target with the 
name &#34;_blank&#34;. EasyCMS does that, when you check the 
box for &#34;new window&#34;. If you want to give more in-depth
information about the document &#34;behind&#34; this link, 
you can add a &#34;title&#34; attribute with this data.</p>
<p>To point a link to a target within the same page, use a
hash sign &#34;#&#34; and the target's name as the href. To 
define an anchor for such a page-internal link, add a link 
with name instead of href:</p>
<pre>
&#60;a href=&#34;#news&#34;&#62;Skip to news&#60;/a&#62;
&#60;a name=&#34;news&#34;&#62;News&#60;/a&#62;
</pre>
<p>These &#34;Skip links&#34; are commonly used to allow 
keyboard users to skip over parts of the page, like the 
navigation, to avoid them having to tab through each link.</p>
%backtotop%

<h3><a name="textchanges">Text changes:</a></h3>

<h4><a name="strong">Strong/Bold</a></h4>
<pre>&#60;strong&#62;&#60;/strong&#62;</pre>
<p>Defines a part of a text as strong, the browser displays it in bold letters,
screen readers increase the volume.</p>
%backtotop%


<h4><a name="emphasized">Emphasized/Italic</a></h4>
<pre>&#60;em&#62;&#60;/em&#62;</pre>
<p>Emphasizes a part of a text, this is a semantically correct replacement for 
&#60;i&#62;&#60;/i&#62; which simply showed text in italics.</p>
%backtotop%


<h4><a name="acronyms">Acronyms</a></h4>
<pre>&#60;acronym&#62;&#60;/acronym&#62;</pre>
<p>can be used to define acronyms like &#34;USA&#34; and add their meaning in a 
title attribute: &#60;acronym title=&#34;United States of America&#34;&#62;USA&#60;/acronym&#62;.</p>
%backtotop%


<h4><a name="pref">Preformatted text</a></h4>
<pre>&#60;pre&#62;&#60;/pre&#62;</pre>
<p>Displays a text as preformatted. Texts enclosed in this tag are displayed
as they are, with linebreaks, spaces and tabs, much like a text editor
like textpad displays them.</p>
%backtotop%


<h3><a name="tables">Tables</a></h3>
<p>Tables are data constructs, but in HTML they are abused as layout hacks. 
A data table looks like this</p>

<pre>
&#60;table summary="A demo of a data table"&#62;
&#60;tr&#62;
	&#60;th&#62;Header 1&#60;/th&#62;
	&#60;th&#62;Header 2&#60;/th&#62;
&#60;/tr&#62;
&#60;tr&#62;
	&#60;td&#62;Content 1_1&#60;/td&#62;
	&#60;td&#62;Content 1_2&#60;/td&#62;
&#60;/tr&#62;
&#60;tr&#62;
	&#60;td&#62;Content 2_1&#60;/td&#62;
	&#60;td&#62;Content 2_2&#60;/td&#62;
&#60;/tr&#62;
&#60;/table&#62;
</pre>

<p>Each &#60;tr&#62;&#60;/tr&#62; defines one table row. &#60;th&#62;&#60;/th&#62; Are table headers, these 
define what the following table cells are. &#60;td&#62;&#60;/td&#62; are the table cells.</p>
<p>The summary="" in the table tag allows screen readers to summarise the table
for blind users and to skip the table.</p>

<p>Layout tables are more complex, do not use &#60;th&#62;&#60;/th&#62; for them</p>

<pre>&#60;table&#62;
&#60;tr&#62;
	&#60;td&#62;Content 1_1&#60;/td&#62;
	&#60;td&#62;Content 1_2&#60;/td&#62;
&#60;/tr&#62;
&#60;tr&#62;
	&#60;td&#62;Content 2_1&#60;/td&#62;
	&#60;td&#62;Content 2_2&#60;/td&#62;
&#60;/tr&#62;
&#60;/table&#62;</pre>

<p>Table can have the following attributes:</p>
<dl>
	<dt>width=&#34;x|x%&#34;</dt>
	<dd>The overall table width in pixels &#34;400&#34; or percentage &#34;40%&#34;.</dd>
	<dt>border=&#34;x&#34;</dt><dd>the width of the table border.</dd>
	<dt>cellpadding=&#34;x&#34;</dt><dd>the space around the content of each cell</dd>
	<dt>cellspacing=&#34;x&#34;</dt><dd>the space in between the cells.</dd>
	<dt>bgcolor=&#34;#xxxxxx&#34;</dt><dd>the background colour in hexadecimal 
	triplets.</dd>
</dl>

<p>Cells can have these attributes:</p>
<dl>
	<dt>align=&#34;left|center|right&#34;</dt><dd>The text alignment in this 
	cell</dd>
	<dt>valign=&#34;top|middle|bottom&#34;</dt><dd>The vertical text alignment 
	in this cell</dd>
	<dt>bgcolor=&#34;#xxxxxx&#34;</dt><dd>The background colour of the cell in 
	hexadecimal triplets</dd>
	<dt>colspan=&#34;x&#34;</dt><dd>the column span of this cell, delete other 
	cells when you use this</dd>
	<dt>rowspan=&#34;x&#34;</dt><dd>the row span of this cell, delete this cell 
	in other rows.</dd>
	<dt>width=&#34;x&#34;</dt><dd>The width in pixels. This can be defined only 
	once in the table, the
	cells in the same place on other rows will be as big as the biggest one.</dd>
</dl>

<p>Complex example:</p>

<pre>
&#60;table border=&#34;0&#34; cellspacing=&#34;1&#34; 
width=&#34;300&#34; cellpadding=&#34;4&#34; bgcolor=&#34;#000000&#34;&#62;
&#60;tr&#62;
	&#60;td colspan=&#34;3&#34; bgcolor=&#34;#cccccc&#34;&#62;Big cell&#60;/td&#62;
&#60;/tr&#62;
&#60;tr&#62;
	&#60;td width=&#34;50&#34; bgcolor=&#34;#cc99ff&#34; 
	rowspan=&#34;2&#34;&#62;Cell 1_1&#60;br /&#62;(and 1_2)&#60;/td&#62;
	&#60;td width=&#34;125&#34; bgcolor=&#34;#336699&#34;&#62;Cell 1_2&#60;/td&#62;
	&#60;td width=&#34;125&#34; bgcolor=&#34;#6699cc&#34;&#62;Cell 1_3&#60;/td&#62;
&#60;/tr&#62;
&#60;tr&#62;
	&#60;td bgcolor=&#34;#003399&#34;&#62;Cell 2_2&#60;/td&#62;
	&#60;td bgcolor=&#34;#0033cc&#34;&#62;Cell 2_3&#60;/td&#62;
&#60;/tr&#62;
&#60;/table&#62;
</pre>
%backtotop%

<h3><a name="tables">Images</a></h3>
<p>Images are added to an HTML document via the img tag. Images should be considerably 
small in file size. To optimise an image for the web, safe it in one of the 
following formats (Compression instructions are for Adobe ImageReady): </p>
<p>
<strong>JPEG (.jpg,.jpeg,.jpe)</strong> for images with loads of colours and 
non-geometrical outlines - like photos. JPEG compresses an image by leaving 
pixels out and rasterising the image into smaller rectangles. JPEGs that were 
compressed too high will show &#34;artifacts&#34;, blurry parts of the image 
with the rectangles visible. For a result good enough for web use, take a 
compression of 70%. JPEGs can be saved as &#34;progressive&#34;, meaning their 
quality improves gradually while loading. This gives a more immediate 
impression of what the image is about.</p>
<p><strong>GIF (.gif)</strong> for images that need animation or transparency 
or for pictures with few colours, large sections of one colour and geometrical 
outlines. GIF compresses an image by reducing the number of colours and run 
length encoding the file. Run length encoding means compressing the image 
much like ZIP does. GIF files can have different ways of determining the 
colour palette, set them differently and compare the resulting file size. 
Another option to reduce file size is the &#34;lossy&#34; option, which 
replaces seldomly used colours with others nearby. It is quite safe to set 
this option to 10. GIF is the perfect format for screenshots of applications. 
Most of the time 64 colours are sufficient to render nice results.</p>
<p><strong>PNG (.png)</strong> combines the best of both worlds, but is not 
properly supported by all browsers to date. It also is a format free to use 
(and generate) while GIF is copyrighted.</p>

<p>To add the image to the HTML document, use the &#60;img&#62; tag:</p>

<pre>&#60;img src=&#34;basket.gif&#34; 
width=&#34;20&#34; height=&#34;20&#34; 
alt=&#34;waste basket&#34; 
title=&#34;delete this item&#34; 
border=&#34;0&#34; 
align=&#34;middle&#34;/&#62;</pre>

<p>Images can have the following attributes:</p>
<dl>
<dt>src=&#34;path/to/filename&#34;</dt>
<dd>This is the only mandatory attribute for an img tag. It tells the browser 
which image to display.</dd>
<dt>width=&#34;x|x%&#34; height=&#34;x|x%&#34;</dt>
<dd>The dimensions of the image. These are not mandatory, but help faster 
rendering and avoid the layout to &#34;jump&#34; once the images are loaded. 
You can also resize an image via HTML by using different width and height 
values than the real ones; the quality of that is not really nice though. 
Creating &#34;thumbnails&#34; (smaller preview pictures) by changing the 
dimensions in HTML is a bad idea, thumbnails should not only be smaller in 
dimension, but also in filesize.</dd>
<dt>border=&#34;x&#34;</dt>
<dd>the width of the image border. If an image is 
surrounded by a link, it will normally show a border in the link colour, you 
can surpress this by adding a border=&#34;0&#34; attribute to the image.</dd>
<dt>alt=&#34;x&#34;</dt>
<dd>The text replacement for this image. This will be 
displayed when the image can't be found or loaded, text browsers as well as 
screen readers rely on this attribute. If your image is &#34;eyecandy / screen 
furniture&#34; only and does not have any context meaning and is no functional 
element, keep this attribute empty.</dd>
<dt>title=&#34;x&#34;</dt><dd>Allows for a description of the image. You can 
use up to 1024 characters here. Make sure to add a meaningfull title to each 
image that conveys a lot of information to help blind users.</dd>
<dt>longdesc=&#34;explanation.html&#34;</dt>
<dd>Longdesc allows to link the image to a HTML document explaining its 
meaning in detail. This attribute is only supported by screen readers.</dd>
<dt>align=&#34;left|right|top|middle|bottom&#34;</dt>
<dd>Align positions the image relative to the text next to it. If you add an 
align=&#34;left&#34; the image will be on the left and the page's text next to 
it. Top,middle and bottom align the image vertically. There is no way in HTML 
to center an image with text to the left and right of it. This is a deprecated 
attribute, if you use XHTML instead of HTML align the image via Cascading Style 
Sheets instead.</dd>
</dl>
%backtotop%

</help>
</config>