JavaScript. Эволюционируй. HTML

В этой главе мы познакомимся с вами с действиями, которые можно выполнить при помощи языка гипертекстовой разметки. Научимся создавать переходы между страница и добавлять элементы веб-страницы. В дальнейшем мы будем использовать веб-страницы для разработки JavaScript проектов.

Если вы уже знакомы с основами работы в HTML, то можете смело пропустить эту статью.

Гипертекстовый язык разметки HTML предназначен для создания веб-страниц. В этой статье мы рассмотрим с вами вопросы создания HTML документа, это потребуется нам для дальнейшей работы с JS. Для работы с гипертекстом можно воспользоваться текстовым редактором (блокнотом и т.п.). Я рекомендую вам воспользоваться специализированным редакторами, например Sublime Text (страница разработчиков), или воспользоваться другими редакторами.

Notepad ++ (страница разработчиков) для Windows

TextWrangler (страница разработчкиков) для MAC

Дальнейшие примеры будут продемонстрированы через Sublime Text.

Наберем простой текст.

Затем сохранить написанный код File-Save as… page.html

Должно получиться, после открытия файла

Тэги и элементы

HTML документы состоят из элементов. Каждый элемент начинается открывающим тэгом и оканчивается закрывающим. < > </>. У каждого элемента есть особое назначение и способ применения, например h1, h2, h3, h4, h5 и h6  — это заголовки

Создадим HTML документ и укажем ссылки на другие Веб-страницы

Создайте похожий документ, ссылки можно указать произвольные.

Для более детального изучения HTML воспользуйтесь курсом или этим курсом

Внедрение JavaScript в HTML

Наберите этот код и сохраните страницу в формате HTML. Запустите, у вас должен получится следующий вид страницы.

alert — выводит сообщение на экран. По умолчанию у сообщения есть кнопка ОК, вы можете нажать её, чтобы закрыть окно.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Анти-спам: выполните заданиеWordPress CAPTCHA