Сборник практических работ по созданию сайта с помощью языка _HT. Закончить работу с файлом. Работа Вставка изображений

• Название: Закончить работу с файлом. Работа Вставка изображений
• Дата: 13.02.2023
• Размер: 1.11 Mb.
• Имя файла: Сборник практических работ по созданию сайта с помощью языка _HT.doc
• Тип: Закон; #933962

Работа 1. Основные тэги HTML.
Создать Web-страницу, знакомящую с основными тэгами HTML.

1. 
   Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот].
   
2. 
   Ввести HTML-код, задающий структуру Web-страницы:
   

 

3. 
   Сохранить файл и Обновить страничку (цвет текста и цвет фона должен поменяться).
   
4. 
   Закончить работу с файлом.
   

Работа 4. Вставка изображений.
Вставка изображений. Для размещения на Web-страницах используются графические файлы форматов GIF, JPEG и PNG. Изображения помещаются на Web-страницу тэгом IMG с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла.



Если рядом с изображением не должно быть текста, его размещают внутри отдельного абзаца. Выравнивание рисунка по горизонтали в этом случае задают в тэге

. Размеры изображения (в пикселах) можно задать с помощью атрибутов  WIDTH и HEIGHT. К изображению атрибутом ALT можно добавить название, которое появляется на экран или вместо иллюстрации (если по какой - либо причине графика не выводится в окне браузера), или в качестве всплывающий строки, при указании на рисунок мышью.

1. 
   Открыть файл первое_знакомство.htm в блокноте.
   
2. 
   Вставить в начале страницы картинку (после тега ) с помощью тега:
   

Атрибут ALIGN выравнивает по верхнему краю, середине или нижнему краю изображения, справа или слева от него с помощью значений: top, bottom, middle, left или right.  

3. 
   Форматирование текста. Для выделения фрагментов текста используется тэг . Атрибут FACE определяет гарнитуру шрифта, атрибут COLOR – цвет и атрибут
   

SIZE - размер символов. Выравнивание текста по горизонтали задает атрибут ALIGN. Выравнивание можно добавлять к тэгам, задающим заголовки, абзацы, или размещающим информацию в таблице. Выровнять по центру заголовок страницы. HSPACE, VSPACE - горизонтальный и вертикальный отступы между картинкой и текстом. Введем заголовки различных уровней сразу после изображения.

А это - заголовок нашей странички.

А это - подзаголовок нашей странички.

Сохранить файл и Обновить страничку.
Выделим часть текста более крупным шрифтом и цветом и определим выравнивание
<P ALIGN="left"><FONT SIZE="6" COLOR="#FF0066" FACE="Arial" > Давайте, просто напечатаем простой текст для создания нашей странички, выровненный по левому краю.


<P ALIGN="right"><FONT SIZE="5" COLOR="#FF0000" FACE="Times New Roman" > Давайте, просто напечатаем простой текст для создания нашей странички, выровненный по правому краю.


<P ALIGN="center"><FONT SIZE="4" COLOR="#FF0011" FACE="Arial"> Давайте, просто напечатаем простой текст для создания нашей странички, выровненный по центру.FONT>P>

4. 
   Сохранить файл и Обновить страничку). Закончить работу с файлом.
   

блокнот

браузер



Работа 5. Оформление гиперссылок.

1. 
   Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот].
   
2. 
   Открыть файл первое_знакомство.htm
   
3. 
   Различные виды гиперссылок. Связать Web-страницу с другими документами можно с помощью универсального тэга , и его атрибута HREF, указывающим в каком файле хранится вызываемый ресурс.
   

Указатель ссылки

file_name – путь к файлу или его URL-адрес в Интернете. Если вызываемый документ размещается в той же папке, что и Web-страница, то можно указывать только имя файла.

Указатель ссылки в окне браузера выделяется подчеркиванием и особым цветом. При указании на него мышью, ее курсор превращается в значок «рука». Щелчок мыши по указателю, вызывает переход на документ, указанный в гиперссылке. Используем различные значения атрибута HREF для реализации различных реакций браузера:
<A HREF="вторая страница.htm">Моя вторая страничкаA>
Сохранить файл и Обновить страничку

4. 
   А теперь с оформлением выравнивания и шрифтов Исправляем предыдущую запись.
   

<A HREF="вторая страница.htm"><P ALIGN="center"><FONT SIZE="4" COLOR="#FFaa11" FACE="Arial"> Моя вторая страничкаFONT>P>A>

5. 
   Сохранить файл и Обновить страничку
   
6. 
   Создадим вторую страничку. Для этого откроем Блокнот еще раз. И наберем в нем следующий текст.
   

Моя первая страничка, на ней я познакомился (лась) с основными тегами


фон.jpg" TEXT="#993300" LINK="#00FF00" ALINK="#FF0000" VLINK="#00FF00">


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

А это - заголовок нашей странички.

А это - подзаголовок нашей странички.

Выделим часть текста более крупным шрифтом и цветом и определим выравнивание


Давайте, просто напечатаем простой текст для создания нашей странички, выровненный по левому краю.

Давайте, просто напечатаем простой текст для создания нашей странички, выровненный по правому краю.

Давайте, просто напечатаем простой текст для создания нашей странички, выровненный по центру.

Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвертого уровня

Заголовок пятого уровня

Заголовок шестого уровня

---

Жирный

Курсив

Подчеркнутый

Жирный подчеркнутый курсив

Равноширинный

Выделение

Усиленное выделение

---

1. Первый элемент списка



2. Второй элемент списка



3. Третий элемент списка

• Первый элемент списка



• Второй элемент списка



• Третий элемент списка

ТЕРМИН 1

Пояснение к термину 1

ТЕРМИН 2

Пояснение к термину 2

ТЕРМИН 3

Пояснение к термину 3

Моя первая страничка, на ней я познакомился (лась) с основными тегами