HTML
Изображение
В папке - Рабочий стол - создайте папку с именем - img.
Подключитесь к интернету. В браузере напишите: "рисунок с расширением .png 100х100 пикселей" и загрузите из интернета один из выданных вариантов с расширением .png.
Из папки загрузки скопируйте в папку с именем - img рисунок с расширением .png 100х100 пикселей и переименуйте его как файл с именем "image.png" кликнув на нем правой кнопкой мыши (переиминовать).
Запустите текстовый редактор (среду разработки). На панели инструментов в меню - Файл - нажать Open (Открыть).
Создайте - index.html, в нем создайте шаблон html формата:
Нажмите на файл с именем "image.png" правой кнопкой мыши. Откроется окно уведомлений. В нем выберете пункт - Свойства - Основные - Адрес (Путь). Выделите левой кнопкой мыши весь путь к файлу с именем "image.png". Правой кнопкой мыши нажмите - Копировать. У меня это - "/home/user/Рабочий стол/img/image.png". Путь вставите в шаблон файла - index.html для указания браузеру, где искать рисунок. Закройте окно уведомлений.
Пример кода
<html>
<body>
<img src="/home/user/Рабочий стол/img/image.png" alt="Изображение." width="100" height="100">
</body>
</html>
Вывод на экран
На панели инструментов текстового редактора (среды разработки) в меню - Файл - нажать - Save (Сохранить).
Найдите и кликните на файл- index.html и браузер откроет ваш HTML документ с рисунком:"image.png".
Остались вопросы? Нужна помощь? Напишите администратору сайта.