Изучение HTML - структура документов

     То, что показывается в браузере в интернете, это интерпритация текста. Для просмотра и изучения HTML кода страницы , нужно кликнуть правой кнопкой мыши по странице, в появившемся меню выбрать пункт - просмотр HTML кода. Для обучения нужно будет простой блокнот, текстовый редактор хорошо подходит для изучения html и CSS. После, как научитесь этому, найдите и скачайте Adobe Dreamweaver, который упростит работу с кодом.

     Расмотрим структуру документа. Названия которые используются в изучение html - Тег (единица HTML-кода). Например, html , body,h1,h2 и т. д.. Эти тэги имеют одинаковый формат: они начинаются знаком < и заканчиваются знаком >. Обычно имеются два тэга – открывающий и закрывающий. Закрывающий тег имеет слэш "/". Тег h1 означает заголовок первого уровня, тег h2 - второго уровня. Тег открывается, затем идет его содержимое, потом он закрывается. Все довольно просто! Атрибут –это дополнительная информация. Атрибуты пишутся внутри тега, затем следует знак равенства и описание атрибута, заключённые в двойные кавычки.
h1 Здесь текст , заголовок ( структура документа )/h1
h2 align=" right " Текст будет немного меньше и справо /h2

Каждый HTML-документ, отвечающий спецификации html какой-либо версии, должен начинаться со строки объявления версии HTML !DOCTYPE…>, которая обычно выглядит примерно так:
! DOCTTYPE HTML PUBLIC "-//w3c//DTD HTML 4.01 Transitional//EN"
Это означает, что HTML соответствует международной спецификации версии 4.01. Эта информация необходима.

     Возможные значения: left, center, right .
BR - осуществляет перенос строки. Не имеет закрывающего тега.
DIV - используется как удобный контейнер для блоков html кода страницы, которым легко манипулировать – перемещать, регулировать отступы, скрывать и т.п. Обязателен закрывающий тег.
ALIGN - определяет способ горизонтального выравнивания контейнера. Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине .
SPAN - для выделения части информации и придания ей различных стилей. Закрывающий тег обязателен. Без использования стилей, элемент SPAN никакого смысла не имеет. Чтобы придать тексту ту или иную гарнитуру в html используются такие элементы:

STRONG - Делает текст жирным

EM - Курсив

U - Подчеркивание текста

S - Перечеркивает текст

SUP- Создание верхнего индекса

SUB- Создание нижнего индекса

FONT- Изменение цвета, типа, размера шрифта
EM- выделяет текст, заключенный между открывающим и закрывающим тегами, курсивом.

     В программе Adobe Dreamweaver на панели форматирования текста написано "i" хотя в коде пишется em.

     FACE - показывает используемый шрифт. Лучще использовать Times New Roman, Arial, Tahoma, Courier, Courier New.

SIZE - размер шрифта, значение - 1 , 2 , 3 , 4 , 5 , 6 , 7.

COLOR - цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера.

SIZE – толщина линии в пикселах.

ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:

left – выравнивание по левому краю документа.

right – выравнивание по правому краю документа.

center – выравнивание по центру документа (используется по умолчанию).

    TYPE – определяет стиль нумерации пунктов списка. Значения:
"A" – заглавные буквы A, B, C ...

"a" – строчные буквы a, b, c ...

"I" – большие римские числа I, II, III ...

"i" – маленькие римские числа i, ii, iii ...

"1" – арабские числа 1, 2, 3 ...

Значение по умолчанию OL TYPE="1".

ol type="1"

li Под номером 1 /li

li Под номером 2 /li

li Под номером 3 /li /ol

     Статьи по программированию на VB - Программирование для Internet Explorer.

Скачать бесплатно. Бесплатные сайты.

    Учебник. Язык HTML довольно прост, и пользоваться его возможностями может каждый. Знать языки программирования не надо. Достаточно быть обычным пользователем компьютера и иметь небольшой опыт работы в интернете. С помощью языка HTML Вы сможете создать собственную Web-страничку и даже целый сайт и представить себя таким образом во всемирном информационном пространстве. Все что Вам нужно это знать структуру сайта, для чего нужен сайт, подготовить текст, подготовить графику.

     Выравнивание материала сайта по центру - Если вам надо выровнять содержимое вашей страницы по центру, или только какую либо часть - то надо заключить интересующий вас кусок страницы между тегами center и /center
html
head
title     Изучение HTML     /title
/head
body bgcolor="#00CCFF" text="#FFFF00"
center
    Изучение HTML.
    У меня получилась первая страница.

