Step 1: Unformatted HTML/XML Source
In addition to formatting HTML/XML code, Polystyle can change the case of HTML/XML tags and argument names. To do this: run the Configuration Tool,
select Tab 2 and use the 'HTML Tag Case' dropdown to select if you want the change to stay the same, be converted to upper case (such as <HTML>) or
lower case (<html>).
Polystyle can also minify or compress HTML/XML, Javascript and CSS by removing all extra whitespace. Just select the 'Compress HTML' option in Tab 1, Option 3 of the Configuration Tool.
Next, we'll go through an example of formatting some HTML/XML code:
Overall HTML/XML Features
Step 1: Unformatted Source
Step 2: Example Source
Step 3: Formatted Source
Let's start with a real life source file which is not well formatted:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN""http://www.w3.org/TR/REC-html40/frameset.dtd">
<!--NewPage-->
<HTML>
<HEAD>
<!-- Generated by javadoc on Thu Sep 28 15:06:11 PDT 2000 -->
<TITLE>
Enhydra Application Server 4.0a4 API: Class BadBinaryOpValueExpException
</TITLE>
<LINK REL ="stylesheet" TYPE="text/css" HREF="../../stylesheet.css" TITLE="Style">
<style>
P, UL,
BLOCKQUOTE {
font-size: 14px;
}
.BlLink,
.BlSnBVar,
.BlSnPVar,
.NNTxtHome
{font-size:11px;}
.NNSection
{font-size:11px;}
</style> </HEAD>
<BODY BGCOLOR="white">
<!-- ========== START OF NAVBAR ========== -->
<A NAME="navbar_top"><!-- --></A>
<TABLE BORDER="0" WIDTH="100%" CELLPADDING="1" CELLSPACING="0"> <TR>
<TD COLSPAN=2 BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A NAME="navbar_top_firstrow"><!-- --></A>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="3">
<TR ALIGN="center" VALIGN="top">
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="../../overview-summary.html"><FONT ID="NavBarFont1"><B>Overview</B></FONT></A> </TD>
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="../../deprecated-list.html"><FONT ID="NavBarFont1"><B>Deprecated</B></FONT></A> </TD>
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="../../index-files/index-1.html"><FONT ID="NavBarFont1"><B>Index</B></FONT></A> </TD>
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="../../help-doc.html"><FONT ID="NavBarFont1"><B>Help</B></FONT></A> </TD>
</TR>
</TABLE>
</TD> <TD ALIGN="right" VALIGN="top" ROWSPAN=3><EM>
Enhydra 4.0a4 API</EM> </TD>
</TR>
<TR>
<TD BGCOLOR="white" CLASS="NavBarCell2"><FONT SIZE="-2">
<A HREF="../../javax/management/BadAttributeValueExpException.html"><B>PREV CLASS</B></A>
<A HREF="../../javax/management/BadStringOperationException.html"><B>NEXT CLASS</B></A></FONT></TD>
<TD BGCOLOR="white" CLASS="NavBarCell2"><FONT SIZE="-2">
<A HREF="../../index.html" TARGET="_top"><B>FRAMES</B></A>
<A HREF="BadBinaryOpValueExpException.html" TARGET="_top"><B>NO FRAMES</B></A></FONT></TD>
</TR>
<TR>
<TD VALIGN="top" CLASS="NavBarCell3"><FONT SIZE="-2">
SUMMARY: INNER | FIELD | <A HREF="#constructor_summary">CONSTR</A> | <A HREF="#method_summary">METHOD</A></FONT></TD>
</TR>
</TABLE>
<!-- =========== END OF NAVBAR =========== -->
<HR>
<!-- ======== START OF CLASS DATA ======== -->
<TR> <TD BGCOLOR="white" CLASS="NavBarCell2"><FONT SIZE="-2">
<A HREF="../../index.html" TARGET="_top"><B>FRAMES</B></A>
<A HREF="BadBinaryOpValueExpException.html" TARGET="_top"><B>NO FRAMES</B></A></FONT></TD>
</TR>
<TR> <TD VALIGN="top" CLASS="NavBarCell3"><FONT SIZE="-2">
SUMMARY: INNER | FIELD | <A HREF="#constructor_summary">CONSTR</A> | <A HREF="#method_summary">METHOD</A></FONT></TD>
<TD VALIGN="top" CLASS="NavBarCell3"><FONT SIZE="-2">
DETAIL: FIELD | <A HREF="#constructor_detail">CONSTR</A> | <A HREF="#method_detail">METHOD</A></FONT></TD>
</TR> </TABLE>
<!-- =========== END OF NAVBAR =========== -->
<HR> </BODY> </HTML>
Next, in Step 2 we'll look at our example source which defines our style.
|
