#4. Основные метатэги: charset, title, viewport, description

В уроке #3 мы видели, что внутри <head> находится служебная информация о странице. Задают её главным образом метатэги — теги, которые не отображаются на странице, но сообщают браузеру и поисковым системам важные сведения о ней.

Метатэг <meta> — одиночный тег, без закрывающего (как <br> из урока #2). Ниже — минимальный набор, который стоит включать в каждую страницу:

#3. Структура HTML-документа: <!DOCTYPE html>, html, head, body, комментарии

У любой HTML-страницы есть обязательный «скелет», на котором всё остальное держится. Создайте файл с таким содержимым — это минимальная рабочая страница:

#2. Что такое HTML: теги и атрибуты

HTML (HyperText Markup Language — язык разметки гипертекста) — язык, на котором описывают структуру веб-страниц. Браузер читает HTML-код и показывает страницу пользователю.

HTML-страница складывается из тегов. Тег — это команда браузеру, записанная в угловых скобках. Большинство тегов парные: открывающий и закрывающий (с косой чертой /):

#1 История появления HTML и CSS - уроки с нуля

В этом уроке — краткая история появления HTML и CSS: ключевые даты и имена, которые стоит знать, чтобы понимать, откуда взялись современные стандарты.

HTML CSS - Файл из директории: как запускать проверять страницы/файлы локально без настройки веб-сервера - из папки

Самый быстрый способ посмотреть, как выглядит html-страница — просто
открыть файл в браузере, без настройки веб-сервера.

Открытие файла в браузере

Создайте файл с расширением .html, например index.html,
и запишите в него минимальную разметку:

Проверка работы виртуального хоста через свой html файл

Перед тем как делать эту проверку надо уже создать виртуальный хост (см. пример для апача), после чего:

Перейдем в папку нашего сайта, например

cd /var/www/test

и создадим там html файл test.html c содержимым "Privet!":

echo "Privet!" > test.html

Далее откроем наш сайт (домен вы уже должны знать из настройки виртуального хоста), явно указав имя файла в URL:
http://test.loc/test.html

На экране должно появиться:

#0 HTML CSS - как запускать примеры

Запускать примеры можно разными способами, но в наших курсах мы рекомендуем такие шаги:

linux Создание директории сайта /var/www/ - по шагам

Директория /var является стандартной в Linux, мы будем хранить наши сайты в ее поддиректории /var/www/.

Действуем так:

  1. Итак, проверим есть ли на нашей машине эта директория, для это перейдем в родительскую директорию:
    cd /var

    и выведем список содержимого командой:
    ls

linux Apache Установка веб-сервера - ubuntu

Установка

Для установки веб-сервера Апач выполним команды:

sudo apt update && sudo apt install apache2

Если сервер уже был установлен

Если сервер уже был установлен, то возможно, в ответ на команду выше вы получите сообщение вида:

apache2 is already the newest version (2.4.18-2ubuntu3.1).
apache2 set to manually installed.
0 upgraded, 0 newly installed, 0 to remove and 143 not upgraded.

Как выбрать тренировочный нож - ножевой бой

Выбираем для наших предполагаемых бесплатных тренировок:

  • Слишком жесткий нож: https://vk.ru/clip-226337774_456239026

Pages

Subscribe to fkn+antitotal RSS