| $ 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> </p> | |
| <p class="Normal parashape-0"></p> | |
| <p class="Header parashape-11"><span class="lang-ko">머리말입니다</span> </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> </p> | |
| <p class="Body"><span class="lang-ko">표</span><span class="TableControl" style=" display: inline-block; "><table class="borderfill-4" cellspacing="0" style=" width: 142.71mm; border-collapse: collapse; "><tr><td class="borderfill-1" style=" width: 71.36mm; height: 0.99mm; padding: 0.5mm 0.5mm 0.5mm 0.5mm; " rowspan="1" colspan="1"><p class="Normal"><span class="lang-en">A0</span> </p></td><td class="borderfill-3" style=" width: 71.36mm; height: 0.99mm; padding: 0.5mm 0.5mm 0.5mm 0.5mm; " rowspan="1" colspan="1"><p class="Normal"><span class="lang-en">B0</span> </p></td></tr><tr><td class="borderfill-6" style=" width: 71.36mm; height: 0.99mm; padding: 0.5mm 0.5mm 0.5mm 0.5mm; " rowspan="1" colspan="1"><p class="Normal"><span class="lang-en">A1</span> </p></td><td class="borderfill-5" style=" width: 71.36mm; height: 0.99mm; padding: 0.5mm 0.5mm 0.5mm 0.5mm; " rowspan="1" colspan="1"><p class="Normal"><span class="lang-en">B10</span> </p><p class="Normal"><span class="lang-en">B11</span> </p></td></tr></table></span><span class="lang-ko">표</span><span class="lang-ko charshape-5">끝</span><span class="TableControl" style=" display: inline-block; "><table class="borderfill-1" cellspacing="0" style=" width: 143.01mm; border-collapse: collapse; "><tr><td class="borderfill-1" style=" width: 143.01mm; height: 14.51mm; padding: 0.5mm 0.5mm 0.5mm 0.5mm; " rowspan="1" colspan="1"><p class="Normal"><span class="lang-en">table2</span> </p></td></tr></table></span> </p> | |
| <p class="Body"> </p> | |
| <table class="TableControl borderfill-1" cellspacing="0" style=" width: 142.71mm; /* hrelto: paragraph halign: left*/ margin-left: 6.29mm; border-collapse: collapse; "> | |
| <caption class="TableCaption" style=" caption-side: bottom; margin-top: 3mm; width: 30mm; "> | |
| <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> </p> | |
| <p class="Normal"><span class="lang-ko">가나다</span> </p> | |
| </caption> | |
| <tr> | |
| <td class="borderfill-1" style=" width: 71.36mm; height: 0.99mm; padding: 0.5mm 0.5mm 0.5mm 0.5mm; " rowspan="1" colspan="1"> | |
| <p class="Normal"></p> | |
| </td> | |
| <td class="borderfill-1" style=" width: 71.36mm; height: 0.99mm; padding: 0.5mm 0.5mm 0.5mm 0.5mm; " rowspan="1" colspan="1"> | |
| <p class="Normal"></p> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td class="borderfill-1" style=" width: 71.36mm; height: 0.99mm; padding: 0.5mm 0.5mm 0.5mm 0.5mm; " rowspan="1" colspan="1"> | |
| <p class="Normal"></p> | |
| </td> | |
| <td class="borderfill-1" style=" width: 71.36mm; height: 0.99mm; padding: 0.5mm 0.5mm 0.5mm 0.5mm; " rowspan="1" colspan="1"> | |
| <p class="Normal"></p> | |
| </td> | |
| </tr> | |
| </table> | |
| <p class="Body"><span class="lang-ko">다음 문단</span> </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> </p> | |
| <p class="Normal parashape-0"> </p> | |
| <div class="GShapeObjectControl" style=" width: 57.68mm; /* hrelto: column halign: left*/ margin-left: 39.42mm; "> | |
| <img src="bindata/BIN0002.jpg" style=" width: 57.68mm; height: 34.61mm; " /> | |
| </div> | |
| <p class="Endnote parashape-12"><span class="lang-ko">미주입니다.</span> </p> | |
| <p class="Footnote parashape-14"><span class="lang-ko">이건 각주이지요.</span> </p> | |
| <p class="Normal parashape-0"><span class="lang-ko">다음 페이지</span><span class="GShapeObjectControl" style=" width: 4.23mm; display: inline-block; "><img src="bindata/BIN0003.png" style=" width: 4.23mm; height: 4.23mm; " /></span> </p> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |