- •Структура html
- •Теги Физичиеского форматирования
- •Теги логического форматирования(все теги являются закрывающимися)
- •Вставка изображений в html документ
- •Тег создания простой таблицы и его атрибуты (без объединения ячеек и строк).
- •Colspan - Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.
- •Перечислить все известные элементы формы.
Структура html
<HTML> </html> - говорит браузеру, что страница, которую он открывает, является HTML документом.
Между тегами <head> и </head> располагается информация, не отображаемая на странице.
В этом теге может расположиться тег <script>….</script>
И <style>….</style>
<title></title> определяет текст в заголовке окна браузера
Затем идет тег <Body> </body>, в нем могут заключаться атрибуты :
bgcolor – устанавливает цвет фона документа. (<body bgcolor="black">)
background – указывает на url-адрес изображения – фона документа.
text – устанавливает цвет текста документа.
link – устанавливает цвет гиперссылок.
vlink= – устанавливает цвет гиперссылок на которых вы уже побывали, используя значение.
alink= – устанавливает цвет гиперссылок при нажатии.
Пример: <BODY bgcolor="black" text="white" link="red" alink="blue">
Теги физического и логического форматирования
Теги Физичиеского форматирования
Тэг <b> - жирный шрифт
Тэг <i> - курсив
Тег <u> - подчеркивание текста
Тэг <тт> - моноширинный текст
Тэг <strike> или <s> - зачеркнутый текст
Тэг <Sub> - делает текст уровнем ниже(пример: i1)
Тэг<SUP> - делает текст уровнем выше (пример: i2)
Тэг <SPAN> - задает свойства для определенного отрывка текста.
Тэг <FONT> указывает параметры шрифта.
<BASEFONT> - задает шрифт по умолчанию для документа
<BIG> - выводит более крупный текст.
<BLOCKQUOTE> - предназначен для включения в документ длинных цитат
<SMALL>- выводит более мелкий текст.
Приведенные выше теги должны быть закрывающимися.
А теги ниже не должны быть закрывающимися
<BR> - вставляет перевод строки
<HR> - добавляет в HTML документ горизонтальную линию.
<P> - создает новый параграф(абзац).
<IMG> - этот тег отвечает за "художественную" сторону web-страницы.
Теги логического форматирования(все теги являются закрывающимися)
<abbr> Аббревиатура.
<acronym> акроним, аббревиатуры, которые прижились как самостоятельные слова)
<cite> Обозначает цитаты в тексте.
<code> Отмечает небольшой фрагмент программного кода.
<del> Отмечает текст как удаленный. Аналогичен <s>
<dfn> обозначает «определение»
<q> Используется для отметки цитат.
<strong> - делает текст полужирным
<var> Отмечает текст, как переменную какой-либо компьютерной программы.
Тег <a> и его атрибуты
Пример: <a href="http://domen-saita.ru/papka-na-servere/dokument.html">текст
ссылки</a>
href – задает адрес искомого документа, на который нужно перейти
Внутри самого тега-контейнера <A> стоит текст (хотя может быть и картинка), который и является текстом ссылки.
В примере показана абсолютная ссылка(указан полный адрес)
Когда атрибут href не содержит полный путь к документу – используется относительная ссылка. Чаще всего она используется, если документ находится на том же сайте, ссылка ведет на документ исходя от места, где она находится.
Относительная ссылка на каталог, уровнем выше текущего:
<a href="../first.html">это - относительная ссылка на файл
в каталоге, уровнем выше</a>
Для того, что бы документ по ссылке открывался в новой вкладке браузера, нужно использовать атрибут target="_blank"
Атрибут title для тега <A>:
<a href="http://domen-saita.ru/papka-na-servere/dokument.html"
title="всплывающая подсказка">это - ссылка с подсказкой</a>
Для того, чтобы вместо текста ссылки использовать изображение используется тег <img>:
<a href="http://sait.ru/dokument.html"><img src=kartinka.jpg" width="100" height="131" /></a>
Разница между относительными и асбсолютными ссылками заключается в том, что в абсолютной ссылке указывается полный адрес документа, а в относительной указывается адрес документа относительной этой ссылки и является неполным.