Читайте также: |
|
Практическая часть работы (разбор примера)
1. Для создания первой web-страницы с использованием html -языка необходимо выполнить следующие действия:
1.1. Зашел в редактор «Блокнот»
(Пуск – Программы – Стандартные – Блокнот)
1.2. Набрал простейший гипертекст:
<html>
<head>
<title>
Пример 1
</title>
</head>
<body>
<H1>
Привет от студента Иванова Ивана гр. ТМ-21
</H1>
<P>
Это простейший пример HTML-документа.
</P>
</body>
</html>
1.3. Создал на серверном диске папку с именем «Мой сайт». Сохранил гипертекст в виде файла с типом.html
(Файл – Сохранить как)
в строке «Имя файла» указать, например, мр11.html.
1.4. Загрузил браузер Internet Explorer.
1.5. Загрузил созданный файл в браузере
(Файл – Открыть – Обзор)
выбрал из списка нужный для загрузки файл.
1.6. Просмотрел html-код страницы в браузере
Вид-Просмотр html-кода
1.7. Внес изменения в текст, например, написал «Большой привет от студента Соловьева Артем гр. Мр-11»
1.8. Сохранил измененный гипертекст под уже имеющимся именем
(Файл – Сохранить)
1.9. Обновил изображение страницы в браузере, нажав кнопку «Обновить» на панели инструментов браузера.
2. Редактирование и форматирование текста страницы
2.1. Изменил размеры надписей текста с использованием тега
<H1>…</H1>, <H2>…</H2>,
…, <H6>…</H6>
2.2. Изменил цвет шрифта с использованием тега <FONT>…</FONT>
и его атрибута COLOR - цвет текста
2.3. С использованием тегов <B><I> и </I></B> выделил часть текста полужирным курсивом
2.4. Применил самостоятельно несколько тегов форматирования текста
Работа с графической информацией
3.1. Вставил графическоий фона страницы с использованием атрибута background тега body, например,
<body background = “ttt.jpg”>
Здесь ttt.jpg – имя файла с фоновым рисунком. Файл с фоновым рисунком должен быть заранее помещен в папку «Мой сайт»
3.2. Вставил рисунок на страницу с помощью тега
<img src=“kartina.jpg" >
Здесь kartina.jpg – имя файла с рисунком. Файл с рисунком должен быть заранее помещен в папку «Мой сайт»
3.3. Изменил размеры рисунка, указав в теге img атрибуты ширины и высоты рисунка, например,
<img src=“ИМЯ.jpg" width=«400" height="80">
Рисунки и фотографии можно взять на диске Y:\Общие\foto
Создание гиперссылок
4.1. Создается новый файл гипертекста, с именем, например, str1.html, в котором хранится информация, дополняющая и уточняющая сведения на домашней странице сайта. Файл поместить в папку «Мой сайт».
4.2. В файле домашней страницы создается новый тег, который имеет следующий вид:
<a href=“str1.html">
Текст гиперссылки
</a>
В браузере на домашней странице отобразится текст гиперссылки, при нажатии на который выполнится переход к новой странице, хранящейся в файле str1.html.
4.3. Аналогично создал на странице str1.html гиперссылку возврата на основную страницу.
3.
4. Тексты на языке HTML, содержащие основные теги.
<html>
<head>
<title>
Welcome to Hell
</title>
</head>
<body bgcolor="Maroon">
<img src="клоун.jpg"WIDTH="800" HEIGHT="1000" >
<font COLOR="Silver"> <H2> <B><I>
" Приветствуем вас на сайте Devil May Cry"
</B></I> </H2> </font>
<P align=center>
<font color= "Blue">
<a href="str1.htm"> Ссылка на сайт Демонической музыки.
<B><I><BR>
<a href=" file://localhost/f:/мой%20сайт/nomer1.htm">Информация о боссах в Devil May Cry
</B></I></BR>.
<BR>
<a href=" file://localhost/f:/мой%20сайт/nomer2.html"> Информация о приемах Данте.
</BR>
</P>
</body>
</html>
Ссылки на сайт демонической музыки:
<html>
<head>
<title>
Дата добавления: 2015-12-07; просмотров: 56 | Нарушение авторских прав