Вставка изображения
<IMG>...</IMG> Вставка изображения, видео или звука.
Синтаксис:
<IMG SRC="имя файла">
имя файла=file.jpg
имя файла=file.gif - вставка графического изображения
имя файла=file.wav - вставка звука
имя файла=file.avi - вставка видео фрагмента
Параметры:
WIDTH - ширина картинки в пикселях
HEIGHT - высота картинки в пикселях
ALIGN - выравнивание
LEFT - изображение прижимается к левому полю окна, текст обтекает изображение с правой стороны
CENTER - выравнивание по центру
RIGHT - изображение прижимается к правому полю окна, текст обтекает изображение с левой стороны
TOP - верхняя граница изображения выравнивается по самому высокому элементу текущей строки
TEXTTOP - верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки
MIDDLE - выравнивание середины изображения по базовой линии текущей строки
ABSMIDDLE - выравнивание середины изображения посередине текущей строки
BOTTOM,BASELINE - выравнивание нижней границы изображения по базовой линии текущей строки
ABSBOTTOM - выравнивание нижней границы изображения по нижней границе текущей строки
HSPACE - горизонтальный отступ от графического изображения
VSPACE - вертикальный отступ от графического изображения
ALT - альтернативный текст
BORDER – толщина рамки, обрамляющей картинку.(при none- рамки нет)
Ссылка - тег a
Ссылка - одно из важнейших понятий для html-документов
Тег-контейнер <a></a>. А за то, куда направить пользователя по щелчку - его атрибут - href.
Создание таблиц.
Для описания таблиц используется тег <ТАВLЕ>. Тег <ТАВLЕ>, как и многие другие, автоматически переводит строку до и после таблицы.
Создание строки таблицы — тег <ТR> Тег <ТR> (Таble Row, строка таблицы) создает строку таблицы. Весь текст, другие теги и атрибуты, которые требуется поместить в одну строку, должны размещаться между тегами <ТR></ТR>.
Определение ячеек таблицы - тег <ТD> Внутри строки таблицы обычно размещаются ячейки с данными. Каждая ячейка, содержащая текст или изображение, должна быть окружена тегами <ТD></ТD>. Число тегов <ТD></ТD> в строке определяет число ячеек (открыть)
Заголовки столбцов таблицы — тег <ТН>
Заголовки для столбцов и строк таблицы задаются с помощью тега заголовка <ТН></ТН> (Таblе Неаder, заголовок таблицы). Эти теги подобны <ТD></ТD>. Отличие состоит в том, что текст, заключенный между тегами <ТН></ТН>, автоматически записывается жирным шрифтом и по умолчанию располагается посередине ячейки. Центрирование можно отменить и выровнять текст по левому или правому краю. Если воспользоваться <ТD></ТD> с тегом <В> и атрибутом <АLIGN=center>, текст тоже будет выглядеть как заголовок. Однако следует иметь в виду, что не все браузеры поддерживают в таблицах жирный шрифт, поэтому лучше задавать заголовки таблиц с помощью <ТН>.
II. Задание на лабораторную работу
Создать сайт состоящий из не менее трёх страниц на тему «Я и моя семья».
Свою работу оформить на ваше усмотрение, но необходимо во всей работе применять все теги, которые вы проходили на лекциях и лабораторных работах (форматирование текста, ссылки, списки, изображения, таблицы, формы.)
Задание показать преподавателю и получить оценку.