Структура HTML-документа / Подключение внешних скриптов [12/14]
×

Подключение внешних скриптов [12/14]

Скрипты чаще всего подключают из внешних файлов с расширением .js. Для этого используют тег <script> с атрибутом src, в котором указывается путь к файлу. Например:

<script src="scripts.js"></script>

Обратите внимание, что тег <script> парный. Если вы подключаете внешние скрипты, то просто ничего не пишите внутри тега.

Внешние скрипты лучше подключать перед закрывающим тегом </body>.

В этом задании вы подключите внешний скрипт, который расположен по адресу: /assets/course2/scripts.js щёлкните по ссылке, чтобы открыть этот файл в браузере.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Подключение внешних скриптов</title> </head> <body> <h1>Внешние скрипты</h1> <p>Внешние скрипты так же, как и внешние стили, используются намного чаще встроенных.</p> <p>В них удобнее вносить изменения, особенно когда один и тот же скрипт подключён к большому количеству страниц.</p> <p>А ещё внешние ресурсы кешируются браузером, что позволяет ускорить загрузку страниц. А в вебе это важно.</p> <!-- подключите внешний скрипт --> </body> </html>
CSS
h1 { font-size: 28px; font-family: Monaco, Courier, monospace; color: #618ad2; transition: color .5s; }
HTML Academy

Подключите к странице внешний скрипт. Для этого:

  1. Перед закрывающим тегом </body> вставьте тег <script></script>,
  2. затем добавьте ему атрибут src со значением /assets/course2/scripts.js.
Теория Проверить Следующее задание
Идёт запись на курс Продвинутый HTML и CSS #10, который стартует 27 февраля.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.