Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Урок 1
St1mДата: Пятница, 05.06.2009, 09:48 | Сообщение # 1
Полковник
Группа: Администраторы
Сообщений: 236
Репутация: 29
Статус:

За создание сайта За хорошую репутации За хорошую репутации Хороший модер За 30 Сообщений За 70 Сообщений За 100 Сообщений За 130 Сообщений За 155 Сообщений За 200 Сообщений
Урок 1.
Что такое HTML?
HTML (HyperText Markup Language) - язык гипертекстовой разметки. Используется для создания web-страниц, которые являются HTML-документами. С помощью HTML мы делаем разметку документа, например, где должен находиться тот или иной файл, как будет звучать тот или иной фрагмент текста в речевых браузерах, какого цвета будет заголовок абзаца и т.д. Хочется особо отметить тот факт, что помимо графических браузеров, существуют ещё браузеры речевые и текстовые (не отображают графику), что и советую не забывать при создании web-страниц. Процент пользователей с такими браузерами невелик, но ни один профессионал не позволит себе проигнорировать эту, пусть и небольшую интернет-аудиторию.

Как же выглядит этот язык? (самый лёгкий язык в мире). HTML состоит из специальных символов, так называемых тэгов, с помощью которых мы управляем содержимым документа.

Например: мы хотим выделить текст курсивом.
мы хотим <EM> выделить текст курсивом </EM>

Так будет выглядеть строка в виде HTML, где <EM> - это тэг, который даёт браузеру команду выделить текст курсивом, а </EM>- это закрывающий тэг. Вместе они образуют пару тэгов, которая называется "элемент" или "тэг-контейнер". Большинство тэгов в HTML парные, однако, есть и одиночные.
Например: тэг принудительного перевода строки <BR>.
Обратите внимание на то, как выглядит сам тэг. Все тэги в HTML выделены ограничивающими символами "<" и ">", что позволяет легко узнавать их в процессе редактирования готового документа. А закрывающий тэг начинается со знака "/"
В процессе создания документа часто возникает необходимость делать заметки - комментарии, для того, что бы впоследствии свободнее ориентироваться в HTML-пространстве. Для этого, комментарии в своём документе вы заключаете в знаки
"<!--" и "-->".
Например:<!--saved from url=(0063)http://www.t1.com/us.html -->
У тэгов могут быть параметры. У одних их очень много, а у других нет вообще. Параметры в свою очередь могут иметь значения. Если значение не задано, параметр примет значение по умолчанию. Короче, если вы не задаёте значение, браузер задаст его сам.
Например: <BODY bgcolor="#335533">, где BODY-тэг, bgColor -параметр, #335533 -значение.

HTML-документ, отвечающий спецификации HTML4.0 начинается со строки:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> Эта строка говорит браузеру о том, что документ соответствует международной спецификации версии 4.0. Затем мы должны открыть документ с помощью элемента <HTML>. Запомним, что любой HTML-документ всегда открывается с помощью тэга <HTML> и закрывается с помощью тэга </HTML>. Между ними расположен сам документ, состоящий из двух разделов: HEAD и BODY ( заголовка и тела ).
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>пример простого HTML-документа</TITLE>
</HEAD>
<BODY>на экране появиться только эта фраза</BODY>
</HTML>
Согласитесь, что комментарии здесь излишне.

Не могу не сказать пару слов о таблицах стилей CSS (cascading style sheets), представляющих собой инструменты присоединения стилей к HTML- документам. С их помощью мы можем управлять шрифтом и цветом текста, распределением материала, и т.д. То есть мы задаём для всего документа определённые правила отображения на экране монитора тех или иных элементов данного HTML- документа. Допустим, нам нужно все заголовки первого уровня отобразить белым цветом, а заголовки третьего уровня - красным. Всё это реализуют CSS, к тому же очень просто!
Пример синтаксиса: <STYLE type="text/css">
H1 { color: white }
H3 { color: red }
</STYLE>
Введение таблиц стилей в процесс создания HTML-документов со временем приведёт к исчезновению многих элементов и параметров, применяемых сейчас в веб-страницах и описываемых мною в этой книге. Однако у нас с вами есть чёткая цель: научиться создавать сайты средствами HTML. Согласны? Тогда переходим к уроку 2.

источник



 
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2024
Сделать бесплатный сайт с uCoz