в коде python html не имеет разбивки и включен в элемент

#python #html

#python #HTML

Вопрос:

Я хочу создать html-код на python. У меня есть файл Excel, из которого я хочу добавить некоторые элементы в html-код.

 import openpyxl
from tkinter import filedialog
from helper import file_path

wb = openpyxl.load_workbook(filename="uscities-travel-agency.xlsx")
sheet = wb.active
row_count = sheet.max_row
base_link = "https://en.wikipedia.org/wiki/"
default_path = file_path()

print("Where do you want to save the files?")
print()
print("1- Default Location (Documents)")
print("2- Select Location")
location = input("Please select option 1 or 2 or leave for default >> ")

while location not in ["1", "2", ""]:
    location = input("(Try Again) Please select option 1 or 2 or leave for default >> ")

path = None
if location:
    if int(location) == 2:
        path = filedialog.askdirectory(initialdir=default_path, title="Select Folder")


for i in range(1, row_count):
    city_c1 = sheet.cell(row=i, column=1).value
    city_ascii_c2 = sheet.cell(row=i, column=2).value
    state_keyword_c3 = sheet.cell(row=i, column=3).value
    state_id_c4 = sheet.cell(row=i, column=4).value
    state_name_c5 = sheet.cell(row=i, column=5).value
    county_fips_c6 = sheet.cell(row=i, column=6).value
    county_name_c7 = sheet.cell(row=i, column=7).value
    zips_c17 = sheet.cell(row=i, column=17).value
    html1_c18 = sheet.cell(row=2, column=19).value





    # print(city_c1, city_ascii_c2, state_id_c3, state_name_c4)

    file = open(f"{path if path else default_path}/{state_keyword_c3}-{city_c1}.html", "w")

    html_content = f'''
        <div style="display:flex; align-items:center; flex-direction:column;">

            {html1_c18} amp;#10
           
            <br></br>

           
            <h1>{city_c1} {state_keyword_c3} {state_name_c5} {county_fips_c6} {county_name_c7} {zips_c17}</h1>
            <br></br>
            <a href="https:wikipedia.org"><h4>   Click here for to search </h4></a>

           <h1> {city_c1} {state_keyword_c3} {state_name_c5} {county_fips_c6} {county_name_c7} {zips_c17}</h1>
           <h1> {city_c1} {state_keyword_c3} {state_name_c5} {county_fips_c6} {county_name_c7} {zips_c17}</h1>
                                  

        </div>
    '''

    file.write(html_content)
    file.close()
 

У меня есть следующий код, который работает нормально, когда я не включаю элемент [html1_c18]. Это
Этот элемент является частью кода hmtl с моего веб-сайта.
Когда я теперь хочу создать html-код, я получаю следующий результат:
На рисунке желтая отмеченная часть находится в элементе, но она не должна. элементы должны быть видны и вне элемента.

Я уже пробовал это <br>; n; amp;#10 делать, но это не сработало.

Кто-нибудь знает, как исправить эту проблему?

Большое спасибо

введите описание изображения здесь

Комментарии:

1. вы записали свой div в style блок в заголовке, поэтому он пытается обработать его как css

2. Спасибо за это. Я попытался удалить следующую строку <div style=»display:flex; align-items:center; flex-direction:column;»> но результат тот же. Он все еще находится в text/ css . К сожалению, я не знаком с этим и пока не знаю, как решить эту проблему.