tests/cli_tests/hwp5html.txt

   $ hwp5html --help
   usage: hwp5html [-h] [--version] [--loglevel LOGLEVEL] [--logfile LOGFILE]
                   [--output OUTPUT] [--css | --html]
                   <hwp5file>
   
   HWPv5 to HTML converter
   
   positional arguments:
     <hwp5file>           .hwp file to convert
   
   optional arguments:
     -h, --help           show this help message and exit
     --version            show program's version number and exit
     --loglevel LOGLEVEL  Set log level.
     --logfile LOGFILE    Set log file.
     --output OUTPUT      Output file
     --css                Generate CSS
     --html               Generate HTML

   $ rm -rf sample-5017
   $ hwp5html samples/sample-5017.hwp
   $ find sample-5017 | sort
   sample-5017
   sample-5017/bindata
   sample-5017/bindata/BIN0002.jpg
   sample-5017/bindata/BIN0002.png
   sample-5017/bindata/BIN0003.png
   sample-5017/index.xhtml
   sample-5017/styles.css

   $ hwp5html samples/sample-5017.hwp --css
   body {
     background-color: #eee;
     padding: 4px;
     margin: 0;
   }
   .Paper {
     background-color: #fff;
     border: 1px solid black;
     margin: 1em auto;
   }
   .Paper:first-child {
     margin-top: 0;
   }
   .Paper:last-child {
     margin-bottom: 0;
   }
   /* Styles */
   .Normal {
   /* @parashape-id = 2*/
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Normal > span {
     line-height: 1.6;
   }
   /* @charshape-id = 1*/
   .Normal > span {
     color: #000000;
   }
   .Normal > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Normal > span.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Normal > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Normal > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Normal > span.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Normal > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Normal > span.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Body {
   /* @parashape-id = 13*/
     margin: 0pt 0pt 10pt 15pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Body > span {
     line-height: 1.6;
   }
   /* @charshape-id = 1*/
   .Body > span {
     color: #000000;
   }
   .Body > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Body > span.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Body > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Body > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Body > span.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Body > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Body > span.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-1 {
   /* @parashape-id = 3*/
     margin: 0pt 0pt 0pt 10pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Outline-1 > span {
     line-height: 1.6;
   }
   /* @charshape-id = 1*/
   .Outline-1 > span {
     color: #000000;
   }
   .Outline-1 > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-1 > span.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-1 > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-1 > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-1 > span.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-1 > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-1 > span.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-2 {
   /* @parashape-id = 4*/
     margin: 0pt 0pt 0pt 20pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Outline-2 > span {
     line-height: 1.6;
   }
   /* @charshape-id = 1*/
   .Outline-2 > span {
     color: #000000;
   }
   .Outline-2 > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-2 > span.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-2 > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-2 > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-2 > span.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-2 > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-2 > span.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-3 {
   /* @parashape-id = 5*/
     margin: 0pt 0pt 0pt 30pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Outline-3 > span {
     line-height: 1.6;
   }
   /* @charshape-id = 1*/
   .Outline-3 > span {
     color: #000000;
   }
   .Outline-3 > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-3 > span.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-3 > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-3 > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-3 > span.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-3 > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-3 > span.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-4 {
   /* @parashape-id = 6*/
     margin: 0pt 0pt 0pt 40pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Outline-4 > span {
     line-height: 1.6;
   }
   /* @charshape-id = 1*/
   .Outline-4 > span {
     color: #000000;
   }
   .Outline-4 > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-4 > span.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-4 > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-4 > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-4 > span.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-4 > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-4 > span.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-5 {
   /* @parashape-id = 7*/
     margin: 0pt 0pt 0pt 50pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Outline-5 > span {
     line-height: 1.6;
   }
   /* @charshape-id = 1*/
   .Outline-5 > span {
     color: #000000;
   }
   .Outline-5 > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-5 > span.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-5 > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-5 > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-5 > span.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-5 > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-5 > span.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-6 {
   /* @parashape-id = 8*/
     margin: 0pt 0pt 0pt 60pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Outline-6 > span {
     line-height: 1.6;
   }
   /* @charshape-id = 1*/
   .Outline-6 > span {
     color: #000000;
   }
   .Outline-6 > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-6 > span.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-6 > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-6 > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-6 > span.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-6 > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-6 > span.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-7 {
   /* @parashape-id = 9*/
     margin: 0pt 0pt 0pt 70pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Outline-7 > span {
     line-height: 1.6;
   }
   /* @charshape-id = 1*/
   .Outline-7 > span {
     color: #000000;
   }
   .Outline-7 > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-7 > span.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-7 > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-7 > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-7 > span.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-7 > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Outline-7 > span.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   .Page-Number {
   /* @parashape-id = 2*/
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Page-Number > span {
     line-height: 1.6;
   }
   /* @charshape-id = 0*/
   .Page-Number > span {
     color: #000000;
   }
   .Page-Number > span.lang-ko {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   .Page-Number > span.lang-en {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   .Page-Number > span.lang-cn {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   .Page-Number > span.lang-jp {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   .Page-Number > span.lang-other {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   .Page-Number > span.lang-symbol {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   .Page-Number > span.lang-user {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   .Header {
   /* @parashape-id = 10*/
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.5em;
   }
   .Header > span {
     line-height: 1.5;
   }
   /* @charshape-id = 2*/
   .Header > span {
     color: #000000;
   }
   .Header > span.lang-ko {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Header > span.lang-en {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Header > span.lang-cn {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Header > span.lang-jp {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Header > span.lang-other {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Header > span.lang-symbol {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Header > span.lang-user {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Footnote {
   /* @parashape-id = 1*/
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: -13.1pt;
     padding-left: 13.1pt;
     min-height: 1.3em;
   }
   .Footnote > span {
     line-height: 1.3;
   }
   /* @charshape-id = 3*/
   .Footnote > span {
     color: #000000;
   }
   .Footnote > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Footnote > span.lang-en {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Footnote > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Footnote > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Footnote > span.lang-other {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Footnote > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Footnote > span.lang-user {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Endnote {
   /* @parashape-id = 1*/
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: -13.1pt;
     padding-left: 13.1pt;
     min-height: 1.3em;
   }
   .Endnote > span {
     line-height: 1.3;
   }
   /* @charshape-id = 3*/
   .Endnote > span {
     color: #000000;
   }
   .Endnote > span.lang-ko {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Endnote > span.lang-en {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Endnote > span.lang-cn {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Endnote > span.lang-jp {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Endnote > span.lang-other {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Endnote > span.lang-symbol {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Endnote > span.lang-user {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   .Memo {
   /* @parashape-id = 0*/
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   .Memo > span {
     line-height: 1.6;
   }
   /* @charshape-id = 4*/
   .Memo > span {
     color: #000000;
   }
   .Memo > span.lang-ko {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Memo > span.lang-en {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Memo > span.lang-cn {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Memo > span.lang-jp {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Memo > span.lang-other {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Memo > span.lang-symbol {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   .Memo > span.lang-user {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   /* Paragraph attributes */
   p.parashape-0 {
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   p.parashape-0 > span {
     line-height: 1.6;
   }
   p.parashape-1 {
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: -13.1pt;
     padding-left: 13.1pt;
     min-height: 1.3em;
   }
   p.parashape-1 > span {
     line-height: 1.3;
   }
   p.parashape-2 {
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   p.parashape-2 > span {
     line-height: 1.6;
   }
   p.parashape-3 {
     margin: 0pt 0pt 0pt 10pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   p.parashape-3 > span {
     line-height: 1.6;
   }
   p.parashape-4 {
     margin: 0pt 0pt 0pt 20pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   p.parashape-4 > span {
     line-height: 1.6;
   }
   p.parashape-5 {
     margin: 0pt 0pt 0pt 30pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   p.parashape-5 > span {
     line-height: 1.6;
   }
   p.parashape-6 {
     margin: 0pt 0pt 0pt 40pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   p.parashape-6 > span {
     line-height: 1.6;
   }
   p.parashape-7 {
     margin: 0pt 0pt 0pt 50pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   p.parashape-7 > span {
     line-height: 1.6;
   }
   p.parashape-8 {
     margin: 0pt 0pt 0pt 60pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   p.parashape-8 > span {
     line-height: 1.6;
   }
   p.parashape-9 {
     margin: 0pt 0pt 0pt 70pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   p.parashape-9 > span {
     line-height: 1.6;
   }
   p.parashape-10 {
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.5em;
   }
   p.parashape-10 > span {
     line-height: 1.5;
   }
   p.parashape-11 {
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.5em;
   }
   p.parashape-11 > span {
     line-height: 1.5;
   }
   p.parashape-12 {
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: -13.1pt;
     padding-left: 13.1pt;
     min-height: 1.3em;
   }
   p.parashape-12 > span {
     line-height: 1.3;
   }
   p.parashape-13 {
     margin: 0pt 0pt 10pt 15pt;
     text-align: justify;
     text-indent: 0pt;
     min-height: 1.6em;
   }
   p.parashape-13 > span {
     line-height: 1.6;
   }
   p.parashape-14 {
     margin: 0pt 0pt 0pt 0pt;
     text-align: justify;
     text-indent: 10pt;
     min-height: 1.3em;
   }
   p.parashape-14 > span {
     line-height: 1.3;
   }
   /* Text attributes */
   span.charshape-0 {
     color: #000000;
   }
   span.charshape-0.lang-ko {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   span.charshape-0.lang-en {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   span.charshape-0.lang-cn {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   span.charshape-0.lang-jp {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   span.charshape-0.lang-other {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   span.charshape-0.lang-symbol {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   span.charshape-0.lang-user {
     font-family: "굴림", sans-serif;
     font-size: 10pt;
   }
   span.charshape-1 {
     color: #000000;
   }
   span.charshape-1.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-1.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-1.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-1.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-1.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-1.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-1.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-2 {
     color: #000000;
   }
   span.charshape-2.lang-ko {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-2.lang-en {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-2.lang-cn {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-2.lang-jp {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-2.lang-other {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-2.lang-symbol {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-2.lang-user {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-3 {
     color: #000000;
   }
   span.charshape-3.lang-ko {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   span.charshape-3.lang-en {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   span.charshape-3.lang-cn {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   span.charshape-3.lang-jp {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   span.charshape-3.lang-other {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   span.charshape-3.lang-symbol {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   span.charshape-3.lang-user {
     font-family: "바탕", serif;
     font-size: 9pt;
   }
   span.charshape-4 {
     color: #000000;
   }
   span.charshape-4.lang-ko {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-4.lang-en {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-4.lang-cn {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-4.lang-jp {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-4.lang-other {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-4.lang-symbol {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-4.lang-user {
     font-family: "굴림", sans-serif;
     font-size: 9pt;
   }
   span.charshape-5 {
     color: #000000;
     font-weight: bold;
   }
   span.charshape-5.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-5.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-5.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-5.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-5.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-5.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-5.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-6 {
     color: #000000;
   }
   span.charshape-6.lang-ko {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-6.lang-en {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-6.lang-cn {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-6.lang-jp {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-6.lang-other {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-6.lang-symbol {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-6.lang-user {
     font-family: "바탕", serif;
     font-size: 10pt;
   }
   span.charshape-7 {
     color: #000000;
   }
   span.charshape-7.lang-ko {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-7.lang-en {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-7.lang-cn {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-7.lang-jp {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-7.lang-other {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-7.lang-symbol {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-7.lang-user {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-8 {
     color: #000000;
     font-weight: bold;
   }
   span.charshape-8.lang-ko {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-8.lang-en {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-8.lang-cn {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-8.lang-jp {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-8.lang-other {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-8.lang-symbol {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-8.lang-user {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-9 {
     color: #000000;
     font-style: italic;
   }
   span.charshape-9.lang-ko {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-9.lang-en {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-9.lang-cn {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-9.lang-jp {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-9.lang-other {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-9.lang-symbol {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   span.charshape-9.lang-user {
     font-family: "바탕", serif;
     font-size: 20pt;
   }
   .borderfill-1 {
     border-top: 1px solid #000000;
     border-right: 1px solid #000000;
     border-bottom: 1px solid #000000;
     border-left: 1px solid #000000;
   }
   .borderfill-2 {
     border-top: 1px none #000000;
     border-right: 1px none #000000;
     border-bottom: 1px none #000000;
     border-left: 1px none #000000;
     background-color: #ffffff;
   }
   .borderfill-3 {
     border-top: 1px solid #000000;
     border-right: 1px solid #000000;
     border-bottom: 2px solid #000000;
     border-left: 1px solid #000000;
   }
   .borderfill-4 {
     border-top: 1px dashed #0000ff;
     border-right: 1px solid #000000;
     border-bottom: 1px solid #000000;
     border-left: 1px solid #000000;
   }
   .borderfill-5 {
     border-top: 2px solid #000000;
     border-right: 2px solid #000000;
     border-bottom: 2px solid #000000;
     border-left: 2px solid #000000;
     background-color: #99ccff;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAVSURBVAjXY2CAgP9QmoGJAQ3QRwAAg8ABDm14IFwAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMTEtMDVUMTU6Mzc6MzcrMDk6MDAjOvM9AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTExLTA1VDE1OjM3OjM3KzA5OjAwUmdLgQAAAABJRU5ErkJggg==);
   }
   .borderfill-6 {
     border-top: 1px solid #000000;
     border-right: 2px solid #000000;
     border-bottom: 1px solid #000000;
     border-left: 1px solid #000000;
     background-image: linear-gradient(0deg,#3f3f3f,#7f7f7f);
     background-image: -webkit-linear-gradient(0deg,#3f3f3f,#7f7f7f);
     background-image: -moz-linear-gradient(0deg,#3f3f3f,#7f7f7f);
   }
   $ hwp5html samples/sample-5017.hwp --html | xmllint --format -
   <?xml version="1.0" encoding="utf-8"?>
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
       <meta http-equiv="content-type" content="text/html; charset=utf-8" />
       <title></title>
       <link rel="stylesheet" href="styles.css" type="text/css" />
       <style type="text/css">
   .Section-0 {
     width: 210mm;
   }
   .Section-0 .HeaderPageFooter {
     position: relative;
     margin-top: 20mm;
     margin-right: 30mm;
     margin-bottom: 15mm;
     margin-left: 30mm;
   }
   .Section-0 .Page {
     padding-top: 15mm;
     padding-bottom: 15mm;
   }
   </style>
     </head>
     <body>
       <div class="Section Section-0 Paper">
         <div class="HeaderPageFooter">
           <div class="Page">
             <p class="Normal parashape-0"><span class="lang-ko charshape-7">한글 </span><span class="lang-ko charshape-8">2005</span><span class="lang-ko charshape-7"> </span><span class="lang-ko charshape-9">예제</span><span class="lang-ko charshape-7"> 파일입니다.</span>&#13;</p>
             <p class="Normal parashape-0"></p>
             <p class="Header parashape-11"><span class="lang-ko">머리말입니다</span>&#13;</p>
             <p class="Normal parashape-0"></p>
             <p class="Body"><span class="lang-ko">본문 </span><span class="lang-ko charshape-5">내용</span><span class="lang-ko">입니다. 본 문서는 </span><span class="lang-other"></span><span class="lang-ko">글 워드 프로세서의 파일 저장 형식 중, </span><span class="lang-other"></span><span class="lang-ko">글 2002 이후 </span><span class="lang-ko">제품에서 사용되는 </span><span class="lang-other"></span><span class="lang-ko">글 문서 파일 형식 5.0 및 </span><span class="lang-other"></span><span class="lang-ko">글 97 문서 파일 형식, </span><span class="lang-en">HWPML</span><span class="lang-ko">에 관</span><span class="lang-ko">하여 설명한다.</span>&#13;</p>
             <p class="Body"><span class="lang-ko">표</span><span class="TableControl" style="  display: inline-block;&#10;"><table class="borderfill-4" cellspacing="0" style="  width: 142.71mm;&#10;  border-collapse: collapse;&#10;"><tr><td class="borderfill-1" style="  width: 71.36mm;&#10;  height: 0.99mm;&#10;  padding: 0.5mm 0.5mm 0.5mm 0.5mm;&#10;" rowspan="1" colspan="1"><p class="Normal"><span class="lang-en">A0</span>&#13;</p></td><td class="borderfill-3" style="  width: 71.36mm;&#10;  height: 0.99mm;&#10;  padding: 0.5mm 0.5mm 0.5mm 0.5mm;&#10;" rowspan="1" colspan="1"><p class="Normal"><span class="lang-en">B0</span>&#13;</p></td></tr><tr><td class="borderfill-6" style="  width: 71.36mm;&#10;  height: 0.99mm;&#10;  padding: 0.5mm 0.5mm 0.5mm 0.5mm;&#10;" rowspan="1" colspan="1"><p class="Normal"><span class="lang-en">A1</span>&#13;</p></td><td class="borderfill-5" style="  width: 71.36mm;&#10;  height: 0.99mm;&#10;  padding: 0.5mm 0.5mm 0.5mm 0.5mm;&#10;" rowspan="1" colspan="1"><p class="Normal"><span class="lang-en">B10</span>&#13;</p><p class="Normal"><span class="lang-en">B11</span>&#13;</p></td></tr></table></span><span class="lang-ko">표</span><span class="lang-ko charshape-5">끝</span><span class="TableControl" style="  display: inline-block;&#10;"><table class="borderfill-1" cellspacing="0" style="  width: 143.01mm;&#10;  border-collapse: collapse;&#10;"><tr><td class="borderfill-1" style="  width: 143.01mm;&#10;  height: 14.51mm;&#10;  padding: 0.5mm 0.5mm 0.5mm 0.5mm;&#10;" rowspan="1" colspan="1"><p class="Normal"><span class="lang-en">table2</span>&#13;</p></td></tr></table></span>&#13;</p>
             <p class="Body">&#13;</p>
             <table class="TableControl borderfill-1" cellspacing="0" style="  width: 142.71mm;&#10;/* hrelto: paragraph halign: left*/  margin-left: 6.29mm;&#10;  border-collapse: collapse;&#10;">
               <caption class="TableCaption" style="  caption-side: bottom;&#10;  margin-top: 3mm;&#10;  width: 30mm;&#10;">
                 <p class="Normal"><span class="lang-ko">표 </span><span class="autonumbering autonumbering-table">3</span><span class="lang-en"> 2x2</span><span class="lang-ko">짜리표</span>&#13;</p>
                 <p class="Normal"><span class="lang-ko">가나다</span>&#13;</p>
               </caption>
               <tr>
                 <td class="borderfill-1" style="  width: 71.36mm;&#10;  height: 0.99mm;&#10;  padding: 0.5mm 0.5mm 0.5mm 0.5mm;&#10;" rowspan="1" colspan="1">
                   <p class="Normal"></p>
                 </td>
                 <td class="borderfill-1" style="  width: 71.36mm;&#10;  height: 0.99mm;&#10;  padding: 0.5mm 0.5mm 0.5mm 0.5mm;&#10;" rowspan="1" colspan="1">
                   <p class="Normal"></p>
                 </td>
               </tr>
               <tr>
                 <td class="borderfill-1" style="  width: 71.36mm;&#10;  height: 0.99mm;&#10;  padding: 0.5mm 0.5mm 0.5mm 0.5mm;&#10;" rowspan="1" colspan="1">
                   <p class="Normal"></p>
                 </td>
                 <td class="borderfill-1" style="  width: 71.36mm;&#10;  height: 0.99mm;&#10;  padding: 0.5mm 0.5mm 0.5mm 0.5mm;&#10;" rowspan="1" colspan="1">
                   <p class="Normal"></p>
                 </td>
               </tr>
             </table>
             <p class="Body"><span class="lang-ko">다음 문단</span>&#13;</p>
             <p class="Body"></p>
             <p class="Body"><span class="lang-ko">본 </span><span class="lang-ko charshape-6">문서</span><span class="lang-ko">는 먼저 </span><span class="lang-other"></span><span class="lang-ko">글 문서 파일 형식 5.0에 관하여 설명한 후, </span><span class="lang-other"></span><span class="lang-ko">글 97 문서 파</span><span class="lang-ko">일 형식, </span><span class="lang-en">HWPML</span><span class="lang-ko">에 관하여 설명한다. 각 형식에 대한 설명은 문서 파일 형식 내의 주요</span><span class="lang-ko">한 자료 형식 및 파일 구조, 레코드 구조에 대해서 설명한다.</span>&#13;</p>
             <p class="Normal parashape-0">&#13;</p>
             <div class="GShapeObjectControl" style="  width: 57.68mm;&#10;/* hrelto: column halign: left*/  margin-left: 39.42mm;&#10;">
               <img src="bindata/BIN0002.jpg" style="  width: 57.68mm;&#10;   height: 34.61mm;&#10;" />
             </div>
             <p class="Endnote parashape-12"><span class="lang-ko">미주입니다.</span>&#13;</p>
             <p class="Footnote parashape-14"><span class="lang-ko">이건 각주이지요.</span>&#13;</p>
             <p class="Normal parashape-0"><span class="lang-ko">다음 페이지</span><span class="GShapeObjectControl" style="  width: 4.23mm;&#10;  display: inline-block;&#10;"><img src="bindata/BIN0003.png" style="  width: 4.23mm;&#10;   height: 4.23mm;&#10;" /></span>&#13;</p>
           </div>
         </div>
       </div>
     </body>
   </html>