Навигация:

Главная Случайная страница Обратная связь ТОП Интересно знать Избранные Новые материалы

Топ:

Характеристика АТП и сварочно-жестяницкого участка: Транспорт в настоящее время является одной из важнейших отраслей народного хозяйства...

Проблема типологии научных революций: Глобальные научные революции и типы научной рациональности...

Генеалогическое древо Султанов Османской империи: Османские правители, вначале, будучи еще бейлербеями Анатолии, женились на дочерях византийских императоров...

Интересное:

Лечение прогрессирующих форм рака: Одним из наиболее важных достижений экспериментальной химиотерапии опухолей, начатой в 60-х и реализованной в 70-х годах, является...

Финансовый рынок и его значение в управлении денежными потоками на современном этапе: любому предприятию для расширения производства и увеличения прибыли нужны...

Подходы к решению темы фильма: Существует три основных типа исторического фильма, имеющих между собой много общего...

Дисциплины:

Автоматизация Антропология Археология Архитектура Аудит Биология Бухгалтерия Военная наука Генетика География Геология Демография Журналистика Зоология Иностранные языки Информатика Искусство История Кинематография Компьютеризация Кораблестроение Кулинария Культура Лексикология Лингвистика Литература Логика Маркетинг Математика Машиностроение Медицина Менеджмент Металлургия Метрология Механика Музыкология Науковедение Образование Охрана Труда Педагогика Политология Правоотношение Предпринимательство Приборостроение Программирование Производство Промышленность Психология Радиосвязь Религия Риторика Социология Спорт Стандартизация Статистика Строительство Теология Технологии Торговля Транспорт Фармакология Физика Физиология Философия Финансы Химия Хозяйство Черчение Экология Экономика Электроника Энергетика Юриспруденция

Созданиe Web-страницы «Основные тэги HTML».

2017-05-23

2621

4.80 из 5.00 5 оценок

Заказать работу

Содержание

Стр 1 из 3Следующая ⇒

Созданиe Web-страницы «Основные тэги HTML».

УЭ №1.

Создание Web – страницы «Оформления заголовка документа».

Задачи УЭ: закрепить знания по основные теги по созданию Web-страницы: HTML, тег форматирования шрифта, выравнивания абзаца.

Что сделать?

Создать документ, состоящий из 6 строк оформленных в виде заголовка 1- 6 уровня и каждая строка выполнена шрифтом: жирным, курсивом, подчеркнутым, равноширинным, выделенным и с усиленным выделением.

Как сделать.

1. Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот].

2. Ввести HTML-код, задающий структуру Web-страницы:

<HTML>

<HEAD>

<TITLE>Zagolovok</TITLE>

</HEAD>

<BODY >

<center> <h1> <b> Заголовок первого уровня – жирный </b></h1></center>

<center> <h2> <i>Заголовок второго уровня - курсив </i></h2></center>

<center> <h3><U> Заголовок третьего уровня- подчеркнутый </U></h3></center>

<center> <h4> <B><I><U>Заголовок четвертого уровня - жирный подчеркнутый курсив </B></I></U></h4></center>

<center> <h5><TT> Заголовок пятого уровня- равноширинный </TT></h5></center>

<center> <h6><STRONG> Заголовок шестого уровня - усиленное выделение </STRONG></h6></center>

</BODY>

</HTML>

3. Сохранить данный документ, предварительно создав на диске С свою папку (имя папки – инициалы записанные латинскими буквами – IPC). Имя документа – IPC11b1.htm

4. Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается название Web-страницы Zagolovok с тэгами HTML.

УЭ №2. Контроль знаний

Задачи: научится создавать простую Web- страницу, применяя, теги форматирования шрифта, выравнивания абзаца.

Что сделать	Как сделать
	Использовать порядок создания первой Web – страницы описанный в УЭ 1

УЭ 3

Создание Web – страницы «Списки».

Задачи: изучить и закрепить теги по созданию списков и разделительной линии.

Что делать?

Создать документ, в котором присутствуют списки и разделительная линия.

Как сделать.

1. Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот].

2. Ввести HTML-код, задающий структуру Web-страницы:

<HTML>

<HEAD>

<TITLE>Spisok</TITLE>

</HEAD>

<BODY >

<center> <h1> <b> Списки </b></h1></center>

<HR>

<center> <h2> <i>Нумерованный список: </i></h2></center>

OL>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

<LI>Третий элемент списка</LI>

</OL>

<HR>

<center> <h3><U> Ненумерованный список: </U></h3></center>

<UL>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

<LI>Третий элемент списка</LI>

</UL>

<HR>

<center> <h4> <B><I><U> Список определений: </B></I></U></h4></center>

<DL>

<DT>ТЕРМИН 1</DT>

<DD>Пояснение к термину 1</DD>

<DT>ТЕРМИН 2</DT>

<DD>Пояснение к термину 2</DD>

<DT>ТЕРМИН 3</DT>

<DD>Пояснение к термину 3</DD>

</DL>

3.Ввести команду [Файл - Сохранить]. Файлу Web-страницы присвоить имя IPC11b2.htm

4.Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается название Web-страницы Первое знакомство с тэгами HTML.

УЭ4 Создание документа «Устройства ввода вывода вида».

УЭ 5Создание Web – страницы «Таблица погоды».

Задачи УЭ5: изучить и закрепить теги по созданию таблицы, строки, столбца.

Что делать?

УЭ 7Создание Web – страницы «Атрибуты».

Задачи УЭ7: изучить и закрепить служебные слова –атрибуты, теги форматирования текста, создания фона документа, цвета текста, гиперссылки..

Что делать?

По аналогии создания Web – страницы «Вставка изображения».

Создание Web – страницы «Вставка гиперссылки».

Различные виды гиперссылок. Связать Web-страницу с другими документами можно с помощью универсального тэга <A>, и его атрибута HREF, указывающим в каком файле хранится вызываемый ресурс.

<A HREF="file_name">Указатель ссылки</A>

Задание.

Сохраните документ

Сохраните документ.

Созданиe Web-страницы «Основные тэги HTML».

УЭ №1.

Создание Web – страницы «Оформления заголовка документа».

12 3 Следующая ⇒
Поделиться с друзьями:

История создания датчика движения: Первый прибор для обнаружения движения был изобретен немецким физиком Генрихом Герцем...

Типы оградительных сооружений в морском порту: По расположению оградительных сооружений в плане различают волноломы, обе оконечности...

Индивидуальные и групповые автопоилки: для животных. Схемы и конструкции...

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