Какие теги определяют видимую часть. HTML Основные теги
Здравствуйте, уважаемые читатели блога сайт! В прошлой статье мы разобрались, а также что такое тип документа и как браузеры определяют используемый язык с помощью . Тег то рассмотрели, а вот само понятие (термин) нет. В этой статье я расскажу, что такое тег, зачем он нужен и какие теги бывают. Как я и говорил в прошлой статье данной рубрики, мы создадим файл-страничку, над которой будем экспериментировать, опираясь на полученные знания. Но это в конце статьи, а пока разберемся с HTML-тегом.
Что такое HTML-тег, виды HTML-тегов, примеры написания
HTML-тег — в переводе с английского tag — помечать -символы, заключенные в угловые скобки и являющиеся элементами языка гипертекстовой разметки (HTML). Символы могут быть толок на английском языке (весь интернет на нем построен). Тег имеет видЭто тег выделения текста жирным шрифтом. Теги имеют три вида:
- Открывающий тег - тег, стоящий в начале. В рассмотренном выше примере тег является открывающим и стоит перед тем текстом, который нужно выделить.
- Закрывающий тег - тег, стоящий в конце. Отличительной чертой служит слеш «/» перед символами в угловых скобках. Опять же обратимся к рассмотренному выше примеру. Тег является закрывающим и стоит после текста, который следует выделить жирным
- Одиночные теги
— теги, которые не имеют закрывающего тега. Примером может служить
Вот пример открывающего и закрывающего тега:
Вся конструкция, включая текст, будет выглядеть следующим образом:
Этот текст будет выделен жирным
А вот так будет выглядеть этот текст, когда его обработает браузер и предоставит нам:Этот текст будет выделен жирным. Существует еще такое понятие, как контейнерные теги , но это просто обобщенное название открывающего и закрывающего тегов. Как я писал выше, помимо контейнерных есть еще и одиночные теги. Отличие заключается в том, что такие теги не нужно закрывать. Ярким и наиболее частым примером служит тег новой строки.
В основном, одиночные теги используются для вставки какого-либо элемента, например изображения или таблицы.
Что такое атрибуты,правила написания и зачем они нужны
Помимо тегов существуют еще и так называемые атрибуты . Точнее не помимо, а в тегах. С помощью атрибутов можно задать дополнительные параметры для какого-либо тега. Атрибуты для каждого тега свои, а в данной теме мы будем экспериментировать над тегом , который без атрибутов, собственно, ничего толкового не делает.Font — контейнерный тег, применяемый для форматирования текста. С помощью данного тега вы сможете и выделить текст жирным, и изменить размер, и расстояние между строк — в общем все, что можно делать с текстом. Рассмотрим пример с размером текста. Для начала заключим текст в тег Font.
Текст
Теперь немного про правила написания атрибутов. Атрибуты всегда пишутся в открывающем теге и после символов самого тега. Можно написать в одном теге несколько атрибутов в любом порядке. Атрибуты вы можете найти на сайте валидатора W3C (про который я напишу чуть ниже). Итак, вот пример тега font с атрибутом size:
Текст
Данный атрибут в теге font изменяет размер заключенного в теги Текста.
Если вы откроете исходный код страницы, то увидите, что место, где находится большое слово «Текста» имеет вид
Текста
Вы уже увидели как пишутся атрибуты. Ровно также они пишутся и в других тегах: сначала пишем сам атрибут (в данном случае size), затем ставим «=» и заключаем параметр атрибута в двойные кавычки. Параметры атрибутов вы сможете найти все на том же сайте консорциума всемирной паутины.
Что такое валидатор (validator) W3C, правила написания и список тегов
Как я и писал, существует великое множество тегов. Но где их всех найти? Вот для этой цели существует валидатор W3C W3C - World Wide Web Consorcium, а по-русски — консорциум всемирной паутины. Не совсем понятно, да? Это такое место, где разрабатывают веб-стандарты — (языки гипертекстовой разметки — их детище). Во главе всего консорциума стоит, известный из прошлой статьи, Тим Бернерс-Ли — создатель HTML. Сайт этой организации — w3.org . Предупреждаю, сайт полностью на английском, так что запаситесь словарем или переводчиком в браузере. Кстати, Google у данного сайта равен 9, а — 37000 (это все очень много, если кто не в курсе).Возвращаемся к теме статьи. Нас интересуют стандарты языка HNTML 4.01. Переходим по ссылке HTML 4.01 Specification , после чего вверху видим вкладку elements , кликаем на нее. Вот и открывается страница со всеми тегами. Данные теги разработаны и приняты за стандарт консорциумом. Все, опять же, на английском. Сразу после слов «Index of Elements» мы видим легенду (значение букв в столбцах):
А сразу после легенды идет таблица самих тегов:
- В первом столбце — Name — само название тега — то что должно стоять в угловых скобках (< и >).
- Второй столбец — Start Tag
— наличие открывающего тега. В данном столбце вы можете увидеть букву «O», что значит «Optional», а в переводе с английского - Опционально. Данная буква присутствует только напротив тегов , , и и означает, что можно ставить открывающий тег, а можно не ставить — браузер сам все сделает.
- Третий столбец — End Tag — наличие закрывающего тега. Напротив данного тега можно увидеть как букву «O», так и букву «F». Значение первой не изменилось. Вторая же буква — «F» — дословно с английского «запрещено» — означает, что закрывающий тег ставить запрещено, его просто не существует. Например, не существует тега , ибо нечего в нем закрывать.
- Четвертый - Empty — означает, что тег является одиночным (пустым). Все теги, напротив которых стоит буква «E» в данном столбце, стоит еще и буква «F» в предыдущем столбце. Ведь у одиночных тегов не бывает закрывающих. Примером служит все тот же тег .
- Пятый столбец — Depr. или Deprecated — с английского «не рекомендуемые». Если в данном столбце стоит буква «D» (которая расшифровывается точно также) значит, что данный тег не рекомендуется к использованию в HTML. Забегая немного вперед, сегодня для оформления как текста, так и внешнего вида всего сайта и HTML-документа используются каскадные таблицы стилей — CSS. Если коротко и просто, то создается один файл, в котором прописываются все параметры текста, которые можно вызвать определенными атрибутами тегов. Так вот, данная функция используется только на сайтах, потому что при рассылке новостей по почте или в RSS CSS не применим. И тут приходит на помощь эти самые теги. Большинство таких тегов, кстати, относятся к оформлению текста ( и
являются примером) - Шестой столбец — DTD — может содержать либо букву «L» , либо «F» . Первая — «L» - Loose DTD — означает, что тег, напротив которого стоит данная буква, может использоваться только в переходном типе документов ( — Transitional, про который я писал в предыдущей статье). Вторая — «F» — Frameset DTD — означает, что тег может использоваться только в документе, типа FRAMESET ( — Frameset). Если же буква отсутствует, то тег можно использовать во всех типах документов.
- И последний, седьмой столбец - Description — краткое описание тега, опять же на английском
Атрибуты же содержаться на той же страничке спецификации HTML 4.01, но уже во вкладке «attributes». Атрибутов намного больше, нежели тегов. И опять распишу все по пунктам.
- Первая колонка — Name — как и в случае с тегами — название атрибута. Все на английском, но имея базовые знания можно догадаться, что делает тот или иной атрибут.
- Вторая колонка — Related Elements — это перечень всех тегов, в которых используется какой-либо атрибут. Все теги со ссылками, поэтому сразу можно будет перейти к информации о теге.
- Третья колонка — Type — это все возможные значения определенного атрибута. Например напротив выбранного нами атрибута size в теге Font стоит значение CDATA. Его мы рассмотрим позже, а если коротко, то это специальный набор вариантов размера (в данном случае). Ведь можно писать как пиксели, так и проценты
- Четвертая колонка — Default — означает, обязателен ли атрибут в определенном теге. Например, в теге Img атрибут src обязателен, так как указывает на источник, из которого брать картинку.
- 6, 7, и 8 колонки означают то же самое, что и в случае с тегами.
Все вышеописанное относится только к HTML версии 4.01. Про HTML 5 мы поговорим в другой статье, затронем и XHTML. А сейчас, как я и обещал, мы создадим страничку на языке HTML, над которой и будем экспериментировать.
Создание файла в формате html — HTML-документ
Прежде всего, разберемся что такое HTML-документ . А это, собственно, файл в формате HTML. И все интернет странички являются HTML- документами. Например, при попадании на сайт в адресной строке в конце можно увидеть после адреса «.html» или «.htm». Вот файл с таким расширением мы и создадим. Вообще, если хотите экспериментировать над сайтом, а не над страничкой, то лучше создать локальный сервер — Денвер (про который я все хочу написать).
Учитывая то, что я не рассказал даже о тегах, присутствующих на каждой страничке, то просто создадим файл с любым именем и расширением.html. Можно (и лучше всего) использовать Notepad++ , потому что в данном текстовом редакторе используется подсветка кода, что очень удобно при редактировании кода и сохранять файлы можно во множестве форматов. Также есть программы, в которых при наборе кода сразу появляется результат в обработанном виде
Итак, нам нужно просто открыть Notepad++ и сохранить файл с произвольным текстом (можно и пустой), но в формате.html. Для этого, как обычно, кликаете на надпись файл, затем "сохранить как " и ищем среди большого списка расширений «HyperText Markup Language file (расширения файлов)». Вот, собственно, и все. Первые строки в этот файл мы добавим уже в следующей статье из рубрики «Создаем сайт с нуля»
Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде.
Тег
-
устанавливает нумерованный список, т.е. каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей.
-
Тег
-
определяет отдельный элемент списка. Внешний тег
-
или
- ,
- ,
- создающий термин и тег
- задающий определение этого термина. Закрывающий тег не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.
- - для текста
- ...- для всего (например, изображение)
- и .
- первый элемент списка
- второй элемент списка
- первый элемент списка
- второй элемент списка
- Элемент списка
- Термин глоссария, располагается без отступа от левого поля страницы.
- Описание термина, располагается с отступом от левого поля страницы.
-
устанавливает тип списка — маркированный или нумерованный.
Тройка элементов предназначена для создания списка определений. Каждый такой список начинается с контейнера
-
, куда входит тег
Мы рассмотрели пример создания простенькой страницы, где давались комментарии некоторых html тегов, поскольку, мне кажется, что лучше сначала показать что-то на примере, а потом перейти к более детальному описанию. Именно поэтому создание страницы было рассмотрено во втором уроке, а более детальное в третьем.
Итак, ниже представлены описания распространенных html тегов, которые используются чуть ли не на каждой странице сайта. Поверьте, их уже хватит, чтобы написать целый сайт.
Список тегов html
1. HTML тег (для абзацев)
- выводит текстовый абзац (допускает атрибуты style, class, id). Самый распространенный тег, поскольку в него чаще всего помещают текст (впрочем он для этого и создан).Например, html код:
Текстовый абзац номер один
А это другой абзац
Текстовый абзац номер один
А это другой абзац
К тегу можно ещё приписать параметр style:
С помощью этих различных значений можно редактировать внешний вид шрифта. Про эти параметры можно прочитать в отдельном уроке: стили в html и свойство css font .
Также можно прописать атрибуты CLASS и ID . Например:
2. HTML тег и (выделение жирным)
И - два тега, которые позволяют сделать шрифт жирным. Разницы между этими тегами нет.
Приведем пример. Html код:
жирный текст
Преобразуется на странице в следующее:
жирный текст
Также можно прописать атрибуты CLASS и ID (как и в случае с Примечание
Эти теги оказывают небольшое влияние на ранжирование документов в поисковых системах, поэтому бесцельно их лучше не использовать.
3. HTML тег (создание курсива)
- курсивный шрифт (допускает параметр style, class, id)
Например, html код:
курсивный текст
Преобразуется на странице в следующее:
4. HTML тег (подчеркнутый текст)
- подчеркнутый шрифт (допускает параметр style, class, id)
Например, html код:
подчеркнутый текст
Преобразуется на странице в следующее:
подчеркнутый текст
5. HTML тег (создание гиперссылки)
Создает ссылку на странице (допускает параметр style, class и другие).
Например, html код:
текст ссылки
Преобразуется на странице в следующее:
Все параметры и атрибуты тега будут рассмотрены в отдельном уроке: html тег .
6. HTML тег
,..., - заголовочные теги внутри контента (допускает параметр style, class, id). Причем чем меньше цифра, тем больший вес и размер (по умолчанию) имеет текст, заключенный в эти теги.(заголовки в контенте)
Например, html код:
Заголовок h1
Тег
используют для названия страницы (также как и тайтл)
Необходимо использовать эти теги только по назначению, т.е. только когда в статье необходим заголовок. Это связано с тем, что теги
,..., имеют большое влияние на поисковые машины. Если их использовать правильно, то шансы попасть на верхние строчки выдачи очень высоки.7. HTML тег
(выравнивание) - выравнивает контент по центру. Например, html код:
Этот текст будет в центре Преобразуется на странице в следующее:
Этот текст будет в центре
Примечание8. HTML тег (подстрочный текст)
- выводит подстрочный шрифт.
Например, html код:
Обычный текст, подстрочный текст
Преобразуется на странице в следующее:
Обычный текст, подстрочный текст
9. HTML тег (надстрочный текст)
- выводит надстрочный шрифт.
Например, html код:
Обычный текст, надстрочный текст
Преобразуется на странице в следующее:
Обычный текст, надстрочный текст
10. HTML тег ,
, - выводит шрифт на один пиксель больше/меньше текующего размера (допускает параметр style, class, id).
Например, html код:
Обычный шрифт, этот шрифт больше на один пиксель
Преобразуется на странице в следующее:
Обычный шрифт, этот шрифт больше на один пиксель
11. HTML тег
- (создание списков)
Выводит список (допускает параметр style, class, id). Каждый новый элемент записывается между
Например, html код:
Список:
Преобразуется на странице в следующее:
Список:
12. HTML тег
(создание таблиц)
- создает таблицу (допускает параметр style, class). Каждая новая строка создается тегами
, а столбец . Например, html код:
1-строка 1 элемент 1-строка 2 элемент 2-строка 1 элемент 2-строка 2 элемент Преобразуется на странице в следующее:
Все возможности тега
13. HTML тег
(перенос строки)
- переход на следующую строку, представляет собой одиночный тег.Например, html код:
Строка 1
2-строка
3-строка А этот текст будет на 3ей строке, поскольку перехода не былоПреобразуется на странице в следующее:
1-Строка
2-строка
3-строка А этот текст будет на 3ей строке, поскольку перехода не было14. HTML тег
(горизонтальная линия)
- чертит линию, представляет собой одиночный тег (допускает параметр style, class).Например, html код:
Какой-то текст над линией
А этот текст будет уже под линиейПреобразуется на странице в следующее:
Какой-то текст над линией А этот текст будет уже под линией
15. HTML тег (вывод картинки)
Например, html код:
http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg ">
Преобразуется на странице в следующее:
Все возможности тега будут рассмотрены в отдельном уроке: .
16. HTML тег (форматирование текста)
- для форматирования текста, изменения стиля и т.п. (допускает параметр style, class, id). Его вес в глазах поисковых машин отсуствует, поэтому его можно использовать сколько хотите.
Например, html код:
Этот текст зеленый, а его размер 15 пикселей
Преобразуется на странице в следующее:
ПримечаниеАналогичным тегом является .
17. HTML тег
- создание формы на странице (допускает параметр style, class).Например, ввод логина и пароля, любые кнопки, любая форма регистрации - все это формы.
18. HTML тег
(создание блоков) - служит для создания блоков на странице (допускает параметр style, class). Раньше для разметки на страницах пользовались в основном таблицами. После появления тегазадача упростилась. Практически все сайты содержатблоки, как удобную альтернативу таблицам.Чтобы операционная система знала, что какой либо текстовый документ является html документом, необходимо присвоить файлу расширение htm (html) .
Не пугайтесь нижеприведенной таблицытегов языка html , используя визуальный редактор FrontPage , первое время можно вообще не вникать в теги, затем, постепенно изучить пару десятков основных тегов, а дальше Вы сами решите для себя, надо ли Вам их знать. Мне самому приходилось неоднократно рыться в справочниках, чтобы найти внезапно понадобившийся тег, поэтому можете поместить данную страницу в закладки и подобный справочник будет всегда под рукой.
Что же касается примеров использования тегов, то нет ничего лучше, чем рассматривать уже готовый html код готовых интернет сайтов, для этого в браузере нужно найти вкладку "отобразить исходный код страницы" , обычно она есть в каждом браузере. (Браузер - программа с помощью которой Вы просматриваете страницы в интернете).
Теги могут быть как одиночные, так и парные. Парные теги открываются < код тега> и закрываются код тега> , все что расположено между открывающим и закрывающим тегами, попадет под его влияние. Теги могут иметь различные атрибуты, которые указываются с помощью специальных параметров. Теги могут быть вложенными один в другой и т.д.
echo $sape->return_links(); ?>
Внутри html документа необходимо использовать так называемые теги. Тег - это определенный условный код, обычно заключенный в скобки типа <> . Этот код дает понять браузеру, какой тип данных размещен между тегами, как нужно отображать эти данные, например такую информацию предоставляют теги форматирования текста. Тегов существует довольно много и начинающему вебмастеру тяжело в них ориентироваться, поэтому рассмотрим основные теги, которые могут Вам пригодиться уже при составлении первого сайта. Ниже в таблице тегов приведены не все теги, но основные выделены жирным шрифтом.
Основные теги Определяет тип документа как web страницу. Служебная часть документа, не отображаемая в браузере, тут размещаются заголовок, описание, ключевые слова и т.д. Между этими тегами располагается непосредственно сама web сраница, которую Вы видите на экране, могут размещаться и другие типы данных. Определяет способ сканирования данных для роботов поисковых систем. Указывается информация для поисковых роботов. В данном теге можно указать авторство. Для обеспечения работы с поисковыми серверами, указываются ключевые слова, через запятую. Применяется для не полностью прописанных ссылок, указывает начальный адрес в интернете Краткое описание web страницы, будет показано в результатах поиска поисковиками. Тег для заголовка страницы Определяет цвет фона web страницы Определяет цвет текста web страницы Задается цвет гиперссылок в нормальном состоянии Задает цвет уже просмотренных гиперссылок. Задает цвет выделенной гиперссылки. Тег заголовка, создает самый крупный заголовок, цифра 1 может меняться в пределах от 1 до 6. Шесть будет самый мелкий заголовок. Делает текст полужирным. Форматирует текст в наклонный. Иммитация стиля печатной машинки. Название переменных отображается курсивом Выделение цитат курсивом Создает абзац с текстом выделенным курсивом. Курсив (воспринимается поисковиками как выделение) Полужирное форматирование текста (воспринимается поисковиками, как особо сильное выделение) Устанавливает размер шрифта, значение от 1 до 7. Задает цвет текста. Оформление гиперссылок в html Создает гиперссылку, имеется ввиду как внутренние так и внешние гиперссылки. Указывает в каком окне открывать гиперссылку. Гиперссылка для отправления почтового сообщения по электронной почте. Создает гиперссылку на метку в текущей странице. Ставит метку для гиперссылки на текущей странице. Гиперссылка на метку другой страницы. Форматирование текста Создает новый параграф Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center Запрещает перевод строки. Указывает где разбивать строку для переноса при необходимости.
Вставляет перевод строки. Создает отступы с обеих сторон текста. Создает список определений. Определяет каждый из терминов списка Описывает каждое определение Форматирует текст в пронумерованный список Определяет каждый элемент списка и присваивает порядковый номер Тег для создания ненумерованного списка Отмечает каждую новую позицию в списку гружком или квадратиком. Данный тег используется для форматирования больших блоков текста HTML документа, также используется в таблицах стилей Графические элементына странице Вставляет изображение на страницу. Форматирует положение изображения в документе, может иметь значения: left, right, center; bottom, top, middle. Устанавливает толщину рамки вокруг изображения Устанавливает поля сверху и снизу Устанавливает поля слева и справа. Создает всплывающую подсказку
Добавляет горизонтальную линию.
Указывает толщину линии.
Указывает ширину линии в пикселах или процентах.
Линия без тени.
Определяет цвет линии. Создание таблиц Тег создающий таблицу. Задает строку в таблице. Задает отдельную ячейку в таблице. Задает заголовок таблицы (обычная ячейка с форматированием по центру и полужирным текстом) Какие бывают атрибуты таблицы Назначает подпись таблицы Определяет толщину рамки. Определяет расстояние между ячейками. Поля для текстового содержимого ячейки. Устанавливает ширину таблицы. (Значение параметра может быть в пикселях или процентах) Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах) или Определяет горизонтальное выравнивание положения ячеек в таблице, может иметь значения: left, center, right. или Определяет вертикальное выравнивание положения ячеек в таблице, может иметь значения: top, middle, или bottom. Указывает количество столбцов, объединенных в одной ячейке. Указывает количество строк, объединенных в одной ячейке. Не позволяет программе просмотра делать перевод строки в ячейке таблицы. Задает ширину ячейки таблицы в пикселях или процентах. Задает высоту ячейки таблицы в пикселях или процентах. Фреймы в документах html Предшествует тегу на фреймовой странице. Определяет строки в таблице фреймов, значение высоты которых определяется количеством пикселей или в процентах. Определяет столбцы в таблице фреймов, значение ширины которых определяется количеством пикселей или в процентах. Задает единичный фрейм или область в таблице фреймов. Задает информацию, которую увидит посетитель в случаях, когда показ фрейма невозможен. Используемые атрибуты фреймов html Привязка web страницы к окну фрейма. Назначает фрейму имя, для улучшения маршрутизации информации между фреймами и страницами. Отступы по горизонтали внутри фреймового окна. Отступы по вертикали внутри фреймового окна. Запрещает изменение размеров фреймового окна посетителем сайта. Ифрейм и его атрибуты Создает контейнер, который может содержать любые элементы. Другие элементы страницы будут обтекать данный контейнер. Привязывает web страницу к окну ифрейма. Назначает ифрейму имя, для улучшения маршрутизации информации. Задает отступы по горизонтали снаружи ифрейма. Задает отступы по вертикали снаружи ифрейма. Задает поля по горизонтали внутри ифрейма. Задает поля по вертикали внутри ифрейма. Создает линейку прокрутки фрейма; значение value может быть "yes," "no," или "auto". По умолчанию - auto. Задает ширину ифрейма Задает высоту ифрейма; Закрепляет текст контекстной помощи. Теги относящиеся к формам Тег для создания формы. Создает меню со скроллингом. Атрибут s ize определяет численность пунктов в меню видимых сразу без использования линейки прокрутки. Задает каждый элемент меню по отдельности. Создает ниспадающее меню Размещает редактируемое окно для ввода текста. Атрибуты сolumns - задает значение ширины окна, а rows соответственно высоту. Размещает элемент checkbox. Размещает элемент типа radio кнопки. Размещает строку для ввода текста. Атрибутом Size задается длина в символах. Размещает на странице кнопку "Отправить" Размещает на странице "Отправить" с использованием графического изображения. Размещает на странице "Очистить". HTML-документ (страничка) -документ, написанный на языке разметки гипертекста (HTML). Заключается между тегами и .
Значения тегов разметки документа
Теги разметки — специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и ресурсами Интернет.
Основные теги разметки
и .Между этими тегами располагается информация о документе.
и . «Тело» документа (текст,графика и т.д.) располагается между этими двумя тегами.
Параметры флага :
BGCOLOR — цвет фона (
)BACKGROUND — «обои» или бэкграунд
TEXT — цвет текста
LINK — цвет гипертекстовой связи (ссылки)
и
Теги,служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой.
Флаг, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.
Флаг, служащий для логического разделения текста горизонтальной линией.Параметры выравнивания
Используются в
ALIGN=LEFT — выравнивание по левому полю
ALIGN=RIGHT
ALIGN=CENTER — выравнивание по центру
Теги выравнивания
и — выравнивание по центруЗаголовки, служащие для выделения логических частей текста
Теги для выделения текста и шрифта
и Теги для выделения текста (слов, букв) жирным шрифтом.
и Текст, расположенный между двумя этими тегами,будет подчеркнут.
и Текст, расположенный между двумя этими тегами, будет мигать.
и
и Теги для изменения размера шрифта.
и Теги для изменения цвета шрифта.
Теги для формирования списков
Теги-команды для вставки в текст объектов нетекстовой информации
или — команда для вставки графического изображения
— команда для вставки звукового фрагмента
— команда для вставки видео фрагмента
Параметры графического изображения
WIDHT — ширина картинки в пикселях
HEIGHT — высота картинки в пикселях
ALIGN — выравнивание (ALIGN=LEFT — выравнивание по левому полю,ALIGN=RIGHT — по правому полю, ALIGN=TOP — по верхней границе, ALIGN=BOTTOM -по нижней границе, ALIGN=MIDDLE или CENTER — по центру)
HSPACE — горизонтальный отступ от графического изображения
VSPACE — вертикальный отступ
ALT — альтернативный текст, служит для обозначения изображения
Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет
person@firm.ru — гиперсвязь с адресом электронной почты
Таблицы
Таблица — сетка для показа данных в строках и столбцах, а также средство для форматирования текста
и
Теги для вставки таблицы в HTML документПараметры флага
BGCOLOR — цвет фона
BORDER — ширина бордюра
WIDHT — ширина таблицы
Теги разметки таблицы
и Строчка таблицы. Может иметь параметрыBGCOLOR — цвет фона внутри строки; ALIGN=LEFT, RIGHT, CENTER — выравнивание внутри строки; VALIGN=TOP, BOTTOM, MIDDLE — вертикальное выравнивание внутри строки таблицы.и Столбец таблицы. Может иметь параметрыBGCOLOR — цвет фона под столбцом; ALIGN=LEFT, RIGHT, CENTER — выравнивание внутри столбца; VALIGN=TOP, BOTTOM, MIDDLE — вертикальное выравнивание; COLSPANрастягивание клетки на несколько столбцов, ROWSPAN — растягивание клетки на несколько строк.и Заголовок столбца. Может иметь параметрыBGCOLOR — цвет фона под названием; ALIGN=LEFT, RIGHT, CENTER — выравнивание;VALIGN=TOP, BOTTOM, MIDDLE — вертикальное выравнивание; COLSPAN, ROWSPAN -растягивание клетки на несколько столбцов или строк; WIDHT — ширина названия.Рамки-фреймы
Рамки-фреймы — средство для разделения экрана на несколько областей, в каждой из которых отображается содержимое отдельной Web-странички или даже целого Web-сайта.
и Теги для создания рамки
Параметры флага
COLS — подразделяют экран на опредленное количество колонок (вертикальных)
ROWS — подразделяют экран на опредленное количество колонок(горизонтальных)
BORDCOLOR — цвет рамки
BORDER — ширина бордюра
FRAMEBORDER — граница рамки (FRAMEBORDER=YES — есть граница,FRAMEBORDER=NO — нет границы,
FRAMESPACING=n — ширина границы)
Флаг для описания рамки ().
Параметры флага
SCROLING — параметр для регулировки полосы прокрутки:
SCROLING=YES — полоса прокрутки будет всегда
SCROLING=NO — полосы прокрутки не будет
SCROLING=AUTO — полоса прокрутки появляется только в случае необходимости
MARGINWIDHT и MARGINHEIGHT — параметры, которые управляют отступом внутри рамок, служат для выравнивания графического изображения внутри рамки
NORESIZE — параметр, указывающий на то, что размер рамки-фрейма никогда не будет меняться.
A link to file.htm -Связь между фреймами
TARGET — атрибут связи между фреймами. Имеет несколько значений.
Категории
Устанавливает маркированный список, каждый элемент которого начинается с небольшого символа — маркера.