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

Простейшие примеры работы с HTML

Читайте также:
  1. A. Минимальный запас для одной ТТ на один день работы - не менее 50 бутылок
  2. A. Учебно-методическое обеспечение самостоятельной работы студентов
  3. I Тип Простейшие. Характеристика. Классификация.
  4. I. Задания для самостоятельной работы
  5. I. Задания для самостоятельной работы
  6. II. Время начала и окончания работы
  7. II. Порядок формирования экспертных групп, организация экспертизы заявленных на Конкурс проектов и регламент работы Конкурсной комиссии
  8. II. Примеры, подтверждающие милость, явленную в Пророке, да благословит его Аллах и да приветствует.
  9. II. СТРУКТУРА КВАЛИФИКАЦИОННОЙ РАБОТЫ
  10. III. Задания для работы в малых группах.
  11. III. Задания для самостоятельной работы
  12. III. ОФОРМЛЕНИЕ КВАЛИФИКАЦИОННОЙ РАБОТЫ

 

Задание 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 документ опубликовать в сети интернет.

 


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



Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.006 сек.)