Оглавление:
Основные элементы языка HTML
Логические стили
Выравнивание текста по горизонтали
Бегущая строка" в Web - документах
Текстовые ссылки
Ссылки в пределах одного документа
Размер графического изображения
Разделительные полосы
Списки
Часто создаваемые ошибки при вводе тегов:
1. НЕЛЬЗЯ ставить пробел после открывающей скобки "<"; 2. Пробел НЕОБХОДИМО ставить между атрибутами тега:
правильное написание тега: <img scr:"123.jpg" height="300">
НЕправильное написание тега: <img scr:"123.jpg"height="300">
3. Кавычки в атрибутах тега ставить НЕ обязательно, но если уж Вы их поставили, не поленитесь и закрыть :)
Основные элементы языка HTML. Структура HTML-документа.
Документы HTML состоят из двух основных частей: заголовка (HEAD) и "тела" (BODY) . И в заголовке, и в "теле" используются программные коды, называемые тегами . Теги определяют стиль шрифта, задают ссылки на файлы, управляют внедрением графики в текст, служат для создания таблиц, а так же форм, которые используются для получения информации от пользователя.
Некоторые теги используются в одиночке, например тег <P> (тег нового абзаца). А некоторые теги требуют ОБЯЗАТЕЛЬНОГО парного ему тега, закрывающего , например тег <h1> и </h1> (шрифт первого размера). В закрывающем теге обязательно присутствует символ "/", или его еще называют "слэш".
Вот так выглядит текст в html:
<html> <head> <title> Основные элементы языка HTML <title/> </head> <body> <H1>Основные элементы языка HTML <H1/> <P> Документы HTML состоят из двух основных частей: заголовка (HEAD) и "тела" (BODY). И в заголовке, и в "теле" используются программные коды, называемые тегами. Теги определяют стиль шрифта, задают ссылки на файлы, управляют внедрением графики в текст, служат для создания таблиц, а так же форм, которые используются для получения информации от пользователя. <P> Как уже говорилось, некоторые теги используются в одиночке, например тег <P>(тег нового абзаца). А некоторые теги требуют ОБЯЗАТЕЛЬНОГО парного ему тега, закрывающего, например тег <h1> и </h1>(шрифт первого размера). В закрывающем теге обязательно присутствует символ "/", или его еще называют "слэш". </body> </html>
Каждый документ должен начинаться с тега <html>. Файлы могут не содержать этот тег, в том случае, если документ создавался в специальных редакторах
В начале документа должен стоять тег <head>. Между тегами <head> и </head>, обрамляющими заголовок файла, поставьте тег <title>.
Между тегами <title> и </title> введите текс, который при просмотре в браузере появится в строке заголовка.
Остальную часть документа расположите между тегами <body> и </body>
Теги <H1> и </H1> обрамляют текст, который будет воспроизводиться со стилем, принятым для заголовка первого уровня.
После заполнения тела документа закройте тег </body> и обязательный тег </html>, который должен иметь каждый документ.
Логические стили
Один из способов оформления текстов состоит в использовании тегов логических стилей. К ним относятся шесть тегов заголовков, от H1 до H6, и два тега выделения текста, strong, emphasis . Каждому тегу соответствует свой стиль, заданный в настройках браузера.
Во время перехода от стиля Н1 к стилю Н6 постепенно уменьшается размер и толщина шрифта. Стиль Н1 самый крупный, его используют для оглавления, либо же выделения важных вещей на странице. Стиль Н2 в основном используется для подзаголовков. Стиль Н3 меньше и светлее, чем стили Н1 и Н2, его используют в том случае, если есть заголовки третьего уровня. Стили уровней Н4, Н5, Н6 используются крайне редко, так как шрифт этих стилей маленький (чаще необходим для набросков)
Для записи адресов используется стиль <address> . Он предназначен для выделения адресов электронной почты, телефонов и так далее. Тег <Cite> (citation) служит для выделения цитат. Теги <em> (emphasis) и <strong> служат для выделения текста с целью привлечения к нему внимания. Для записи текстов программ, символьных констант и текстов, вводимых с клавиатуры, существуют специальные логические стили. Им соответствуют теги <code> и <samp> . Выделенный текс отображается моноширинным шрифтом; обычно это Courier. К прочим тегам, предназначенным для логического выделения, относятся <big> и <small> . Для верхнего индекса служит тег <sup> (supscript) . Для нижнего индекса - тег <sub> (subscript) .
Пример: <H1> Заголовок первого уровня </H1>
В начале текста заголовка поставьте открывающий тег.
Между тегами поместите текст, которому хотите задать стиль.
В конце текста поставьте закрывающий тег.