Наприклад, створити файлик "index.html", який буде мати посилання на "page1.html" і "page2.html". Обидва файлики "page1.html" і "page2.html" будуть мати посилання на "index.html".
Код для "index.html":
<!DOCTYPE html>
<html>
<head>
<title>Головна сторінка</title>
</head>
<body>
<h1>Ласкаво просимо на наш сайт!</h1>
<p>Тут ви можете замовити тістечка, сік та морозиво для святкування дитячого дня народження.</p>
<ul>
<li><a href="page1.html">Варіант A</a></li>
<li><a href="page2.html">Варіант B</a></li>
</ul>
</body>
</html>
Код для "page1.html":
<!DOCTYPE html>
<html>
<head>
<title>Варіант A</title>
</head>
<body>
<h1>Варіант A</h1>
<p>Вартість тістечок: 240 грн</p>
<p>Вартість соку: 240 грн</p>
<p>Вартість морозива: 360 грн</p>
<p>Вартість кульок: 0 грн</p>
<p>Вартість оформлення: 50 грн</p>
<p><a href="index.html">На головну</a></p>
</body>
</html>
Код для "page2.html":
<!DOCTYPE html>
<html>
<head>
<title>Варіант B</title>
</head>
<body>
<h1>Варіант B</h1>
<p>Вартість тістечок: 288 грн</p>
<p>Вартість соку: 216 грн</p>
<p>Вартість морозива: 420 грн</p>
<p>Вартість кульок: 0 грн</p>
<p>Вартість оформлення: 50 грн</p>
<p><a href="index.html">На головну</a></p>
</body>
</html>
У цьому випадку, на головній сторінці є посилання на два варіанти замовлення. Кожен з цих варіантів містить інформацію про вартість продуктів та посилання на головну сторінку.
Answers & Comments
Відповідь 1
<table>
<tr>
<th>Варіант</th>
<th>Вартість тістечок</th>
<th>Вартість соку</th>
<th>Вартість морозива</th>
<th>Вартість кульок</th>
<th>Вартість оформлення</th>
</tr>
<tr>
<td>A</td>
<td>240 грн</td>
<td>240 грн</td>
<td>360 грн</td>
<td>0 грн</td>
<td>50 грн</td>
</tr>
<tr>
<td>B</td>
<td>288 грн</td>
<td>216 грн</td>
<td>420 грн</td>
<td>0 грн</td>
<td>50 грн</td>
</tr>
<tr>
<td>A + клоун</td>
<td>240 грн</td>
<td>240 грн</td>
<td>360 грн</td>
<td>0 грн</td>
<td>500 грн</td>
</tr>
<tr>
<td>B + клоун</td>
<td>288 грн</td>
<td>216 грн</td>
<td>420 грн</td>
<td>0 грн</td>
<td>500 грн</td>
</tr>
</table>
Відповідь 2
Наприклад, створити файлик "index.html", який буде мати посилання на "page1.html" і "page2.html". Обидва файлики "page1.html" і "page2.html" будуть мати посилання на "index.html".
Код для "index.html":
<!DOCTYPE html>
<html>
<head>
<title>Головна сторінка</title>
</head>
<body>
<h1>Ласкаво просимо на наш сайт!</h1>
<p>Тут ви можете замовити тістечка, сік та морозиво для святкування дитячого дня народження.</p>
<ul>
<li><a href="page1.html">Варіант A</a></li>
<li><a href="page2.html">Варіант B</a></li>
</ul>
</body>
</html>
Код для "page1.html":
<!DOCTYPE html>
<html>
<head>
<title>Варіант A</title>
</head>
<body>
<h1>Варіант A</h1>
<p>Вартість тістечок: 240 грн</p>
<p>Вартість соку: 240 грн</p>
<p>Вартість морозива: 360 грн</p>
<p>Вартість кульок: 0 грн</p>
<p>Вартість оформлення: 50 грн</p>
<p><a href="index.html">На головну</a></p>
</body>
</html>
Код для "page2.html":
<!DOCTYPE html>
<html>
<head>
<title>Варіант B</title>
</head>
<body>
<h1>Варіант B</h1>
<p>Вартість тістечок: 288 грн</p>
<p>Вартість соку: 216 грн</p>
<p>Вартість морозива: 420 грн</p>
<p>Вартість кульок: 0 грн</p>
<p>Вартість оформлення: 50 грн</p>
<p><a href="index.html">На головну</a></p>
</body>
</html>
У цьому випадку, на головній сторінці є посилання на два варіанти замовлення. Кожен з цих варіантів містить інформацію про вартість продуктів та посилання на головну сторінку.