Scribd
Upload
74 views

Intro To Web

The document provides instructions for creating a basic HTML structure and webpage content for a restaurant called the Black Goose Bistro. The instructions include creating a folder called Bistro, opening Notepad, adding HTML tags like <DOCTYPE>, <html>, <head>, <title>, <body> to structure the content, and adding text describing the restaurant's menu, catering services, and hours. The finished webpage is then saved as index.html in the Bistro folder and opened in a browser.

Uploaded by

Junnel Fadrilan
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
74 views

Intro To Web

The document provides instructions for creating a basic HTML structure and webpage content for a restaurant called the Black Goose Bistro. The instructions include creating a folder called Bistro, opening Notepad, adding HTML tags like <DOCTYPE>, <html>, <head>, <title>, <body> to structure the content, and adding text describing the restaurant's menu, catering services, and hours. The finished webpage is then saved as index.html in the Bistro folder and opened in a browser.

Uploaded by

Junnel Fadrilan
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Computer Communication Development Institute

Rizal St Sorsogon City

Subject
Activity 1
Instructor

:
:
:

Intro to Internet and Web Design


Adding Basic Structure
Sir Junnel Fadrilan

1. Create a folder on youre My document and name it Bistro.


2. Open Notepad text editor.
3. Start by adding the HTML5 DOCTYPE declaration
<!DOCTYPE html>
4. Put the entire document in an HTML root element by adding an <html> start
tag at the very beginning and an end <html> tag at the end of the text.
5. Next, created the document head that contains the title for the page. Insert
<head> and </head> tags before the content. Within the head element,
add information about the character encoding <meta charset="utf-8">,
and the title, "Black Goose Bistro", surrounded by opening and closing
<title> tags.
6. Finally, define the body of the document by wrapping the content in <body>
and </body> tags. When you are done, the source document should look
like this (the markup is shown in color to make it stand out):
<!DOCTYPE html>
<html>
<head>
<meta charset ="utf-8">
<title>Black Goose Bistro</title>
</head>
<body>
Black Goose Bistro
The Restaurant
The Black Goose Bistro offers casual lunch and dinner fare in a hip atmosphere.
The menu changes regularly to highlight the freshest ingredients.
Catering Services
You have fun... we'll do the cooking. Black Goose catering can handle events
from snacks for bridge club to elegant corporate fundraisers.
Location and Hours
Seekonk, Massachusetts;
Monday through Thursday 11am to 9pm, Friday and Saturday, 11am to midnight
</body>
</html>

Computer Communication Development Institute


Rizal St Sorsogon City
7. Save the document in the bistro directory having a filename of index.html,
Note make sure that u set the file type = All
8. Open the file on your in the browser.

You might also like