Scribd
Upload
6 views

Unit1 Exercises

Uploaded by

mbotella
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

Unit1 Exercises

Uploaded by

mbotella
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Unit 1 Basic HTML file

estructure
Web applications
Introductory exercise (part 1)
● Create a folder call COFEE SHOP
● Create a file call index.html (UTF-8) and type the following text without
using HTML tags. Later, prove your web page in your browser.
Starbuzz Coffee
House Blend, 1.49€
A smooth mild blend of coffees of México, Bolivia y Guatemala
Mocha Cafe Late, 2.35€
Espresso coffee with hot milk and chocolate syrup
Cappuccino, 1.09€
A mixture of espresso, hot milk and foam
Chat tea, 1.85€
Spice drink made from black tea, spices, milk and honey
Introductory exercise (part 2)
COFEE SHOP
We are going to make format to our web page:
● Introduce all you code between tags <html> and </html>
● Divide your document in two sections: HEAD and BODY.
● Add the title in the HEAD: between <title> and </title>. This title appears in the top of
the web page.
● Use <h1> y </h1> for main heading
● Use <h2> y </h2> for the other headings
● Use labels <p> y </p> for enclose paragraphs
● Write all the tags in low case letters.
● Use tabs.
Later, prove your web page in your browser
Exercise 4.1
● Create a web page to display the text “Hi World, my name is … !” inside
the <body> section. You must fill also the <head> section so that the
browser tab shows the “Greeting” title. Finally, insert the rest of the
<meta> elements (charset, viewport, author, description and keywords), and
check the results using a web browser.
Exercise 4.2.2
● Create a web page to display several headings of different levels using all
tags from <h1> to <h6>. Also put some paragraphs (enclosed by the <p>
and </p> tags) with any content you like, each one after a heading.
● Finally, insert the rest of the <meta> elements (charset, viewport, author,
description, keywords and title), and check the results using a web browser.
Extra exercise 1
● Use the correct HTML code
and also open and close
the corresponding heading
tag and paragraph tag in
the right place to create a
web page to display the
following text:
Exercise 4.3.2
● Create a document to display several addresses like the one below; you must use headings, paragraphs
and line breaks.
● Note: you should use an <h1> heading for the main heading and <h2> for the rest of the headings. Also
keep in mind that you should not use <br> to create margins between each address; use paragraphs to
enclose each address and line breaks for each line.
Extra exercise 2
● The following HTML document has some structure and syntax errors. Find and correct
them. You can put a comment under each line that has an error and explain it.

You might also like