неділю, 17 березня 2019 р.

Односторінковий сайт за темою українського твору

Повторення

Дерево/структура html-документа

<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<title>Назва твору</title>
<link rel="stylesheet" href="__.css">
</head>
<body>
</body>
</html>

Внутрішні гіперпосилання

Зміст

<h2>Зміст твору</h2>
<ul>
  <li><a href="#glava1">Глава 1 </a></li>
  <li><a href="#glava2">Глава 2 </a></li>
  <li><a href="#glava3">Глава 3 </a></li>
</ul>

Текст твору

<h2 id="glava1">Назва глави 1</h2>
<p>Текст глави 1 </p>
<h2 id="glava2">Назва глави 2</h2>
<p>Текст глави 2 </p>
<h2 id="glava1">Назва глави 3</h2>
<p>Текст глави 3</p>

Картинка в тексті

<img  src="foto.jpg" alt="назва фото">

Інформація про автора

<address>
<img  src="icon.png" alt="аватарка" width="5%">
<p>автор. роки життя. місце народження. дата створення твору. коротка історична довідка</p>
</address>

Дійові особи

<dl>
   <dt>Персонаж 1</dt>
<dd>
<details>
<summary>Прочитати опис</summary>
                Характекристика персонажа
</details>
         </dd>

Зовнішні посилання (оформлені нумерованим списком)

<ol>
<li><a href="https://   " target="_black">Текст посилання 1</a></li>
<li><a href="https://   " target="_black">Текст посилання 2</a></li>
<li><a href="https://   " target="_black">Текст посилання 3</a></li>
</ol>

Пошук на сайті

<h2>Пошук Google</h2>
<form action="http://google.com/search" target="_blank">
  <input type="search" name="q">
  <input type="submit" value="Знайти">
</form>

Аудіо на сайті

1. Файл в каталозі
<audio src="audio.mp3" width="320" height="140" controls preload loop></audio>
2. Посилання на сайт (при умові, що є можливість скопіювати URL-код аудіо)
<audio  src="https://    " preload="auto" controls loop></audio>

Відео на сайті

1. Файл в каталозі
<video src="video.mp4" width="320" height="240" controls preload></video>
2. Посилання на сайт (копіюємо URL-код)
<iframe ...></iframe>

Скачати файл

<a href="eneida.txt" download="eneida.txt" target="_blank">
<button>Скачати файл</button></a></p>

Немає коментарів:

Дописати коментар