Restaurant HTML You will use Brackets to create a web page for a fictional resta

ID: 3787252 • Letter: R

Question

Restaurant HTML

You will use Brackets to create a web page for a fictional restaurant. NOTE: you are not expected to work on any styling, this assignment is about structure and using good semantic HTML.

Requirements

In a file named menu.html you will create a menu for a restaurant.

Your menu page must contain the following:

Of course, the top of the menu should minimally contain the name of the restaurant.

At least 4 categories of dishes, e.g. appetizers, salad, chicken, vegetarian.

Each category must have a list of at least 3 dishes. Each dish should have a name and description/ingredients.

You must have a total of 15 dishes across the categories.

Each category must have a brief description.

You must also include a separate section with a table containing a "Chinese menu," e.g one from Column A, 2 from Column B, etc. (the exact numbering is up to you).

You must have 3 categories in your "Chinese menu" section.

Your "Chinese menu" section must have at least 11 options, for example, 2 categories with 4 items, 1 category with 3 items.

Each category/section must have its own header.

You must have navigation section on the menu with links to each category/section in your menu.

You must have at least 4 pictures/images on your menu.

Use of good semantic markup is required.

Your page must include a location image generated dynamically via Google's Static Map API (https://developers.google.com/maps/documentation/static-maps/intro (Links to an external site.)) OR Google's Static Street View API (https://developers.google.com/maps/documentation/streetview/ (Links to an external site.)). NOTE: You should be able to get away without an API key.

Your page must pass validation as HTML5 by the HTML validator (https://validator.w3.org/ (Links to an external site.))

NOTE: Do not use lorem text instead of actual words

Explanation / Answer

HTML:

This is the basic skeletal structure of our restaurant menu, it is obviously the most essential.

div class="menu-body">

Spring Rolls

</div>

$50

</div>

These items will each have a div of their own, and will all have the class of ‘menu-item’. This will make it easy for us to use CSS for styling all the items together in one go.

Each menu item has two sub-components of name and price. These have the classes of ‘menu-item-name’ and ‘menu-item-price’ respectively.

<!DOCTYPE html>

<head>

<title>Welcome to NATURE RESTAURENT </title>

link type="text/css"rel="stylesheet" href="STYLES2.css"media="screen">

</head>

<body>

<h2 class="menu-section-title">MAIN COURSE</h2>

Spring rolls

</div>

$50

</div>

Egg roll or side of fried crab wontons .The wrapping usually made with rice flour.

</div>

Gong Boa chicken

</div>

$150

</div>

Spicy stir fry dish made with chicken peanuts, vegetables and pepper

</div>

Wonton

</div>

$230

</div>

Large bowl ,add the meat , ginger, garlic, sauce mix

</div>

In the same way we can add as many dishes we needed to include

<h2 class="menu-section-title">DRINKS</h2>

Lemon juice

</div>

$30

</div>

Apple Juice </div>

$50

</div>

Melon juice

</div>

$30

</div>

<dt>melted vanilla pod ice cream poured over brutti ma buoni cookies,</dt> <dt>espresso, and a shot of frangelico</dt>

</dl>

<dt>Banana Republic €5</dt>

<dt>Vanilla ice cream wedged between fresh banana and smothered in chocolate sauce, fresh cream and nuts.</dt>

</dl>

</body>

</html>

Navigate

Restaurant Analysis 7% 2 Shipping Costs S/ib 4 Ingredient 5 Chicken 6 Beef 7 Tom

Restaurant Population Sales 1 2 58 2 6 105 3 8 88 4 8 118 5 12 117 6 16 137 7 20

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

Restaurant HTML You will use Brackets to create a web page for a fictional resta

Question

Explanation / Answer

Related Questions

Navigate