If you’re using a <py-script> tag, you can use the src attribute to reference a URL where the relevant python code is located. In this case, any code written within the tag itself (that is, in the HTML page) is ignored. For example:

<py-script src="some/url/with/code.py"></py-script>

Note that the attribute is a URL, not a local file path, so you’ll likely want to use a small server program to make the python file available on the network. Running python -m http.server from the command line will do.

Answer from Jeff Glass on Stack Overflow
🌐
YouTube
youtube.com › micro solution
How to use VS Code for HTML and Python | Visual Studio Code Tutorial in Hindi | VS Code Setup - YouTube
22:46
Common questions i'll answer in this video:VS Code Tutorial in Hindi.How to download and install VS Code?HTML tutorial in VS Code.Python tutorial in VS Code....
Published: July 28, 2020
Views: 60K
🌐
Stack Overflow
stackoverflow.com › questions › 75354678 › how-to-link-to-python-file-inside-html-code
How to link to python file inside html code - Stack Overflow
Top answer
1 of 1
2

If you’re using a <py-script> tag, you can use the src attribute to reference a URL where the relevant python code is located. In this case, any code written within the tag itself (that is, in the HTML page) is ignored. For example:

<py-script src="some/url/with/code.py"></py-script>

Note that the attribute is a URL, not a local file path, so you’ll likely want to use a small server program to make the python file available on the network. Running python -m http.server from the command line will do.

How to import another python script with HTML code
How do you run a Python file in HTML?
python - Open a .py file in HTML using a link / button
Running Python Script in HTML
python - How to open a .html file
More results from stackoverflow.com
Discussions
How to run html code in python with web output using vscode - Stack Overflow
I know you guys will remove this question, cause this has been asked, but i can really not understand this question!! Stack overflow has been useless for me due to you guys rejecting my questions e... More on stackoverflow.com
🌐 stackoverflow.com
How to link Python code with HTML webpage? - Stack Overflow
I have python code that shows a data frame. How can I link the python code to show it as a table in an HTML webpage and use CSS to edit this table? I am using Vs code. Here is my python code for cr... More on stackoverflow.com
🌐 stackoverflow.com
April 21, 2021
Visual Studio Code from Python to HTML - HTML/CSS - Code with Mosh Forum
I was a bit messed up now after trying the Python course - Mosh was showing how to turn on the python function on VSC. Now I have no idea how to get out of it in order to do HTML file Can anyone help out? More on forum.codewithmosh.com
🌐 forum.codewithmosh.com
0
December 6, 2021
How do I run Python Script from VsCode in my Browser?
Your browser can't execute python. You can use a backend framework like flask, to get python to generate HTML and send it. More on reddit.com
🌐 r/learnpython
20
68
February 10, 2023
Videos
04:19
🌐 YouTube
PyScript | Run Python in your HTML | Write your first PyScript ...
June 28, 2022
116K
09:53
🌐 YouTube
How to do Python HTML Connection | pyscript - YouTube
December 7, 2022
🌐 youtube.com
How to use VScode for HTML/CSS and Python
View all
View all
🌐
Better Programming
betterprogramming.pub › pyscript-run-python-with-html-e77f1786a062
How to Use PyScript Within VS Code
May 10, 2022 - The developers at Anaconda have developed a new way to run python scripts on a web browser within HTML. PyScript is a framework for building powerful Python programs in the browser using the HTML interface. To read the complete guide, head over to their official blog. There is no such installation of any packages to use PyScript. You can either download the zip file and include the following lines of code in <head> tag in your HTML file after unzipping · ... <link rel="stylesheet" href="path/to/pyscript.css" /> <script defer src="path/to/pyscript.js"></script> ...
🌐
Stack Overflow
stackoverflow.com › questions › 76700045 › how-to-run-html-code-in-python-with-web-output-using-vscode
How to run html code in python with web output using vscode - Stack Overflow
Top answer
1 of 1
2

webbrowser.open_new_tab requires a URL, not a file path.

To specify local files in a URL use the file://absolute/path/to/file/ scheme:

import webbrowser
import os

webbrowser.open_new_tab(f"file://{os.path.abspath('myfile.html')}")

This code uses the os module to get the absolute path of the file, and then convert it to a URL. You could use a server to serve the file and then use the servers url.

🌐
YouTube
youtube.com › watch
PyScript | Run Python in your HTML | Write your first PyScript Program in VSCode | PYTHON in BROWSER - YouTube
04:19
PyScript is a framework that allows users to create rich Python applications in the browser using HTML's interface and the power of Pyodide, WASM, and modern...
Published: June 28, 2022
🌐
Stack Overflow
stackoverflow.com › questions › 67203409 › how-to-link-python-code-with-html-webpage
How to link Python code with HTML webpage? - Stack Overflow
Top answer
1 of 1
1

I guess this is an option but there certainly have to be better options:

import requests
from bs4 import BeautifulSoup


url = "https://www.worldometers.info/coronavirus/country/Austria/"
soup = BeautifulSoup(requests.get(url).content, "html.parser")

cases, deaths, recovered = soup.select(".maincounter-number")
active_cases, closed_cases = soup.select(".number-table-main")
active_cases_mild, active_cases_serious, _, _ = soup.select(".number-table")

lst = [cases, deaths, recovered, active_cases, closed_cases, active_cases_mild, active_cases_serious]

table_data = ''

for data in lst:
    data = data.text.replace('\n', '')
    table_data += f'<td>{data}</td>'

