Что такое веб-страница и HTML
Мы разобрались, какими способами информация попадает в сеть и какие платформы для этого используются. Когда вы заходите на сайт, открываете файл одного и того же типа. Именно этот файл и превращает набор слов и картинок в ту страницу, которую вы видите в браузере. Разберёмся, как он устроен.
Веб-страница — это информационный объект (документ), который расположен по уникальному адресу (URL), содержит текст с HTML-разметкой и гиперссылки для навигации.
Внутри HTML-файла — обычный текст, но он размечен специальными командами.
Эти команды называются тегами. Тег указывает браузеру, какой фрагмент — заголовок, какой — абзац, а где должна быть картинка.
Простейший пример:
Мой первый сайт
Это страница о моём родном городе.
Браузер прочитает этот код и покажет:
Мой первый сайт
Это страница о моём родном городе.
Давайте разберёмся, что означают эти теги.
Соедините тег и его значение по примеру выше.Краткий ответ:
<h1>...</h1>— главный заголовок страницы.<p>...</p>— абзац текста.<img>— вставка изображения.src="gorod.jpg"— имя или адрес файла изображения.
Как это понять:
h1означает заголовок первого уровня:<h1>Мой первый сайт</h1>.pозначает абзац:<p>Это страница о моём родном городе.</p>.imgсообщает браузеру, что нужно показать картинку.- Атрибут
srcуказывает, какую именно картинку загрузить.
Проверка: браузер покажет заголовок, затем абзац и изображение gorod.jpg, если такой файл находится по указанному адресу.
Обсуждение
1 сообщениеФорматы графики Не все картинки одинаковые. У каждого формата — своя задача. Заполните пропуски в таблице. Формат Что хранит Пример использования JPEG (.jpg) Фотографии с плавными переходами цветов PNG (.png) Изображения с чёткими границами, прозрачный фон SVG (.svg) Векторные иконки, не теряющие качество при увеличении GIF (.gif) Короткие анимации Почему это важно: если вы поставите фотографию 12 Мбайт в формате PNG, страница будет загружаться 15 секунд. Если ту же фотографию сохранить как JPEG, её размер уменьшится в 8–10 раз, а качество на глаз почти не изменится. Большие файлы сильно нагружают сайт, из-за чего загрузка замедляется, а посетители уходят, не дождавшись загрузки.
