웹페이지의 표를 한글 표로 변환하기 (5)

1. 문제

이번에는 https://lsw3210.tistory.com/648
에서 다뤘던 네이버 증권 사이트를 예로 들어 인터넷 문서를 만들어보겠습니다.
 
네이버 증권 사이트를 연 후 
F12키를 누르고 업종 상위를 화살표를 이용해 선택하면

 
table이 아닌 div, li, span과 p 태그로 구성되어 있어서

 
html 문서로 변환 후 한글에서 열면 아래와 같이 세로로 표시됩니다.

 
검사(개발자 도구) 메뉴에 대한 더 자세한 설명은
https://lsw3210.tistory.com/649를 참고 바랍니다. 
 

2. 해결책

div 태그를 table 태그로, li태그를 tr태그로, span과 p태그를 td 태그로 바꾸면 됩니다.
 
div태그는 비슷한 것이 없어서 div를 table로 한꺼번에 바꾸면 되고, span도 한꺼번에 td로 바꾸면 됩니다.

 
li태그와 p태그는 다른 글자와  겹치기 때문에
<li를 <tr로, /li를 /tr로, <p를 <td로, /p를 /td로 하나씩 바꿔야 합니다.
 
그러면 아래와 같은 html 문서로 바뀝니다.

업종상위.html

0.00MB

 

 
저장 시 반드시 인터넷 문서 형식인 htm 또는 html로 확장자를 변경하고,
인코딩을 UTF-8(BOM)으로 지정해야 합니다. UTF-8도 안됩니다.

 
 
그리고, 한글에서 열 때도 문자 코드를 유니코드(UTF-8)을 선택해야 합니다.

 
그러면 아래와 같이 열리는데,

 
 
적당하게 편집하면 됩니다.