- •Html Введение
- •Создание html документов
- •Html заголовки
- •Html элементы
- •5.Html атрибуты
- •6.О важности заголовков
- •Пример 61
- •Пример 62
- •Пример 63
- •Пример 64
- •Пример 65
- •7.Разделение на абзацы
- •Пример 71
- •Пример 72
- •Пример 73
- •Пример 74
- •Пример 75
- •Пример 76
- •8.Оформление html документов с помощью css
- •Пример 81
- •9.Html гиперссылки
- •Пример 91
- •Пример 92
- •Пример 93
- •Пример 94
- •10.Добавление изображений в html документы
- •Пример 101
- •Пример 102
- •Пример 103
- •11.Таблицы
- •Пример 111
- •Пример 112
- •Пример 113
- •Пример 114
- •12. Списки
- •Пример 121
- •Пример 122
- •Пример 123
- •Пример 124
- •13. Html формы
- •Пример 131
- •Пример 132
- •Пример 133
- •Пример 134
- •Пример 135
- •Пример 136
- •Пример 137
- •Пример 138
- •Пример 139
- •Пример 1310
- •Пример 141
- •Пример 142
- •Пример 143
- •Пример 144
- •Пример 145
- •Пример 146
- •16. Секция head
- •17. Элемент script
- •18. Спецсимволы html
- •19.Что дальше?
17. Элемент script
HTML тэг <script> используется для определения скриптов, выполняющихся на стороне клиента. JavaScript является самым популярным языком программирования этого типа.
JavaScript используется для создания веб-приложений и динамических сайтов, способных взаимодействовать с пользователем.
Тэг script может либо содержать непосредственно код скрипта либо ссылаться на внешний скриптовый файл через атрибут src.
В атрибуте type требуется указать MIME тип используемого скрипта.
Пример 171
<html>
<body>
<p>Нажмите на кнопку ниже, чтобы заданный скрипт выполнился. </p>
<input type='button' value='Я-кнопка.Нажми на меня!' onclick='showMessage()' />
<script type='text/javascript'>
function showMessage()
{
alert('Вы нажали на кнопку.')
}
</script>
</body>
</html>
В следующем примере элемент <script> ссылается на внешний скриптовый файл, выводящий сообщение "Hello, world!". Добейтесь вывода в браузере фразы "Hello, world!".Результат продемонстрируйте преподавателю.
Пример 172
<html>
<head>
<!-- Содержимое файла ex.js: 'document.write('Hello, world!')' -->
<script type='text/javascript' src='ex.js'></script>
</head>
<body>
</body>
</html>
Элемент noscript
Тэг <noscript> используется для отображения альтернативного текста пользователям, браузер которых не поддерживает JavaScript.
Пример 173
<html>
<body>
<script type='text/javascript'>
document.write('<p>Привет, привет!</p>')
</script>
<noscript>
<p>Вы видите это сообщение, потому что Ваш браузер не поддерживает JavaScript</p>
</noscript>
</body>
</html>
18. Спецсимволы html
Символы, которые невозможно отобразить в HTML документах обычным образом называются спецсимволами.
Спецсимвол можно отобразить только используя соответствующую ему мнемонику ( В своей книге Ален Льери разделяет мнемонические приемы на три категории: коды, подсказки и стратегии) или специальный код.
Синтаксис:
Пример 174
&мнемоника_символа;
<!-- или -->
&#код_символа;
Использование спецсимволов
Самый часто используемый спецсимвол - это пробел (его мнемоника ).
Как Вы уже вероятно успели заметить, браузер вырезает подряд идущие пробелы. Если Вы напишите в тексте 5 пробелов подряд браузер вырежет 4 и отобразит лишь один, чтобы исправить это Вы можете использовать спецсимвол :
Пример 175
<html>
<body>
<p>Продано авто Джеймса Бонда за 387 тыс.Долларов США: </p>
<p>ASTON MARTIN USD $3 8 7 0 0 0 </p>
</body>
</html>
Также в HTML коде часто используются спецсимволы < (мнемоника <) и > (мнемоника >). Данные символы невозможно напрямую использовать в коде потому, что браузер путает их с началами тэгов.
Пример 176
<html>
<body>
<p>Ниже содержатся символы меньше и больше : </p>
<p>< - меньше </p>
<p>> - больше </p>
</body>
</html>
Мнемоники и коды часто используемых спецсимволов
Символ |
Описание |
Мнемоника |
Код |
|||
|
Пробел |
|
|
|||
< |
Меньше чем |
< |
< |
|||
> |
Больше чем |
> |
> |
|||
© |
Знак охраны авторского права |
© |
© |
|||
® |
Зарегистрированный товарный знак |
® |
® |
|||
& |
Знак амперсанда |
& |
& |
|||
Сделайте сами
Задание 1 Создайте текст ниже в редакторе ( Ваши авторские права на созданный сайт сайта ), который станет частью Вашего сайта :
© Ваше имя (наименование), 2012
Патентное бюро ПИШИТЕ СВОЕ НАЗВАНИЕ ®
HTML заключение
В этом учебнике мы рассказали как можно создавать веб-сайты с помощью HTML.
Хотите проверить как Вы усвоили HTML? Посетите HTML тестирование.
После прочтения учебника появилось желание создать собственный веб-сайт? Посетите раздел веб-хостинг.
Забыли, что делает определенный тэг или хотите узнать о HTML больше (некоторые тэги и атрибуты не были рассмотрены в учебнике)? Посетите наш HTML справочник.