|
Окт
26
|
Каркас HTML |
Итак, давайте начнем.
Во-первых, зачем нам нужно изучать язык HTML, если существуют много редакторов, с помощью которых можно создавать сайты простым перетаскиванием мыши и пользоваться уже встроенными заготовками. Но без знания основ вся наша работа будет примитивной, а также мы не сможем в ручную корректировать код, если что, то пойдет не так или просто нам не понравиться. Писать код мы будем в программе блокнот, а тестировать в браузере Internet Explorer.
Весь язык HTML состоит из тегов и их параметров. Что же такое тег? Тег – это элемент языка, который указывает браузеру как отображать тот или иной объект. Например, у нас есть участок текста, который мы хотим видеть в виде абзаца, так вот, что бы браузер выполнил наше желание нужно этот участок заключить в тег <p> этот тег обозначает параграф. Все теги заключаются в галочки, теги бывают парными и не парными, парный тег состоит из открывающегося и закрывающегося тега. Закрывающейся тег тоже заключен в галочки только перед ним ставится обратный слеш. Пример: <p>абзац</p>
Что такое тег мы разобрались теперь давайте создадим каркас нашей будущей страницы. И уже там будем изучать остальные теги и их атрибуты. Итак открываем блокнот и прописываем каркас страницы.
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<meta http-equiv = «Content-Type» content = «text/html» charset = «windows-1251»>
<title>Тестовая страница</title>
</head>
<body>
</body>
</html>
1) Строка стандарта
2) Парный тег <html>, говорящий браузеру, что все будет написано на языке HTML.
3) Раздел заголовка документа (<HEAD>)
Теги и тексты, находящиеся в этом разделе, не отображаются на веб-странице. Этот раздел обычно предназначен для следующей служебной информации.
Заголовок страницы (тег <TITLE>)
Используется для отображения строки текста в левом верхнем углу окна браузера. Такая строка сообщает пользователю название сайта и другую информацию, которую добавляет разработчик.
CSS (Cascading Style Sheets, Каскадные таблицы стилей)
Стили хранят набор элементов форматирования, который применяется к тексту документа, чтобы быстро изменить его внешний вид.
Метатеги (тег <META>)
Метатеги используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Хотя тег <META> всего один, он имеет множество параметров, поэтому для его обращения применяется множественное число.
Скрипты
Скриптом традиционно называют программу, которая внедряется в тело веб-страницы и выполняет на ней определенные действия. Распространенным языком программирования для написания скриптов является JavaScript.
4) Тело документа (<BODY>)
Тело документа предназначено для отображения данных на веб-странице, в частности, в теле размещается текст, изображения, ссылки, таблицы, списки и т.д.
Что бы сохранить нашу страницу выберем вкладку файл >> сохранить как >> выбирает ту папку в которой мы хотим сохранить наш документ и присваиваем ему имя index.html
На этом наш первый урок заканчивается.
Возможно, Вам будет полезна эта информация:
Новые комментарии