<!DOCTYPE html> <html>
<head> <link rel="stylesheet" href="index.css" type="text/css" media="screen" /> <script src="jquery-1.6.min.js" type="text/javascript"></script> <script src="../dist/jquery.syntax.js" type="text/javascript"></script> <script src="../dist/jquery.syntax.cache.js" type="text/javascript"></script> <script type="text/javascript" language="JavaScript"> //<!-- jQuery(function($) { // This will display the current page's HTML, in the current page. // Recursion will one day blow my mind beyond repair. $('#self').text($('html').html()); $.syntax(); }); //--> </script> <style type="text/css" media="screen"> /* Please note the CSS styled text - embedded in HTML */ .floyd { is-any-one-out-there: "?"; padding: 10px; } </style> </head> <body> <h1>Syntax: HTML / XML</h1> <h2>HTML Example</h2> <pre id="self" class="syntax brush-html"></pre> <div style="display: none"> You can't see me...... <a href="http://www.google.com/search?q=special+xml+tags+%22%3C%3F%22+%22%3C!%22">or maybe you can?</a> </div> <p>Here is another example of using a mode-line. The mode-line must be on line 1 or 2 for it to be recognized:</p> <pre class="syntax">
<!DOCTYPE html> <!–*- mode: html; tab-width: 4; -*–>
<html lang="en"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>My Website</title>
</head> <body>
<p>Hello <?= "World" ?></p>
</body> </html> </code></pre>
<p>Here is an example of embedded instructions:</p> <pre><code class="syntax brush-html"><!DOCTYPE html>
<html lang="en"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>My Website</title>
</head> <body>
<p>Hello <?= h("World") ?> <p>Hello <%= h("ASP...!? WTF???") %> <?php // This will print Hello World! echo "Hello World!"; setEndOfWorld("tomorrow"); ?> <?r if request[:bob] ?> <p>Hello Bob</p> <?r end ?>
</body> </html>
</code></pre> <h2>CDATA sections</h2> <pre><code class="syntax html">
<description><![CDATA[
<h1>Television</h1> <p>Brainwashing the masses.</p>
]]></description>
</code></pre> <h2>Apache Configuration (not quite HTML, but similar)</h2> <pre><code class="syntax brush-apache">
<VirtualHost *>
# ... standard configuration ... # ServerName, DocumentRoot, etc # Root DAV which requires authentication to access: <Location "/MyFiles/"> DAV on AuthType Digest AuthName "Digest Realm" AuthUserFile /etc/apache2/users/myfiles.htdigest Require user me <LimitExcept GET HEAD OPTIONS REPORT PROPFIND> Require user me </LimitExcept> </Location> # Specific folder which can be accessed anonymously (read-only) <Location "/MyFiles/Public/"> <Limit GET HEAD OPTIONS REPORT PROPFIND> Allow from all Satisfy any </Limit> </Location> # Specific folder which can be accessed anonymously (read/write) <Location "/MyFiles/DropBox/"> Allow from all Satisfy any </Location>
</VirtualHost>
</code></pre> </body>
</html>