Flask is a lightweight and flexible web framework for Python that provides tools and libraries to help build web applications. In this tutorial, we will cover how to render an HTML page using Flask.
Step 1: Install Flask
Before getting started, you need to make sure that Flask is installed on your machine. You can install Flask using pip, which is the package installer for Python. Run the following command in your terminal to install Flask:
pip install FlaskStep 2: Create a Flask App
Create a new Python file and import the Flask module. Create a new Flask app by calling the Flask constructor. Here’s an example code snippet:
from flask import Flask
app = Flask(__name__)Step 3: Create a Route to Render HTML Page
In Flask, routes are used to map URLs to Python functions. To render an HTML page, you need to create a route that will return the HTML content. You can use the render_template function from Flask to render an HTML template. Here’s an example route that renders an HTML page:
from flask import render_template
@app.route('/')
def index():
return render_template('index.html')Step 4: Create HTML Template
Create a new folder called ‘templates’ in your project directory. Inside the ‘templates’ folder, create a new HTML file called ‘index.html’. You can add your HTML content to this file. Here’s an example index.html file:
<!DOCTYPE html>
<html>
<head>
<title>Flask HTML Rendering</title>
</head>
<body>
<h1>Hello, Flask!</h1>
</body>
</html>Step 5: Run the Flask App
To run your Flask app, you need to add the following code at the end of your Python file:
if __name__ == '__main__':
app.run()Now, you can run your Flask app by running the following command in your terminal:
python app.pyVisit http://localhost:5000 in your web browser to see the rendered HTML page.
That’s it! You have successfully rendered an HTML page using Flask. Feel free to customize your HTML template and routes to create more complex web applications. Flask provides a lot of flexibility and functionality for building web applications, so be sure to explore the Flask documentation to learn more about what you can do with this powerful web framework.
In my vscode ,I am unable see that file Creating icon , can you please help?? How can I connect you personally?
which extension ur using