- •1 Методы и структора и сопровождение сайта web Первый способ создания сайта
- •Второй способ создания сайтов
- •Третий способ создания сайтов
- •2 Основные теги html – языка
- •Текст документа
- •Форматирование текста документа
- •3 Формирование текста и размещение графики. Списки и формы наWeb- сайты и Web- страницы
- •4. Создание и оформление web-страниц
- •5 Гиперссылки на Web- страницах
- •1. Открыть окно текстового редактора Блокнот.
- •Задание 1 : открыть Блокнот и написать английскими буквами теги
- •Внутри тегов написать
- •Задание 4 :
- •6 Таблицы на Web- страницах
- •7 Фреймы.Ccs- технология
2 Основные теги html – языка
<HTML> - Это пожалуй самый главный тег, так как указывает принадлежность документа к HTML языку, заключает в себе всё содержимое веб – страницы, ставится в самом начале и соответственно в конце закрывает документ. <html>…</html>
<HEAD> - Этот тег не менее важен, в нём размещается не видимая информация о вашем сайте предназначенная для поисковых машин. <head>…</head>
<TITLE> - Название, оглавление страницы, предназначен для поисковых машин, этот тег всегда помещается внутри - <head><title>…</title></head>
<BODY> - В этот тег помещается информация, которая должна отображаться в окне браузера. <body>…</body>
Пример простого веб – документа:
<HTML> <HEAD> <TITLE> Название страницы </TITLE> </HEAD> <BODY> Содержимое страницы</BODY </HTML>
Текст документа
<H1>.....<H6> - Определяет величину заголовка по их степени важности. <h1>.....</h1> - Самый большой заголовок. <h6>.....</h6> - Самый маленький заголовок.
<B> - Определяет текст жирным шрифтом. <b>…..</b>
<I> - Определяет текст наклонным (курсив) шрифтом. <i>…..</i>
<TT> - Имитирует стиль печатной машинки. <tt>…..</tt>
<FONT COLOR=”…”> - Задаёт колор (цвет) текста, шестнадцатеричным кодом в виде “RRGGBB”. <font color=”…”>…..</font>
<FONT SIZE=”…”> - Задаёт величину шрифта в пределах от “1” до “7”. <font size="...">…..</font>
<BIG> - Увеличивает размер текст на условную 1-цу от заданного. <big>…..</big>
<STRONG> - Этот тег, браузер определяет как жирное начертание текста. <strong>…..</strong>
<EM> - Этот тег, браузер определяет как наклонное (курсив) начертание текста. <em>…..</em>
Форматирование текста документа
<P> - Определяет новый параграф текста с предварительным пропуском одной строки. <p>…..</p>
< P ALIGN=”…”> - Выравнивает текст относительно одной из сторон документа. Значения: “left”, “right”, “justify”, “ center”. Пример: <p align="center">текст</p> Текст по центру.
<PRE> - Этот тег позволяет отобразить текст, так как есть без предварительного форматирования. <pre>…..</pre>
<BLOCKQUOTE> - Задаёт тексту особую форму отображения в виде отступа с обоих сторон края документа. <blockquote>…..</blockquote>
<BR> - Тег предназначен для разрыва строки с последующим её продолжением на новой (Перенос).
<NOBR> - Определяется запрет перехода на новую строку. <nobr>…..</nobr>
<WBR> - Этот тег при необходимости выполняет функцию отмены действия <NOBR> <nobr>Текст<wbr> текст</nobr>
<DL> - Служит контейнером для: <DT> - Определяет термин. <DD> - Задаёт описание этого термина.
Пример: <dl> <dt>Термин </dt> <dd>Описание термина </dd> <dt>Термин </dt> <dd>Описание термина </dd> </dl>
<OL> - Определяет нумерованный список. <LI> - Объекту, заключённому в этот тег присваивается номер. Также применяется атребут: start - Указывает стартовый номер. type - Определяет характер обозначение, буквенный “Ж”, ”ж”, “J”, ”j” или цифровой – “10”, “Х”.
<ol type="… " start="число" >...</ol>
Пример: <ol type="1" start="3"> <LI>морковь <LI>капуста <LI>яблоки <LI>уксус <LI>сахар <LI>соль </ol>
Результат:
морковь
капуста
яблоки
уксус
сахар
соль
<DIV> - Является контейнером для параметров: align и title. аlign - Выравнивает какой либо элемент информации. Значения:
left - по левому краю. right - по правому краю. center - по центру. justify - по ширине.
Пример: <div align="center"> элемент информации</div>Выровнен по центру.
title - Задаёт всплывающую подсказку для необходимой информации.
Пример: <div title="подсказка">объект</div> Подсказка отобразится, как только курсор окажется над заданным объектом.