Step 2: Example HTML/XML Source | Polystyle - Multi-Language Source Code Formatter

Here's one of the HTML/XML example files that come with Polystyle.
Polystyle comes with style files for: Allman/BSD, Ellemtel, GNU, Kernighan & Ritchie, One True Brace Style, Unix Kernel, Linux Kernel, Stroustrup, Sun Microsystems, and Whitesmith.
Each example file come in various indent styles, such as 2-space, 1-tab, 4-space, and others.
Your style is easily configured using the Configuration Tool.
To define your style, you simply edit an example file however you like.

<!--
 * This is a recommended Polystyle HTML example.
 * Reformat this file as you like to define your personal style.
 *
 * Notes:
 * 1.) Tags inside the <fake-block> tags below are examples for inline elements.
 *
 * 2.) There is no need to provide examples for tags with namespaces. For
 *     example, <html:a> will be formatted the same as <a>.
 *
 * 3.) Polystyle does not format comments based on examples. It will always
 *     format comments the same way.
 *
 * Copyright 2001-2003 Flashbulb Studios.
 *
 * http://www.polystyle.com
-->

<fake-tag><h1></h1><b>text</b><span></span><fake-tag/></fake-tag>

<fake-tag><font><a><nobr><input><fake-tag/></input></nobr></a></font></fake-tag>

<!--
    Tag argument examples.
-->
<fake-tag a = b c = "d" e = "javascript: f"></fake-tag>

<fake-tag x></fake-tag>

<!--
    Text example.
-->
<fake-tag>text text text</fake-tag>

<fake-tag>text</fake-tag>

<!--
    Tags that start a new line and indent their contents.
-->
<html>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</html>

<body>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</body>

<head>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</head>

<form>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</form>

<textarea>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</textarea>

<div>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</div>

<banner>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</banner>

<center>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</center>

<listing>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</listing>

<layer>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</layer>

<applet>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</applet>

<ul>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</ul>

<dl>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</dl>

<table>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</table>

<frame>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</frame>

<math>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</math>

<select>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</select>

<meta>
  <fake-tag></fake-tag>
  <fake-tag></fake-tag>
  <fake-tag></fake-tag>
</meta>

<br>
  <fake-tag></fake-tag>
  
  <fake-tag></fake-tag>
  
  <fake-tag></fake-tag>
</br>

<p>
  <fake-tag></fake-tag>
  
  <fake-tag></fake-tag>
  
  <fake-tag></fake-tag>
</p>

<script language = "javascript">
  a();
</script>

<script></script>

<style>
  a { }
</style>

<style></style>

<!--
    Tags with names not explicitly defined in this file.
-->
<undefined-tag>
  <fake-tag></fake-tag>

  <fake-tag></fake-tag>

  <fake-tag></fake-tag>
</undefined-tag>

<!--
    Tags that start a new line and do not indent their contents.
-->

<hr>
<fake-tag></fake-tag>

<fake-tag></fake-tag>

<fake-tag></fake-tag>
</hr>

<l>
<fake-tag></fake-tag>

<fake-tag></fake-tag>

<fake-tag></fake-tag>
</l>

<!--
    Tags that start a new line and keep their contents on the same line.
-->
<title>text</title>

<option>text</option>

<label>text</label>

<base>text</base>

<li>text</li>

<dd>text</dd>

<!--
    The pre tag.
-->
<pre>
    text
</pre>

<!-- An atomic tag. -->
<namespace:b/>

<!-- An unmatched tag. -->
</b>

<!--
    The next few comments this file allow you to define which tags are
    formatted the same way. You probably will never use this feature, but this
    functionality has been exposed because HTML is an ever-evolving language.
    
    Similar tags are grouped together, one on each line. Empty lines delineate
    tag group boundaries. Anything after the first text word on a line is
    treated like a comment and ignored.
    
    If you change the tag names below, make sure you give a corresponding example
    above.
-->

<!--
    The next comment defines inline tags. These tags do not start new lines.
-->
<!--
span

h1
h2
h3
h4
h5
h6

code
blockquote
q # quote
em
strong
big
small
ins
del
b
i
u
strike
s # strikeout
sub
sup
tt
acronym
bdo
blackface
bq
lh
limittext
margin
mh
plaintext
printed
removed
render
shadow
xblu
xblk
xgrn
xred
xyel
xwhi

font
blink

nobr

input
button

a
img
image
-->

<!--
    The next comment defines block tags. These tags do start new lines.
-->
<!--
fake-tag

div

center

listing

banner
marquee
tab
spacer
xmp
rt
ruby
sherlockitem
range
spot
person
note
cmd
dir
credit
byline
bookmarkinfo
cite
samp
kbd
var
dfn
address
au # author
abstract 
added
abbrev
any
changed
fig
fn
footnote
hn
hp
interpret
legend
lit
nextid
online
search
searchinfo

multicol
layer
ilayer
map
overlay
sidebar

object
applet
app
audioscope

keygen
ismap
isindex
base
basefont
lang

hr
?xml

l

ul
ol

menu
li

dl # definition list

dt # definition term
dd # definition

select
optgroup

body

head

form

textarea
area
fieldset

title

html
htmlplus

option

label

table
tr
td
th
tbody
tfoot
caption
col
colgroup
textflow

frameset
frame
noframes
iframe
noembed
nolayer
noscript
nosmartquotes

math
xml

script
server # allows for LiveWire support

style

pre

undefined-tag # this is an alias for all tags which aren't explicitly defined
-->

<!--

  The following comment contains block tags which indent their contents only
  when they are closed. For example, this <link> tag has indented contents:
  
  <td>
    <link>
      text
    </link>
  </td>

  ...while this link tag is treated as an atomic tag:

  <td>
    <link>
    text
  </td>

-->
<!--
p

br
wbr

meta
sound
bgsound
!doctype
link
embed
param
arg
-->

Next, in Step 3 we get the final result!

Home

Features

Documentation

Buy Polystyle

Buy Obfuscator

Download

Click Here To Download A Free Trial!