Using Python Variables in HTML multi-line Python string
Running the script below will generate an HTML page like this...
# ------------- HTML Template ------------------------
html_head = '''
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<title>{main_title}</title>
</head>
<body>
'''
html_tail = '''
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
</body>
</html>
'''
html_body1 = '''
<div class="container">
<div class="row">
<div class="col-3">
<h3>{main_title}</h3>
<img width= '250px' src="{main_image}">
<p>{main_description}</p>
</div>
<div class="col-9">
'''
html_body2 = '''
<b>{item_date}</b>
<h3>{item_title}</h3>
<p>{item_description}</p>
<audio controls> <source src="{item_mp3_file}" /> </audio>
<hr>
'''
html_body3 = '''
</div> \n
</div>
</div>
'''
# -------------------------------------------------------
html_filename = 'index'
main_title = 'The HTML title'
p_description = 'Placeholder.com is a free image placeholder service for web designers, serving billions and billions of images each year. You can specify image size & format (.GIF, .JPG, .PNG, .WEBP), background color & text color, as well as the text.'
main_image = 'https://via.placeholder.com/150'
p_date = '12-06-2021'
p_title = 'How To Use Our Placeholders'
main_description = 'Placeholder.com is a free image placeholder service for web designers, serving billions of images per year.'
p_mp3 = 'https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_1MG.mp3'
with open(f'{html_filename}.html', 'w', encoding='utf-8') as html5:
html5.write(html_head.format(main_title=main_title))
html5.write(html_body1.format(main_title=main_title, main_description=main_description, main_image=main_image))
html5.write(html_body2.format(item_date=p_date, item_title=p_title, item_description=p_description, item_mp3_file=p_mp3))
html5.write(html_body3)
html5.write(html_tail)
print('Finished...')
That is it.
No comments:
Post a Comment