Помощничек
Главная | Обратная связь


Археология
Архитектура
Астрономия
Аудит
Биология
Ботаника
Бухгалтерский учёт
Войное дело
Генетика
География
Геология
Дизайн
Искусство
История
Кино
Кулинария
Культура
Литература
Математика
Медицина
Металлургия
Мифология
Музыка
Психология
Религия
Спорт
Строительство
Техника
Транспорт
Туризм
Усадьба
Физика
Фотография
Химия
Экология
Электричество
Электроника
Энергетика

Лаб № 8 Создание простейшей Web-страницы

Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов структуры.

Документ HTML всегда начинается с тега <HTML> и заканчивается закрывающимся тегом (</HTML>).

Внутри документа выделяются два основных раздела: раздел заголовков и тело документа, – идущие именно в таком порядке. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <HEAD> и </HEAD>. В частности, раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <TITLE>.

Основное содержание размещается в теле документа, которое ограничивается парным тегом <BODY>. Простейший правильный документ HTML, содержащий все теги, определяющие структуру, имеет следующий вид:

<HTML>

<HEAD><TITLE>Заголовок документа </TITLE></HEAD>

<BODY>

Текст документа

</BODY>

</HTML>

Применение языка HTML

1. Запустите текстовый редактор Блокнот (Пуск > Программы > Стандартные > Блокнот).

2. Введите следующий текст, сохраните его, и далее запустите Internet Explorer, дайте команду «Открыть», с помощью кнопки «Обзор» откройте файл.

<HTML> <HEAD><TITLE>Курсовая работа </TITLE></HEAD> <BODY> <P><FONT SIZE="14"FACE="ARIAL"COLOR="RED"> Содержание </FONT> <H1> Введение</H1> <H1>1. Использование информационных технологий при решении экономических задач </H1> <H2>1.1 Классификация ИТ <H2> <H1>2. Решение конкретной экономической задачи с использованием Excel </H1> <H2> 2.1 Задание 1. <H2> Текст до ссылки. <A HREF="first.htm"> Ссылка. </A> <IMG SRC=”picture.gif” ALINE=”MIDDLE”>. </BODY> </HTML>   Обычный абзац начинается с тега <P> Тег <FONT> управляет параметрами шрифта. Содержит атрибуты COLOR= цвет текста (например, “GREEN”, “RED”, “BROWN” и т.д.), FACE= гарнитура шрифта или имя шрифта (например, “СOURIER”, “ARIAL”, “ARBAT” и т.д.), SIZE= размер шрифта.   Язык HTML поддерживает 6 уровней заголовков от <H1> до <H6>     Гипертекстовая ссылка определяется парным тегом <A>. Обязательным является HREF= (знак равенства показывает ,что необходимо задать значение этого атрибута, т.е. адрес документа, на который указывается ссылка). Вставка графического элемента (используется только два формата – GIF, JPEG. Для подготовки изображения можно использовать Paint. Для вставки рисунка используется текстовый элемент, задаваемый непарным тегом <IMG> c обязательным атрибутом SRC= , задающий адрес файла с изображением. Атрибут ALINE= режим взаимодействия изображения с текстом (BOTTOM –рисунок выше текста, MIDDLE – в середине текста, TOP – ниже текста, LEFT – левее текста, RIGHT – правее текста).

Списки

<HTML> <HEAD><TITLE>Заголовок документа</TITLE></HEAD> <BODY> <P>Содержание <UL> <LI> <A HREF=vvedenie.htm">Введение</A> <OL> <LI>Использование информационных технологий при решении экономических задач <LI>Решение конкретной экономической задачи с использованием Excel </OL> <LI><A HREF="conclusion.htm">Заключение</A> </UL> </BODY> </HTML> Упорядоченные (нумерованные) списки создаются при помощи парных тегов <OL>, неупорядоченные (маркированные) – <UL>. Эти списки могут содержать только элементы списка, определяемые парным тегом <LI>. Закрывающий тег </LI>можно опускать. Например, Содержание документа можно оформлять списком и использовать гиперссылки. Содержание · Введение 1.Использование информационных технологий при решении экономических задач 2.Решение конкретной экономической задачи с использованием Excel · Заключение
<HTML> <HEAD><TITLE>Заголовок документа</TITLE></HEAD> <BODY> <TABLE> <CAPTION>Таблица № 1</CAPTION> <TH>Ф.И.О.<TH>Адрес <TR><TD>Исакова А.И. <TD>Ильмера 6,38 <TR><TD>Фаталина Н.П.<TD>Ильмера 6,66 </TABLE> </BODY> </HTML> Таблицав языке HTML задается парным тегом<TABLE>. Заголовок таблицы определяется парным тегом <CAPTION>, строки таблицы – задаются при помощи тегов <TR>. Ячейки в заголовках столбцов –парным тегом <TH>. Обычные ячейки – <TD>.Закрывающиеся теги </TR>, </TH>, </TD> можно опускать. Таблица № 1 Ф.И.О. Адрес Исакова А.И. Ильмера 6,38 Фаталина Н.П. Ильмера 6,66

Примечание. Рисунки хранятся на Web-узлах в отдельных файлах, но отображаются как элементы Web-страниц.

Можно работать в редакторе FrontPageExpress, который строит документ HTML по тем же правилам, что и создаваемый вручную.

 




Поиск по сайту:

©2015-2020 studopedya.ru Все права принадлежат авторам размещенных материалов.