font color="#0000FF"     Это моя страница.    /font
/center
/body
/html
Не забывайте везде поставить <>

     Для вставки на страницу картинки используется тег img>. img src=img/enoti.jpg через параметр src указывается имя файла-картинки.
Таким образом код нашей страницы теберь будет выглядеть вот так
html
head
title     Изучение HTML      /title
/head
body bgcolor="#00CCFF" text="#FFFF00"
center
    Учебник HTML.
    У меня получилась первая страница.

font color="#0000FF"     Буду продолжать изучение.    /font


/center
/body
/html

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

     Изучение HTML - a href="o-sebe.html">Изучение HTML /a>. В параметре href= мы написали адрес страницы, а между тегами a> и /a> мы должны написать текст, нажав на который произойдет переход по ссылке. Вместо текста может быть любая картинка. Тогда нажав на картинку также будет сделан переход по ссылке.

     html>
head>
title>    Изучение HTML    /title>
/head>
body bgcolor="#00CCFF" text="#FFFF00">
center>
    Учебник HTML.
    У меня получилась первая страница.

font color="#0000FF"     Продолжу дальше изучение.Учебник.     /font

a href="http://betadizajn.narod.ru">img src="img/enoti.jpg">/a>

a href="http://betadizajn.narod.ru">Сайт Учебник HTML/a>
/center>
/body>
/html>

     NOTE: HTML не различает, какими буквами набраны символы форматирования: title> равносильно TITLE> или TiTlE>. Не все стили поддержаны всеми WWW-browsers. Если browser не поддерживает стиль, то он его игнорирует. (Поэтому не страшно если Вы уже сейчас начнете пользоваться при форматировании абзацев символом /P>.

    HTML - это язык разметки и верстки страниц сайта. Атрибуты тэгов body, title, p, h. Оформление внутри тэгов и в файле .css. Сферы применения двух видов оформления шрифтов, заголовков и абзацев. Тэги meta. Тэги table, tr, td, их атрибуты. Размеры и расположение таблицы. Объединение строк и столбцов. Табличная верстка - достоинства и недостатки. Использование каскадных таблиц стилей. Тэг img и его атрибуты. Форматы иллюстраций. Основы подготовки иллюстраций для публикации на сайте. Изменение размеров рисунка. Использование рисунка в качестве ссылки. Цветовая гамма. Рисунок как фон. Отдельные страницы сайта, папки. Связь между страницами, оформление ссылок "вверх" и "вниз". Ссылки на другие сайты. Адреса электронной почты. Навигация. Цели оптимизации. Удобства для работы поисковых систем. Юзабилити. Роль тэгов meta. Удобства анализа кода.

    Что нужно для изучение HTML? Любой текстовый редактор, ( Самый лучший на мой взгляд - это обычный Блокнот) ну и самое главное - это ваше желание. Вот и все, теперь мы можем приступать непосредственно к самим урокам HTML. HTML документ состоит из тегов, из которых и собирается вся интернет страничка. Тэг - это единица HTML-кода. Например,HTML, HEAD, TITLE и так далее, все это и есть теги. Тэги бывают открывающими и закрывающими. Открывающиеся были перечислены выше. Всем им соответствуют закрывающиеся теги, например:/HTML, /HEAD, /TITLE (все теги закрываем < >).

    Структура самого простого HTML документа имеет следующий вид:
HTML
HEAD
TITLE ЗАГОЛОВОК ДОКУМЕНТА/TITLE
/HEAD
BODY
ПЕРВЫЙ ТЕКСТ НА СТРАНИЦЕ
/BODY
/ HTML

    Схематически весь наш HTML документ будет выглядеть так:
HTML
Документ начало.
HEAD
Служебная информация. ( Название страницы, ее автор, ключевые слова, и т.д. )
/HEAD
BODY
Тело документа. ( Все, что видно на странице - текс, рисунки, и т.д. )
/BODY
/ HTML
Конец документа.

    Задаём цвет фона страницы тег BODY BGCOLOR:
BODY BGCOLOR="Здесь название цвета фона или его шестнадцатеричный вид"
BODY BGCOLOR="RED"
или
BODY BGCOLOR="FF0000"

учебник, структура документа

    Если хорошенько разобраться в себе, то можно помочь себе любимому. Как это сделать поможет вам сайт, который посвещён эзотерике. Эзотерика — учение о скрытой мистической сути судьбы объектов Мира и человека, закодированной в глубинах коллективного и индивидуального бессознательного, объект её изучения — процессы, происходящие во Вселенной, синхронно отражающиеся в глубинах человеческой души.