html = f"""
<!doctype html>
<html>
<head><title>Test</title></head>
<body>

<table>
<tr>
    <th>Coronavirus Cases</th>
    <th>Deaths</th>
    <th>Recovered</th>
    <th>Currently infected</th>
    <th>Closed cases</th>
    <th>Active cases (mild)</th>
    <th>Active cases (serious)</th>
</tr>
<tr>{table_data}</tr>
</table>

</body>
</html>
"""

print(html)
with open('test.html', 'w') as file:
    file.write(html)
🌐
Code with Mosh
forum.codewithmosh.com › html/css
Visual Studio Code from Python to HTML - HTML/CSS - Code with Mosh Forum
December 6, 2021 - I was a bit messed up now after trying the Python course - Mosh was showing how to turn on the python function on VSC. Now I have no idea how to get out of it in order to do HTML file Can anyone help out?
Find elsewhere
🌐
Visual Studio Code
code.visualstudio.com › docs › python › python-tutorial
Getting Started with Python in VS Code
November 3, 2021 - To successfully complete this tutorial, you need to first set up your Python development environment. Specifically, this tutorial requires: ... VS Code Python extension (For additional details on installing extensions, see Extension Marketplace)
🌐
Quora
quora.com › How-can-I-link-python-code-with-HTML
How to link python code with HTML - Quora
Answer (1 of 25): I will try to explain the big picture, because you’re confusing the role of each technology when creating a website/webapp. HTML is the markup language of the web. It’s simply a descriptive language (not a programming one). It simply declares the different elements on ...
🌐
Sololearn
sololearn.com › en › Discuss › 2665072 › guys-can-i-use-vs-code-for-python-and-at-the-same-time-for-html-and-css
Guys can i use VS code for Python and at the same time for HTML and CSS | Sololearn: Learn to code for FREE!
You need to see installed packages in your vscode packages check if python runner is installed if not you have to install it.Then for pip it will be automatically installed with python idel installed in your desktop. ... Vs code use plugin you have just to install some extensions for python.
🌐
Visual Studio Code
code.visualstudio.com › docs › languages › python
Python in Visual Studio Code
November 3, 2021 - The Python extension then provides shortcuts to run Python code using the currently selected interpreter (Python: Select Interpreter in the Command Palette). To run the active Python file, click the Run Python File play button in the top-right side of the editor. You can also run individual lines or a selection of code with the Python: Run Selection/Line in Python Terminal command (Shift+Enter).
🌐
Real Python
realpython.com › html-css-python
HTML and CSS for Python Developers – Real Python
January 11, 2025 - Inside of <nav>, you add a link with an <a> tag, which is short for anchor. The href attribute stands for Hypertext Reference, containing the link’s target. Note: The <!-- ... --> construct on line 11 represents an HTML comment.
🌐
Reddit
reddit.com › r/learnpython › how do i run python script from vscode in my browser?
r/learnpython on Reddit: How do I run Python Script from VsCode in my Browser?
February 10, 2023 -

So with an HTML File, I can just rightclick it and select "Open with Live Server" and I can view it on my Browser. So how exactly do I do that with Python? Because when I right click my Python file it doesnt say that

Edit: I use Flask. Problem is I still dont know how to connect it to my Browser

Top answer
1 of 12
78
Your browser can't execute python. You can use a backend framework like flask, to get python to generate HTML and send it.
2 of 12
23
VS Code has an article on this that you may find helpful https://code.visualstudio.com/docs/python/tutorial-flask
🌐
Visual Studio Code
code.visualstudio.com › docs › python › python-quick-start
Quick Start Guide for Python in VS Code
November 3, 2021 - A quick start guide to get you up and coding with the Python extension in Visual Studio Code.
🌐
Quora
quora.com › How-do-you-add-a-link-in-HTML-using-Visual-Studio-Code
How to add a link in HTML using Visual Studio Code - Quora
Answer: To add a link in visual studio code: 1. Open your visual studio code. 2. Open your HTML file. 3. select the text what you want to link. 4. wrap it in an anchor tag element in HTML like this “[code ]Your text[/code]” 5. save it (ctrl + s) and run it.
🌐
freeCodeCamp
forum.freecodecamp.org › t › working-on-html-file-in-vs-code › 386726
Working on html file in vs code - The freeCodeCamp Forum
May 10, 2020 - I know this might sound a very simple question but I’m using vs code to work on HTML file and not sure how to run some code in the terminal. I have installed the extensions for HTML, and python with no issue running py…
🌐
Oneclickitsolution
oneclickitsolution.com › home › solutions
Run Python in HTML Using PyScript | 2026 Step-by-Step Guide
February 9, 2026 - Running Python directly inside an HTML file was traditionally not possible without a backend server. Python was mainly used on the server side, while JavaScript handled browser interactions. With the introduction of PyScript, this has changed. PyScript allows developers to run Python code directly in the browser, inside an HTML file, without setting up servers or APIs.
🌐
Altcademy
altcademy.com › blog › how-to-run-html-code-in-visual-studio-code
How to run HTML code in visual studio code - Altcademy.com
August 20, 2023 - To view your HTML file in a browser, follow these steps: Save your HTML file by clicking on File, then Save, or use the shortcut Ctrl+S. Right-click anywhere in your HTML file. Select Open with Live Server.
🌐
Visual Studio Code
code.visualstudio.com › docs › python › jupyter-support-py
Python Interactive window
November 3, 2021 - Select the convert icon followed by "Python Script", wait a few seconds, and then VS Code opens the converted notebook in an untitled file. The notebook's cells are delimited in the Python file with # %% comments; Markdown cells are converted ...