How do you render HTML with views? Explain.

In the MVC pattern, the view handles the app's data presentation and user interaction. A view is an HTML template with embedded Razor markup. Razor markup is code that interacts with HTML markup to produce a webpage that's sent to the client. In ASP.NET Core MVC, views are .cshtml files that use the C# programming language in Razor markup. Usually, view files are grouped into folders named for each of the app's controllers. The folders are stored in a Views folder at the root of the app.

Views that are specific to a controller have been created in the Views/[ControllerName] folder. To create a view, add a new file and give it the same name as its associated controller action with the .cshtml file extension.

The Home controller is represented by a Home folder inside the Views folder. The Home folder contains the views for the About, Contact, and Index (homepage) webpages. When a user requests one of these three web pages, controller actions in the Home controller determine which of the three views is used to build and return a webpage to the user.

Example: The following program shows how a view is displayed

1. HTML View Defined as /Views/Home/Index in file Index.cshtml

    <h1>This is Index Page </h1>

2. Action Method Index() defined at Controller/Home in file HomeController.cs

    using Microsoft.AspNetCore.Mvc;

    namespace MyMVcApplication.Controller

    {

       public class HomeController: Controller

       {

          public IActionResult Index()

            {

                return View();

            }

        }

    }