Первым мы выясним что такое ТЕГ вообще, так как свё что связано с интернетом связано и с тегами!
Обратясь к Google можно выяснить сто ТЕГ это:
Команда (директива, инструкция) языка HTML.
Тег, те?ги (иногда тэг , tag, читается ) в SGML (в HTML, WML, AmigaGuide, языках семейства XML)
(tag) - управляющий маркер HTML-документа.
Стартовый или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга
Элемент HTML, представляющий из себя текст, заключенный в угловые скобки
Это некоторая команда в html-коде.
Основной элемент кодирования, принятый в стандарте HTML.
Это специальный символ разметки, который применяется для вставки различных элементов на веб-страницу таких как: рисунки, таблицы, ссылки и др.
Второй пункт изучения HTML это главные теги, т.е HTML структура!
Она содержит в себе такие теги как :
<HTML> - обозначает что данный документ содержится в формате интернет документа ( интернет ресурса )
<HEAD> - предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными.
<TITLE> - определяет название вашего HTML документа.
<BODY> - управление всеми элементами HTML страницы.
В слитом виде HTML структура выглядит так:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
После того как вы усвоили первый шаг в познании интернета в виде HTML тегов следует знать основные ТЕГИ и их функции!
Основные теги языка HTML:
Теги Описание
<a name=”markname”>…</a> Закладка
<p>…</p> Параграф
<b>…</b> Жирный шрифт
<i>…</i> Наклонный шрифт
<u>…</u> Подчеркнутый шрифт
<center>…</center> Центрирование
<font size=2>…</font> Задание размера шрифта
<font color=red>…</font> Задание цвета шрифта
<h1>…</h1> Заголовок 1 уровня (max)
<h6>…</h6> Заголовок 6 уровня (min)
<!--…--> Комментарии
<ul>…</ul> Неупорядоченный список
<ol>…</ol> Упорядоченный список
<li>…</li> Элемент списка
<table border=0>…</table> Таблица с прозрачной границей
<tr>…</tr> Добавление строки в таблицу
<td>…</td> Добавление столбца в таблицу
<a href=”filename.htm”>…</a> Ссылка на файл "filename.htm”
<img src=”../htm/picture.gif”> Вставка изображения "picture.gif” из каталога htm
После того как вы изучили основные теги HTML языка седует выучить не какие разряды делятся все теги!
Существует для раздела на которые делятся все теги это "теги логического форматирования" и "теги физического форматирования" вот представлены эти теги:
Тэги логического форматирования текста
________________________________________
Тэг <ABBR> Тэг <ABBR> отмечает свой текст как аббревиатуру (ABBReviation). Несмотря на то, что этот тэг включен спецификацию HTML 4.0, он до настоящего времени не поддерживается ни одним браузером.
Тэг <ACRONYM> С помощью тэга <ACRONYM> разработчик может определить аббревиатуру и её расшифровку. Данный тэг удобно использовать в сочетании с параметром TITLE, в качестве значения которого можно указать полную форму записи аббревиатуры. Тогда визуальные браузеры при наведении курсора на текст, размеченный тэгом <ACRONYM>, будут выдавать полное наименование в виде появляющейся подсказки. Однако, этот тэг распознаётся только браузером Microsoft Internet Explorer.
Тэг <CITE> Используется для отметки цитат или названий книг и статей, ссылок на другие источники и т. д. Браузерами такой текст обычно выводится курсивом.
Тэг <CODE> Отмечает свой текст как небольшой фрагмент программного кода. Как правило, отображается моноширинным шрифтом. Этот тэг не следует путать с тэгом <PRE>, являющимся элементом уровня блока, который следует использовать для отметки больших фрагментов кода.
Тэг <DEL> Отмечает свой текст как удалённый. Этот элемент полезно использовать для отметки изменений, вносимых в документ от версии к версии. Тэг <DEL> может использоваться как элемент уровня текста и как элемент уровня блока. Тэг имеет два необязательных параметра: CITE и DATETIME. Значение параметра CITE должно представлять URL-адрес документа, поясняющего причины удаления данного фрагмента.
Параметр DATETIME указывает дату удаления в формате: YYYY-MM-DDThh:mm:ssTZD, определяющим год, месяц, число, часы, минуты и секунды удаления, а также часовой пояс (Time Zone). Текст, помеченный тэгом <DEL> обычно отображается перечёркнутым текстом. В спецификации HTML 4.0 этому тэгу отдаётся предпочтение перед тэгами физического форматирования <STRIKE> или <S>, обозначающих перечёркнутый текст. Однако тэг <DEL> в настоящее время распознаётся только браузером Microsoft Internet Explorer. Пример.
Тэг <DFN> Отмечает свой текстовый фрагмент как определение (DeFinitioN). Например, этим тэгом можно отметить какой-либо термин, когда он встречается в тексте в первый раз.
Тэг <INS> Отмечает свой текст как вставку (INSertion). Этот элемент полезно использовать для отметки изменений, вносимых в документ от версии к версии. Тэг <INS> может использоваться как элемент уровня блока. Тэг имеет два необязательных параметра: CITE и DATETIME. Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего подробности внесённых дополнений. Параметр DATETIME указывает дату вставки в формате: YYYY-MM-DDThh:mm:ssTZD, определяющим год, месяц, число, часы, минуты и секунды вставки, а также часовой пояс (Time Zone). Текст, помеченный тэгом <INS>, обычно отображается подчёркнутым. Тэг <INS> в настоящее время распознаётся только браузером Microsoft Internet Explorer.
Тэг <EM> Тэг <EM> (Emphasis — выделение, подчёркивание) используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст курсивом. Применение этого тэга предпочтительнее применения тэга физического форматирования <I>.
Тэг <KBD> Отмечает текст как вводимый пользователем с клавиатуры. Обычно отображается моноширинным шрифтом. Применение данного тэга предпочтительнее применения тэга физического форматирования <TT>.
Тэг <Q> Отмечает короткие цитаты в строке текста. В отличие от тэга уровня блока <BLOCKQUOTE> при отображении не выполняется отделение размеченного текста пустыми строками. Обычно отображается курсивом. Тэг <Q> (в отличие от <BLOCKQUOTE>) в настоящее время распознаётся только браузером Microsoft Internet Explorer. Тэг имеет параметр CITE, в качестве значения которого можно указать источник цитаты.
Тэг <SAMP> Отмечает текст как образец (SAMPle). Обычное использование этого тэга — отметка текста, выдаваемого программами (sample output). Используется также для выделения нескольких символов моноширинным шрифтом. Применение данного тэга предпочтительнее применения тэга физического форматирования <TT>.
Тэг <STRONG> Используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст полужирным шрифтом. Применение данного тэга предпочтительнее применения тэга физического форматирования <B>. Тэгом <STRONG> обычно размечают более важные фрагменты текста, чем те, что размечены тэгом <EM>.
Тэг <VAR> Отмечает имена переменных программ. Обычно такой текст отображается курсивом.
Тэги физического форматирования текста
________________________________________
Тэг <B> Отображает текст полужирным шрифтом. В большинстве случаев рекомендуется вместо тэга <B> использовать тэг логического форматирования <STRONG>.
Тэг <I> Oтображает текст курсивом. Для большинства случаев вместо этого тэга рекомендуется использовать тэги <EM>, <DFN>, <VAR> или <CITE>, поскольку последние лучше отражают назначение выделяемого текста.
Тэг <TT> Отображает текст моноширинным шрифтом. Для большинства случаев вместо этого тэга лучше использовать тэги <CODE>, <SAMP> или <KBD>.
Тэг <U> Отображает текст подчёркнутым. Отменённый тэг. Вместо него рекомендуется использовать тэги <STRONG> или <CITE>.
Тэги <STRIKE> и <S> Отображают текст, перечёркнутый горизонтальной линией. Отменённые тэги. Вместо них рекомендуется использовать тэг <DEL>. В настоящее время тэг <DEL> поддерживается не всеми браузерами, поэтому пока рекомендуется использовать <DEL> в сочетании с тэгом <STRIKE>. А именно, внутрь тэга-контейнера <DEL> можно вложить пару тэгов <STRIKE>...</STRIKE>.
Тэг <BIG> Выводит текст шрифтом большего (чем непомеченная часть текста) размера. Вместо данного элемента лучше использовать тэги <STRONG> или тэги заголовков, например, <H3>. Большинство браузеров поддерживают вложенные тэги <BIG>, однако использовать такой подход не рекомендуется.
Тэг <SMALL> Выводит текст шрифтом меньшего размера. Поскольку в HTML нет тэга, противоположного по действию тэгу <EM>, то для этих целей можно применять тэг <SMALL>. Большинство браузеров поддерживают вложенные тэги <SMALL>, однако использовать такой подход не рекомендуется.
Тэг <SUB> Сдвигает текст ниже уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для математических индексов.
Тэг <SUP> Сдвигает текст выше уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для задания степеней чисел в математике.
Тэг <BLINK> Отображает мигающий текст. Этот тэг не входит в спецификацию HTML и поддерживается только браузером Netscape. Опытные разработчики крайне редко прибегают к использованию этого тэга, поскольку наличие на странице мигающих символов раздражает многих пользователей.
Тэг <SPAN> Тэг-контейнер <SPAN> является аналогом тэга уровня блока <DIV>. Может использоваться в тех случаях, когда требуется отметить фрагмент текста для задания его свойств, и при этом не удаётся использовать никакой другой структурный тэг форматирования.
И ещё немного про цветах интернета!
Как вы уже знаете в языке HTML невозможно описать цвет словами. И именно для этого я выложу сайт который содержит "Таблицу html кодов цветов, буквенное написание и коды цветов в RGB" Вот ссылка: http://www.35rus.ru/htmlcolor.php
Далее перейдём к созданию таблиц, тоесть "каркасу" создаваемого вами сайта в будущем. Самый главный тег в создании таблиц это естественно <table>...</table> Теперь мы пишем заголовок таблицы тоесть тег <caption>Ваш заголовок</caption> Потом мы создаём в нутри этого тега столбцы и строки: <tr>...</tr>-создание строк. <td>..</td>-создание столбцов, и заголовок столбцов <th>...</th> Занчит с слитом виде выглядит так <table> <caption>Ваш заголовок</caption> <td> <th>Заголовок столбца</th> <tr>текст</tr> </td> </table> так выглядит таблица в виде HTML ( пример только с одним столбцом и строкой ) Но у тега <table> есть параметры определяющие толщину и многое другое: <border="2" cellspasing="2">- толщина таблицы, <celpading="2">- расстояние от рамки до данных, <width="5">- ширина ячейки, <leight>- высота, <border color="#FFCCYY">- цвет таблицы. <valing=top> - Расположение таблицы bottom middle baseline Ну вот я выложил самое главное о таблицах, Удачи!
|
так сложно!
