 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Простейшие примеры работы с HTML
Задание 1:
Разработать html страницу согласно примеру 1 с именем start.html (имя start.html или index.html или иное – это имя страниц на которое настроен используемый веб сервер для загрузки по умолчанию). Разработанный документ опубликовать в сети интернет на кафедральном хост сервере http://host.iu4.bmstu.ru.
| Исходный код |
| <html> |
| <head><title>Название сайта</title></head> |
| <body>Тело сайта</body> |
| </html> |
| Вид отображения на экране |
Задание 2:
Доработать HTML документ из задания 1, включив в него необходимые дескрипторы заголовка HTML документа. Разработанный HTML документ опубликовать в сети интернет, заменив ранее созданный файл, новой версией документа.
| Исходный код |
| <html> |
| <head> |
| <title>Название сайта</title> |
| <meta name="author" content="Царин Г.А."> |
| <meta name="Description" content=”персональный сайт (тест)”> content=" |
| <meta name=”keywords” content=”сайт, веб сайт, персональные сайты, web-дизайн”> cce > |
| </head> |
| <body>Тело сайта</body> |
| </html> |
| Вид отображения на экране |
Задание 3:
Доработать HTML документ из задания 2, включив в него необходимые атрибуты
дескриптора <BODY>. Разработанный HTML документ опубликовать в сети интернет,
заменив ранее созданный файл, новой версией документа.
| Исходный код |
| <html> |
| <head> |
| <title>Название сайта</title> |
| <meta name="author" content="Царин Г.А."> |
| <meta name="Description" content=”персональный сайт (тест)”> content=" |
| <meta name=”keywords” content=”сайт, веб сайт, персональные сайты, web-дизайн”> cce > |
| </head> |
| <body style="background:url('/1stlevel.jpg') center;">Тело сайта</body> |
| </html> |
| Вид отображения на экране |
Задание 4:
В документ из задания 3, вставить шесть уровней подзаголовков и шесть абзацев текста с
различным выравниванием. Разработанный HTML документ опубликовать в сети интернет, заменив ранее созданный файл, новой версией документа.
| Исходный код |
| <html> |
| <head> |
| <title>Название сайта</title> |
| <meta name="author" content="Царин Г.А."> |
| <meta name="Description" content=”персональный сайт (тест)”> content=" |
| <meta name=”keywords” content=”сайт, веб сайт, персональные сайты, web-дизайн”> cce > |
| </head> |
| <body style="background:url('/1stlevel.jpg') center;"><div align=”center”><h1>New</h1> <foncolor="#0000FF"> |
| <left><h2>Пример 1</h2></left><right><h3>Пример 2</h3> </right><h4>Пример 3</h4><br> |
| <h5>Пример 4</h5><p>Пример 5</p><br><br><p><i>Пример 6</i></p> |
| </div></body> Пример 1 |
| </html> |
| Вид отображения на экране |
Задание 5:
Разработать HTML документ с именем text.html в котором в столбик разместить содержание полей «назначение» из спецификаций физических и логических стилей, причем к соответствующему «назначению» должны быть применены соответствующие дескрипторы. Разработанный HTML документ опубликовать в сети интернет.
| Исходный код |
| Вид отображения на экране |
Задание 6:
В созданном документе - text.html выделить различные участки текста различными
цветами. Разработанный HTMLдокумент опубликовать в сети интернет.
| Исходный код |
| <html> |
| <head> |
| <title>Название сайта</title> |
| <meta name="author" content="Царин Г.А."> |
| <meta name="Description" content=”персональный сайт (тест)”> content=" |
| <meta name=”keywords” content=”сайт, веб сайт, персональные сайты, web-дизайн”> cce > |
| </head> |
| <body style="background:url('/1stlevel.jpg') center;"><div align=”center”> <foncolor="#0000FF"> |
| <font color="#fff"><b>Пример 1</b> - <i>Пример 2</i> - <u>Пример 3</u><br> |
| <font size=”+1”>Пример 4</font> - <font size=”+2”>Пример 5</font> - Пример 6</font> |
| </div></body> Пример 1 |
| </html> |
| Вид отображения на экране |
Задание 7:
С учетом, тегов разделителей, управления ссылками и отображением рисунков модифицируйте страницу из файла задания 6 добавив в нее ссылки на предыдущие страницы и вставив изображение. Разработанный HTML документ опубликовать в сети интернет.
| Исходный код |
| … |
| <body style="background:url('/1stlevel.jpg') center;"> |
| <div align=”center”> |
| <font color="#fff"><b>Пример 1</b> - <i>Пример 2</i> - <u>Пример 3</u><br> |
| <font size=”+1”>Пример 4</font> - <font size=”+2”>Пример 5</font> - Пример 6</font> |
| <left> |
| <img src="http://www.stalkermods.ru/Help.png" border="0" /><br> <>/>src="http://mydovak.in/3145121374b0d00a7d018eaa0244aecf.gif" border="0" title="Вся вселенная TES тут! Файлы, ПАТЧИ, моды, СКРИПТЫ, шаблоны, графика, скрины и новости! MyDovak.in - это ТВОЙ мир." /></a> |
| <a href=" http://www.stalkermods.ru/"><img src="hoho.jpg"></a><br> |
| <a href=" http://www.stalkermods.ru/"><img src="Go на сайт;)"></a><br> |
| </left> |
| </div> |
| </body> |
| … |
| Вид отображения на экране |
Задание 8:
С учетом тегов задания списков модифицируйте страницу предыдущего задания, изменив способ отображения тестовой информации. Разработанный HTML документ опубликовать в сети интернет.
Поиск по сайту: