한 페이지에 별도의 테이블 제시

Question

저는 HTML이 정말 새로운데, 저는 이것에 대해 파이썬으로 작업합니다.

나는 몇개의 분리 된 HTML "객체"를 가지고 있으며, 하나씩 보여주고 싶다. 그리고 그것들 사이에 공백이 필요하다.

이

여기서 우리는 3 개의 다른 HTML "객체"를 볼 수 있고 우리가 그들 사이의 공간을 볼 수

이

은 내가 인터넷에서 본 예이다.

한 페이지에 어떻게 표시합니까?

내 코드 :

def nlist_to_html(kpi_data_dict): 

    headers_lists = ['Total Revenue'] 
    htable = '<br> <table bordercolor=000000 cellspacing="0" cellpadding="1" ' \ 
      'style="table-layout:fixed; background: #F5F5F5; vertical-align:bottom; font-size:15px;font-family:verdana,sans,sans-serif;border-collapse:collapse;border:3px solid rgb(12, 73, 173); color:rgb(20, 99, 226)" >' 

    for header in headers_lists: 
     new_header = '<header> <h1> <th bgcolor = "#777" colspan = "6" align = "left" valign = "center"> <font size = "6" color ="white"> {header} </font> </th> </h1> </header>'.format(header= header) 
     htable += new_header 

     for row in kpi_data_dict: 
      newrow = u'<tr>' 
      newrow += u'<td align="left" style="padding:1px 4px">' + unicode(row[1][1]) + u'</td>' 
      newrow = newrow + ''.join([u'<td align="center" style="padding:1px 4px">' + unicode(x) + u'</td>' for x in row]) 
      newrow += '</tr>' 
      htable += newrow 
     htable += '</table>' 

    return htable 

Answer 1

가 나는 확실하지,이 백엔드 스크립트에서 사용하지만, 무슨 언어는이 시도 :

def nlist_to_html(kpi_data_dict): 
headers_lists = ['Total Revenue'] 
htable = '<br> <table bordercolor=000000 cellspacing="0" cellpadding="1" ' \ 
     'style="table-layout:fixed; background: #F5F5F5; vertical-align:bottom; font-size:15px;font-family:verdana,sans,sans-serif;border-collapse:collapse;border:3px solid rgb(12, 73, 173); color:rgb(20, 99, 226)" >' 

for header in headers_lists: 
    new_header = '<tr> <th bgcolor = "#777" colspan = "6" align = "left" valign = "center" style="margin-top:15px;"> <header> <h1> <font size = "6" color ="white"> {header} </font> </h1> </header> </th> </tr>'.format(header= header) 
    htable += new_header 

    for row in kpi_data_dict: 
     newrow = u'<tr>' 
     newrow += u'<td align="left" style="padding:1px 4px; margin-top:15px;">' + unicode(row[1][1]) + u'</td>' 
     newrow = newrow + ''.join([u'<td align="center" style="padding:1px 4px; margin-top:15px;">' + unicode(x) + u'</td>' for x in row]) 
     newrow += '</tr>' 
     htable += newrow 
    htable += '</table>' 

return htable