Remember to cover the basics, that is, what you expected to happen and
what in fact did happen.  You don't know how to make a good report?  See

     http://orgmode.org/manual/Feedback.html#Feedback

Your bug report will be posted to the Org-mode mailing list.
------------------------------------------------------------------------

The content between #+begin_html and #+end_html is exported as "it is",
so I see the original html code in my browser. help...

regards

Emacs  : GNU Emacs 25.0.50.1 (x86_64-w64-mingw32)
 of 2015-12-25
Package: Org-mode version 8.3beta (release_8.3beta-1038-gcd7cbd @ d:/ZballInstall/EZWinSoft/msys64/mingw64/home/github/org-mode/lisp/)

current state:
==============
(setq
 org-src-lang-modes '(("ipython" . python) ("ocaml" . tuareg)
                      ("elisp" . emacs-lisp) ("ditaa" . artist)
                      ("asymptote" . asy) ("dot" . fundamental)
                      ("sqlite" . sql) ("calc" . fundamental) ("C" . c)
                      ("cpp" . c++) ("C++" . c++) ("screen" . shell-script)
                      ("shell" . sh) ("bash" . sh))
 org-ref-get-pdf-filename-function 'org-ref-get-pdf-filename
 org-export-babel-evaluate nil
 org-tab-first-hook '(org-hide-block-toggle-maybe
                      org-babel-hide-result-toggle-maybe
                      org-babel-header-arg-expand)
 org-latex-classes '(("beamer"
                      "\\documentclass{beamer}\n               \\usepackage[fontset=none,UTF8,a4paper,zihao=-4]{ctex}" org-beamer-sectioning)
                     ("ctexbook"
                      "\\documentclass[fontset=none,UTF8,a4paper,zihao=-4]{ctexbook}"
                      ("\\part{%s}" . "\\part*{%s}")
                      ("\\chapter{%s}" . "\\chapter*{%s}")
                      ("\\section{%s}" . "\\section*{%s}")
                      ("\\subsection{%s}" . "\\subsection*{%s}")
                      ("\\subsubsection{%s}" . "\\subsubsection*{%s}"))
                     ("ctexrep"
                      "\\documentclass[fontset=none,UTF8,a4paper,zihao=-4]{ctexrep}"
                      ("\\part{%s}" . "\\part*{%s}")
                      ("\\chapter{%s}" . "\\chapter*{%s}")
                      ("\\section{%s}" . "\\section*{%s}")
                      ("\\subsection{%s}" . "\\subsection*{%s}")
                      ("\\subsubsection{%s}" . "\\subsubsection*{%s}"))
                     ("ctexart"
                      "\\documentclass[fontset=none,UTF8,a4paper,zihao=-4]{ctexart}"
                      ("\\section{%s}" . "\\section*{%s}")
                      ("\\subsection{%s}" . "\\subsection*{%s}")
                      ("\\subsubsection{%s}" . "\\subsubsection*{%s}")
                      ("\\paragraph{%s}" . "\\paragraph*{%s}")
                      ("\\subparagraph{%s}" . "\\subparagraph*{%s}"))
                     ("article" "\\documentclass[11pt]{article}"
                      ("\\section{%s}" . "\\section*{%s}")
                      ("\\subsection{%s}" . "\\subsection*{%s}")
                      ("\\subsubsection{%s}" . "\\subsubsection*{%s}")
                      ("\\paragraph{%s}" . "\\paragraph*{%s}")
                      ("\\subparagraph{%s}" . "\\subparagraph*{%s}"))
                     ("report" "\\documentclass[11pt]{report}"
                      ("\\part{%s}" . "\\part*{%s}")
                      ("\\chapter{%s}" . "\\chapter*{%s}")
                      ("\\section{%s}" . "\\section*{%s}")
                      ("\\subsection{%s}" . "\\subsection*{%s}")
                      ("\\subsubsection{%s}" . "\\subsubsection*{%s}"))
                     ("book" "\\documentclass[11pt]{book}"
                      ("\\part{%s}" . "\\part*{%s}")
                      ("\\chapter{%s}" . "\\chapter*{%s}")
                      ("\\section{%s}" . "\\section*{%s}")
                      ("\\subsection{%s}" . "\\subsection*{%s}")
                      ("\\subsubsection{%s}" . "\\subsubsection*{%s}"))
                     )
 org-latex-default-packages-alist '(("AUTO" "inputenc" t ("pdflatex"))
                                    ("T1" "fontenc" t ("pdflatex"))
                                    ("" "graphicx" t) ("" "grffile" t)
                                    ("" "longtable" nil) ("" "wrapfig" nil)
                                    ("" "rotating" nil) ("" "amsmath" t)
                                    ("" "textcomp" t) ("" "amssymb" t)
                                    ("" "capt-of" nil) ("" "hyperref" nil))
 org-speed-command-hook '(org-speed-command-default-hook
                          org-babel-speed-command-hook)
 org-ref-pdf-directory "~/orgpapers/papers/"
 org-occur-hook '(org-first-headline-recenter)
 org-metaup-hook '(org-babel-load-in-session-maybe)
 org-html-format-drawer-function #[514 "\207" [] 3 "\n\n(fn NAME CONTENTS)"]
 org-format-latex-options '(:foreground default :background default :scale
                            1.5 :html-foreground "Black" :html-background
                            "Transparent" :html-scale 2.0 :matchers
                            ("begin" "$1" "$" "$$" "\\(" "\\["))
 org-latex-format-inlinetask-function 'org-latex-format-inlinetask-default-function
 org-confirm-shell-link-function 'yes-or-no-p
 org-image-actual-width '(500)
 org-ascii-format-inlinetask-function 'org-ascii-format-inlinetask-default
 org-ref-open-pdf-function 'org-ref-open-pdf-at-point
 org-ref-cite-onclick-function 'org-ref-cite-click-helm
 org-export-default-language "zh-CN"
 org-ref-default-bibliography '("~/orgpapers/refs.bib")
 org-shiftleft-hook '((lambda nil (org-ref-swap-citation-link -1)))
 org-use-sub-superscripts "{}"
 org-ref-bibliography-notes "~/orgpapers/notes.org"
 org-latex-format-headline-function 'org-latex-format-headline-default-function
 org-default-notes-file "~/org/notes.org"
 org-startup-indented t
 org-after-todo-state-change-hook '(org-clock-out-if-current)
 org-latex-format-drawer-function #[514 "\207" [] 3 "\n\n(fn _ CONTENTS)"]
 org-src-mode-hook '(org-src-babel-configure-edit-buffer
                     org-src-mode-configure-edit-buffer)
 org-agenda-before-write-hook '(org-agenda-add-entry-text)
 org-babel-pre-tangle-hook '(save-buffer)
 org-mode-hook '(kd/org-hook org-ref-org-menu org-ref-colorize-links
                 org-mode-reftex-setup
                 #[nil "\300\301\302\303\304$\207"
                   [org-add-hook change-major-mode-hook org-show-block-all
                    append local]
                   5]
                 #[nil "\300\301\302\303\304$\207"
                   [org-add-hook change-major-mode-hook
                    org-babel-show-result-all append local]
                   5]
                 org-babel-result-hide-spec org-babel-hide-all-hashes
                 spacemacs/load-yasnippet
                 (lambda nil
                  (set
                   (make-local-variable
                    (quote pangu-spacing-real-insert-separtor))
                   t)
                  )
                 flyspell-mode)
 org-ref-insert-cite-function 'org-ref-helm-insert-cite-link
 org-refile-targets '((org-agenda-files :maxlevel . 5))
 org-format-latex-header "\\documentclass[nofonts,UTF8]{ctexart}\n\\usepackage[usenames]{color}\n[PACKAGES]\n[DEFAULT-PACKAGES]\n\\pagestyle{empty}             % do not remove\n% The settings below are copied from fullpage.sty\n\\setlength{\\textwidth}{\\paperwidth}\n\\addtolength{\\textwidth}{-3cm}\n\\setlength{\\oddsidemargin}{1.5cm}\n\\addtolength{\\oddsidemargin}{-2.54cm}\n\\setlength{\\evensidemargin}{\\oddsidemargin}\n\\setlength{\\textheight}{\\paperheight}\n\\addtolength{\\textheight}{-\\headheight}\n\\addtolength{\\textheight}{-\\headsep}\n\\addtolength{\\textheight}{-\\footskip}\n\\addtolength{\\textheight}{-3cm}\n\\setlength{\\topmargin}{1.5cm}\n\\addtolength{\\topmargin}{-2.54cm}"
 org-archive-hook '(org-attach-archive-delete-maybe)
 org-ascii-format-drawer-function #[771 "\207" [] 4 "\n\n(fn NAME CONTENTS WIDTH)"]
 org-ctrl-c-ctrl-c-hook '(org-babel-hash-at-point
                          org-babel-execute-safely-maybe)
 org-cycle-hook '(org-cycle-hide-archived-subtrees org-cycle-hide-drawers
                  org-cycle-show-empty-lines
                  org-optimize-window-after-visibility-change)
 org-html-mathjax-options '((path
                             "https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG")
                            (scale "100") (align "center") (indent "2em")
                            (mathml nil))
 org-export-async-init-file "~/.emacs.d/privat/org-async.el"
 org-todo-keywords '((sequence "TODO(t)" "START(s)" "|" "DONE(d)")
                     (sequence "REPORT(r)" "BUG(b)" "KNOWNCAUSE(k)" "|"
                      "FIXED(f)")
                     )
 org-latex-packages-alist '("\n%%% 默认使用的latex宏包 %%%\n\\usepackage{tikz}\n\\usepackage{CJKulem}\n\\usepackage{graphicx}\n\n%%% 设置中文字体 %%%\n\\setCJKmainfont[ItalicFont={KaiTi_GB2312}]{SimSun}% 文鼎宋体和楷书\n\\setCJKsansfont{WenQuanYi Micro Hei}% 文泉驿的黑体\n\\setCJKmonofont{WenQuanYi Micro Hei}\n\n%%% 设置页面边距 %%%\n\\usepackage[top=2.54cm, bottom=2.54cm, left=3.17cm, right=3.17cm]{geometry} %\n")
 org-babel-tangle-lang-exts '(("python" . "py") ("latex" . "tex")
                              ("D" . "d") ("C++" . "cpp") ("lisp" . "lisp")
                              ("emacs-lisp" . "el") ("elisp" . "el"))
 org-confirm-elisp-link-function 'yes-or-no-p
 org-metadown-hook '(org-babel-pop-to-session-maybe)
 org-shiftright-hook '((lambda nil (org-ref-swap-citation-link 1)))
 org-latex-default-class "ctexart"
 org-html-head-extra "<style type=\"text/css\">\n       /******************************************************\n ,* I copied these styles from markdotto.com, who is\n ,* the creator of bootstrap, and I also did some\n ,* modification. Thanks Mark for the beautiful theme,\n ,* so I reserved the @mdo sign below.\n ,*****************************************************/\n\n/*\n  __\n  __                  /  /'_`_    ___ ___    _   ___\n  /'/'_` /' __` __` /'_`  / __`  /L////L/L  `__,_______,_____/\n  `_____\\/_//_//_//__,_ //___/\n  `/_____/\n\n,*/\n\n\n\n/* Body resets\n   -------------------------------------------------- */\n\n,* {\n    -webkit-box-sizing: border-box;\n       -moz-box-sizing: border-box;\n            box-sizing: border-box;\n}\nhtml, body {\n    margin: 0;\n    padding: 0;\n}\nhtml {\n    font-size: 62.5%;\n}\nbody {\n    padding: 20px;\n    font-family: \"Helvetica Neue\",Helvetica,Arial,\"Hiragino Sans GB\",\"Microsoft YaHei\",sans-serif;\n    /*Menlo, Monaco, monospace*/\n    font-size: 14px;\n    line-height: 1.5;\n    color: #f0fff0;\n    background-color: #1090c0;\n}\np {\n    margin: 0 0 20px;\n}\n\n.title {\n    margin-bottom: 20px;\n    text-align: center;\n}\n\nh2, h3, h4 {\n    font-size:18px;\n}\nh1, h2, h3, h4{\n    position: relative;\n    margin: 30px 0 20px;\n    font-weight: bold;\n    line-height: 1.1;\n    color: #ffaa00;\n    text-rendering: optimizeLegibility;\n}\nh2:before, h3:before, h4:before {\n    position: absolute;\n    top: auto;\n    color: #cfc;\n    display: inline;\n}\nh2:before {\n    content: \"*\";\n    left: -1.25em;\n}\nh2 {left: 1.25em;}\nh3:before {\n    content: \"**\";\n    left: -2em;\n}\nh3 {left: 2em;}\nh4:before {\n    content: \"***\";\n    left: -2.5em;\n}\nh4 {left: 2.5em;}\n#table-of-contents > h2 {\n    left: 0;\n}\n#table-of-contents > h2:before {\n    content: none;\n}\ni, em, b, strong {\n    padding-left: .1em;\n    padding-right: .1em;\n}\nb, strong {\n    font-weight: bold;\n    color: #00ffff;\n}\nb:before, b:after, strong:before, strong:after {\n    content: \"*\";\n}\ni:before, i:after, em:before, em:after {\n    content: \"/\";\n}\np  {\n    text-indent:2em;\n}\nhr {\n    margin: 0;\n    border: 0;\n    border-bottom: 1px solid #e2e3e4;\n}\n\nul, ol {\n    margin: 0 0 20px;\n}\ncode, pre {\n    font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n    font-size: 0.9em;\n}\n.underline {\n    text-decoration: underline;\n    color: #3aff3a;\n}\n.underline:before, .underline:after {\n    content: \"_\";\n    color: #3aff3a;\n}\ncode {\n    background: #008f0f;\n    border-radius: 5px;\n    color: #ffa0f0;\n}\ncode:before, code:after {\n    content: \"=\";\n    color: #cfc;\n}\npre {\n    display: block;\n    margin: 0 0 14px;\n    padding: 15px;\n    border: 1px solid #e1e1e8;\n    border-radius: 3px 3px 3px 3px;\n    line-height: 28px;\n    background-color: #000000;\n    white-space: pre;\n    white-space: pre-wrap;\n    word-break: break-all;\n    word-wrap: break-word;\n}\npre.src {\n    padding-top: 1.2em;\n    position: relative;\n}\npre.src:before {\n  display: none;\n  position: absolute;\n  background-color: white;\n  top: -18px;\n  right: 10px;\n  padding: 3px;\n  border: 1px solid black;\n}\npre.src:hover:before {\n  display: inline;\n  background-color: #000000;\n  border: 1px solid #e1e1e8;\n}\npre.src-sh:before    { content: 'sh'; }\npre.src-bash:before  { content: 'sh'; }\npre.src-bash:before  { content: 'sh'; }\npre.src-emacs-lisp:before { content: 'Emacs Lisp'; }\npre.src-C:before     { content: 'C'; }\npre.src-js:before    { content: 'js'}\npre.src-matlab:before  { content: 'matlab'; }\npre.src-maxima:before  { content: 'maxima'; }\npre.src-lisp:before   { content: 'common lisp'; }\n\n.verse {\n    color: #afa;\n    text-indent: 0;\n}\n\nblockquote {\n    padding: 0 0 0 20px;\n    margin: 0 30px 20px -22.5px;\n    color: #afa;\n    border-left: 8px solid #e5e5e5;\n}\nblockquote p:last-child {\n    margin-bottom: 0;\n}\nimg {\n    display: block;\n    margin: 0;\n    border-radius: 5px;\n}\na {\n    font-weight: inherit;\n    line-height: inherit;\n    color: #ffff00;\n    text-decoration: none;\n}\nsup a:before {\n    content: \"[\";\n}\nsup a:after {\n    content: \"]\";\n}\na:hover {\n    text-decoration: underline;\n    color: #00ffff;\n}\ntable {\n    line-height: 2.5;\n    margin-bottom: 15px;\n    max-width: 100%;\n    width: 100%;\n}\ntable td, table th {\n    padding: 0 15px;\n}\ntable th.left, table td.left {\n    text-align: left;\n}\ntable th.right, table td.right {\n    text-align: right;\n}\n.figure p + p {\n    text-align: center;\n}\n\n/******************************************************/\n/* body */\n.container {\n    margin: 0 auto;\n    max-width: 770px;\n}\n\n.center { margin-left: auto; margin-right: auto; text-align: center; }\n\n/* table of content */\n#table-of-contents {\n    position: fixed;\n    right: 0em;\n    top: 0em;\n    background: black;\n    border:1px solid #e1e1e8;\n    -webkit-box-shadow: 0 0 1em #777777;\n    -moz-box-shadow: 0 0 1em #777777;\n    -webkit-border-bottom-left-radius: 5px;\n    -moz-border-radius-bottomleft: 5px;\n    text-align: center;\n    /* ensure doesn't flow off the screen when expanded */\n    max-height: 80%;\n    overflow: auto;\n    z-index: 200;\n}\n\n#table-of-contents h2 {\n\n    max-width: 20em;\n    font-weight: normal;\n    padding-left: 0.5em;\n    padding-top: 0.05em;\n    padding-bottom: 0.05em;\n}\n\n#table-of-contents ul {\n    margin-left: 14pt;\n    margin-bottom: 10pt;\n    padding: 0\n}\n\n#table-of-contents li {\n    padding: 0;\n    margin: 1px;\n    list-style: none;\n}\n\n#table-of-contents ul>:first-child {\n    color: blue;\n}\n\n#table-of-contents #text-table-of-contents {\n    display: none;\n    text-align: left;\n}\n\n#table-of-contents:hover #text-table-of-contents {\n    display: block;\n    padding: 0.5em;\n    margin-top: -1.5em;\n}\n\n\n/* footer */\n.footer {\n    margin: 80px 0 0;\n    text-align: center;\n    font-size: 15px;\n    color: #cfc;\n}\n.footer > p {\n    margin: 0;\n    line-height: 1.5;\n}\n.footdef {\n    margin: 0 0 20px;\n}\n.footpara {\n    display: inline;\n}\n\n/* Responsive\n   -------------------------------------------------- */\n\n/* site-nav*/\n@media screen and (max-width: 512px) {\n  .site-nav {border-top: 1px solid #e8e8e8; text-align: left; }\n  .site-nav .menu-icon { display: block; width: 36px; height: 21px; line-height: 0; margin-top: 10px; margin-bottom: 5px; text-align: center;\n                         }\n  .site-nav .menu-icon > svg { width: 18px; height: 15px; }\n  .site-nav .menu-icon > svg path { fill: #ffff00; }\n  .site-nav .trigger { clear: both; display: none; }\n  .site-nav:hover .trigger { display: block; padding-bottom: 5px; }\n  .site-nav li{ display: block; padding: 5px 10px; }\n  .site-nav li:before{ display: inline-block; content: \"B7 a0\"; color: #cfc;}}\n\n/* whole page */\n@media (min-width: 768px) {\n    /* Increase body padding and font-sizes */\n    body {\n        padding: 30px;\n        font-size: 18px;\n        line-height: 1.75;\n    }\n}\n\n@media (min-width: 1024px) {\n    body {\n        padding: 30px;\n    }\n}\n\n      </style>\n<script src=\"http://code.jquery.com/jquery-latest.min.js\"></script>\n<script type=\"text/javascript\">\nwindow.onload=function(){\n/* navigate */\nwindow.kd_toc = $('#text-table-of-contents ul li');\nwindow.kd_toc_h = $('#table-of-contents h2');\nwindow.kd_n = 1;\nwindow.kd_tmp = kd_n;\nwindow.kd_head = $('div[id*=\\'orgheadline\\']');\n$(window).scroll(function () {\n    //kd_str=\"#orgheadline\" + kd_n.toString();\n    //var top1=kd_head.find(kd_str).offset().top;\n    var startPoint=0;\n    var endPoint=kd_head.length-1;\n    var offsetValue=window.pageYOffset+20;\n    if(kd_head.eq(kd_tmp)[0].offsetTop>offsetValue || offsetValue>kd_head.eq((kd_tmp+1)>(kd_head.length-1)?(kd_head.length-1):(kd_tmp+1))[0].offsetTop){\n        while((startPoint+1) < endPoint){\n            if(kd_head.eq(Math.floor((startPoint+endPoint)/2))[0].offsetTop > offsetValue){\n                endPoint = Math.floor((startPoint+endPoint)/2);\n            }\n            else if(kd_head.eq(Math.floor((startPoint+endPoint)/2))[0].offsetTop < offsetValue){\n                startPoint = Math.floor((startPoint+endPoint)/2);\n            }\n            else{\n                break;\n            }\n        }\n        if(offsetValue>kd_head.eq(kd_head.length-1)[0].offsetTop){\n            kd_n=kd_head.length-1;\n        }\n        else{\n            kd_n = startPoint;\n        }\n\n        kd_toc.eq(kd_tmp).children('a').css('color', '#ffff00');\n        kd_tmp = kd_n;\n        kd_toc.eq(kd_tmp).children('a').css('color', '#22ff22');\n        kd_toc_h[0].textContent=kd_toc.eq(kd_tmp)[0].children.item(0).textContent;\n        //kd_n = parseInt(kd_str.slice(-1));\n    }\n});\n\n/* floating card */\n  function popupActivate (evt) {\n      var boundBox = evt.target.getBoundingClientRect();\n      var coordX = boundBox.left;\n      var coordY = boundBox.top;\n      balloon.style.position=\"fixed\";\n      balloon.style.left= coordX.toString() + \"px\";\n      balloon.style.top= (coordY + 30).toString() + \"px\";\n\n      if(evt.target.firstChild.parentNode.nextSibling.tagName == \"SUP\"){\n          var footRef = evt.target.nextSibling.childNodes[0].id;\n          var docNode = document.getElementById(\"fn.\"+footRef.slice(-1));\n          var nodeNew = docNode.parentNode.parentNode.lastChild.cloneNode(true);\n          balloon.replaceChild(nodeNew,balloon.lastChild);\n          balloon.style.visibility=\"visible\";\n      }\n      if(balloon.getBoundingClientRect().right > window.innerWidth){\n          balloon.style.width=(window.innerWidth-coordX-5).toString()+\"px\";\n      }\n  }\n\n  function popupOff(evt) {\n      balloon.style.visibility=\"hidden\";\n  }\n\n  function ls_init () {\n\n      // create balloon element, insert as first child of refNode\n      function createBalloon (refNode) {\n          // create balloon element to display info\n          balloon = document.createElement(\"div\");\n          balloon.style.visibility=\"hidden\";\n          balloon.style.position=\"fixed\";\n          balloon.style.top=\".5ex\";\n          balloon.style.left=\".5ex\";\n          balloon.style.padding=\".5ex\";\n          balloon.style.textAlign=\"left\";\n          balloon.style.border=\"solid thin green\";\n          balloon.style.borderRadius=\"1ex\";\n          balloon.style.backgroundColor=\"hsla(240,80%,50%,0.8)\";\n          balloon.style.boxShadow=\"3px 3px 8px black\";\n          balloon.style.zIndex=\"341\";\n          balloon.innerHTML=\"<p>tips</p>\";\n          // insert into DOM\n          refNode.insertBefore(balloon, refNode.firstChild);\n      }\n\n      var myList = document.querySelectorAll(\".underline\");\n\n      // assign handler to hot hoover elements\n      if ( myList.length > 0 ) {\n          for (var ii = 0; ii < myList.length; ii++) {\n              var myNode = myList[ii];\n              myNode.addEventListener(\"mouseover\", popupActivate , false);\n              myNode.addEventListener(\"mouseout\", popupOff , false);\n          }\n      }\n\n      createBalloon(document.body);\n  }\n\n  var balloon;\n\n  ls_init();\n}\n</script>"
 org-ref-open-notes-function '(lambda nil (org-show-entry) (show-branches)
                               (show-children) (org-cycle (quote (64)))
                               (outline-previous-visible-heading 1)
                               (recenter-top-bottom 0))
 org-html-format-headline-function 'org-html-format-headline-default-function
 org-completion-use-ido t
 org-babel-load-languages '((emacs-lisp . t) (lisp . t) (C . t) (sh . t)
                            (latex . t) (matlab . t) (calc . t)
                            (gnuplot . t) (js . t) (python . t)
                            (ipython . t))
 org-html-format-inlinetask-function 'org-html-format-inlinetask-default-function
 org-fontify-whole-heading-line t
org-clock-out-hook '(org-clock-remove-empty-clock-drawer)
 org-export-headline-levels 4
 )