КАТЕГОРИИ:
АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Основные дескрипторы и их синтаксис языка HTML. Структура HTML документа
HTML - язык гипертекстовой разметки документа. С его помощью Вы можете писать тексты со ссылками на другие страницы, создавать таблицы, списки, включать изображения и многое другое. Этот язык используется для написания сайтов.
» html для новичков
» Главная страница
» html для новичков
Основные Тэги (Дескрипторы) языка html
“Cмак” гипертекстового языка – это ссылки. В мировой паутине вы просто нажимаете на ссылку и мгновенно оказываетесь в другой точке земного шара на выбранной вами страничке.
По традиции всех классических руководств по HTML мы приводим самый простой гипертекстовый документ.
<TITLE>Пример простого HTML документа</TITLE>
<H1>Здесь размещен заголовок первого уровня</H1>
Добро пожаловать в Internet!
Первый и последний параграф.<P>
В этом примере мы использовали следующие термины гипертекста (так называемые тэги):
<TITLE> — тэг, использующийся для определения заголовка.
<H1> — тэг заголовка.
<P> — тэг метки параграфа.
В языке описания гипертекстовых документов — все тэги парные. В конечном тэге присутствует слэш, который сообщает обозревателю о завершении. Но! Существует одно исключение из этого правила пар:
В природе не существует тэга </P>.
Не все тэги совместимы с обозревателями. Если обозреватель не понимает тэг, то он его просто пропускает.
Итак, документ HTML это заголовок:
<html>
<head> Заголовок </head>
<body>
...
и текст
...
</body>
с названием:
<head>
<title> Название </title>
</head>
Название документа
Это не правило, и даже не закон, это факт:
Любой документ HTML имеет название.
По названию вашего документа HTML другие обозреватели могут найти информацию. Место для названия всегда определено – оно находится вверху экрана, и отдельно от содержимого документа. Максимальная длина названия – 40 символов.
Форматирование
Форматирование может быть непосредственным или авторским. Если вы используете тэг <pre>, то форматирование считается авторским:
<body>
<pre>
Следующие тэги присущи непосредственному форматированию:
<p> — параграф.
<hr> — горизонтальная линия.
<br> — обрыв строки.
Заголовки и подзаголовки
Язык HTML позволяет вам работать с шестью уровнями заголовков. Первый заголовок – самый главный. На него обращается особое внимание. Остальные заголовки могут быть оформлены, например, жирным шрифтом или прописными буквами.
В HTML первый заголовок обозначается как <H1>:
<Hn>Текст</Hn>
Под n понимается уровень заголовка, то есть, числа 1, 2, 3, 4, 5 или 6.
В HTML первый заголовок может совпадать с названием документа.
Списки
Списки подразделяются на ненумерованные:
<ul>
<li> Элемент списка
</ul>
нумерованные:
<ol>
<li> Элемент списка
</ol>
c описаниями:
<DL>
<DT> Собака (элемент)
<DD> Друг человека (описание элемента)
</DL>
и вложенные:
<UL>
<LI> Примус
<OL>
<LI> Другой примус
...
</OL>
<LI>
...
</UL>
Выделение текста
Текст в документе HTML может быть выделен одним из следующих способов:
<cite> — цитата </cite>
<code> — программный код </code>
<dfn> — определение </dfn>
<em> — логический акцент </em>
<kbd> — ввод с клавиатуры </kbd>
<samp> — сообщения компьютера </samp>
<strong> — сильный акцент </strong>
<var> — переменные </var>
Один большой параграф
В HTML разбиение на строки не принципиально. Это означает, что вы можете разбить строки вашего документа в любом его месте. Связано это с тем, что в гипертекстовом документе идущие подряд отбивки превращаются в одну. Но! Если отбивка сделана после тэга <P>, то она учитывается. Если какой-нибудь тэг <H> игнорируется, то отбивка также учитывается. В остальных случаях обозреватель будет пропускать отбивки.
Ссылки
HTML позволяет вам связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием.
Для этого используется тэг <A>. Помните, что после буквы A должен стоять пробел.
Чтобы сформировать ссылку:
¦ наберите <A
¦ введите HREF=”filename”>
¦ наберите после > текст гипертекстовой ссылки
¦ наберите тэг </A>
Один из вариантов гипертекстовой ссылки может выглядеть так:
<A HREF=”BobAnapa.html”>Bob</A>
Здесь слово Bob ссылается на документ BobAnapa.html, образуя гипертекстовую ссылку.
Если документ, формирующий ссылку, находится в другой директории, то подобная ссылка называется относительной:
<A HRE=”BobAnapa/ВobMoscow.html”>Bob</A>
Если вы хотите указать полное имя файла, то вам необходимо использовать синтаксис UNIX.
Ссылки можно формировать на основе так называемого универсального локатора ресурса, то есть, используя следующий синтаксис:
protocol: //hostport/path
Предварительное форматирование текста
Тэг <PRE> позволяет сформировать текст, оформленный моноширинным шрифтом.
Используйте этот тэг для оформления листингов программ.
Расширенные цитаты
Тэг <BLOCKQUOTE> позволяет вам включить цитату в уединенный объект.
Адрес
Тэг <ADDRESS> позволяет сформировать информацию об авторе документа HTML.
Принудительный перевод строки
Тэг <BR> переводит только одну строку, то есть, без дополнительного пробела.
Горизонтальные разделители
Тэг <HR> формирует горизонтальную линию по всей ширине окна.
Встроенные изображения
Вы можете встраивать в ваш документ картинки. Синтаксис встроенной картинки следующий:
<IMG SRC=image_URL>
Здесь image_URL есть указатель на файл картинки, синтаксис которого совпадает с синтаксисом ссылки HTML.
Дата добавления: 2014-12-30; просмотров: 245; Мы поможем в написании вашей работы!; Нарушение авторских прав |