Основные принципы html и основные теги

Гиперссылки на Web- страницах

Титульная страница содержит следующий HTML -код:

Моя страничка

Лена

Моя первая страничка

Обо мне.

Мой город.

Моя школа.

Мои друзья

Гиперссылка на Web –странице существует в форме выделенного объекта, щелчок по которому обеспечивает переход на другую Web -страницу.

Панель навигации – размещение гиперссылок. Она может представлять собой абзац, выровненный по центру.

Абзацы помещаются в контейнер

Обо мне." width="640"

Для каждой гиперссылки адрес перехода определяет контейнер с атрибутом HREF ( значение URL -адрес ) .

Контейнер должен также содержать текст гиперссылки:

Текст гиперссылки

Например:

=“A1.htm” Обо мне.

Моя страничка

Лена

Моя первая страничка

Обо мне.

Мой город.

Моя школа.

Мои друзья

Обо мне.

Мой город.

Моя школа.

Мои друзья .

" width="640"

Обо мне

Лена

Обо мне

Рассказ о себе

alt=“ текст ”

Текст Пример 6" width="640"

Ссылка на адрес электронной почты

Необходимо атрибуту HREF присвоить URL -адрес электронной почты и добавить контейнер

адрес ” Текст

Пример 6

Списки на Web- страницах

Ненумерованный список

Список располагается внутри контейнера , а каждый элемент списка определяется тэгом

.

С помощью атрибута TYPE тэга

можно задать вид маркера списка: “disc”, “square”, “circle”


Н умерованный список

Список располагается внутри контейнера , а каждый элемент списка определяется также тэгом

• .

  С помощью атрибута TYPE тэга

  можно задать тип нумерации: арабские цифры, римские цифры, буквы
  

  Список определений

  Для списка определений используется контейнер .

  Внутри него текст оформляется в виде термина , который выделяется непарным тэгом и определения, которое следует за тэгом .

  

  Создание таблиц

  Для создания таблицы используется

  Атрибуты:

  • Align – расположение таблицы
  • Width – ширина таблицы
  • Border – ширина внешней рамки

  Заголовок таблицы

  

  Строка таблицы задается

  Атрибуты:

  • align – выравнивание текста в ячейках строки
  • valign – вертикальное выравнивание ( top ( верхний край ) , middle ( центр ) , bottom ( нижний край ) )
  

  Для разделения строк на колонки используется

  Атрибуты:

  • nowrap – текст в одну строку
  • colspan – размах ячейки по горизонтали
  • rowspan – размах по вертикали
  • valign - вертикальное выравнивание
  • width – ширина ячеек
  • height – высота ячеек
  

  У таблицы может быть заголовок

  Первая строка, первая колонка

  Первая строка, вторая колонка

  

  Дополнительные атрибуты

  • Background - Фоновый рисунок
  • Bgcolor – Цвет фона таблицы
  • Bordercolor – Цвет рамки
  

  Карты-изображения

  • Для создания гиперссылок можно использовать карты-изображения, на которых выделены области – указатели гиперссылок.
  Для описания областей карты изображения используется тэг , единственным параметром которого является NAME . MAP name="friends" MAP " width="640"
  • Чтобы преобразовать изображение в карту , в тэг добавляется параметр USEMAP , значением которого является ссылка на имя карты. Например:

  IMG src="friends.jpg" alt="Это мои друзья" usemap="#friends"

  • Для описания областей карты изображения используется тэг , единственным параметром которого является NAME . MAP name="friends" MAP
  MAP помещаются тэги с описанием областей изображения. Атрибуты SHAPE – форма области ( RECT, CIRCLE) COORDS – координаты области HREF – гиперссылка ALT – альтернативный текст Сергей "" width="640"

  Внутри контейнера MAP MAP помещаются тэги с описанием областей изображения.

  Атрибуты

  • SHAPE – форма области ( RECT, CIRCLE)
  • COORDS – координаты области
  • HREF – гиперссылка
  • ALT – альтернативный текст

  Сергей "

  

  Титульная страница

  

  Страница Обо мне

  

  Страница Мои друзья

  

  Страница Мои город

  

  Домашнее задание: сделать сайт о себе, включающий не менее 4-х страниц.

  На сайте обязательно должны быть гиперссылки, изображения, нумерованные и маркированные списки, форматированный текст, заголовки различных уровней, таблицы, задан фон страниц.