Создание WEB-страниц. Язык HTML

Получение представления о языке HTML, простых приемах создания WEB-страниц. Разработка WEB-страницы по заданию. Получение подробной информации. Разработка навыков формирования гиперссылок на смежные документы Internet. Проставление меток в документе.

Рубрика Программирование, компьютеры и кибернетика
Вид лабораторная работа
Язык русский
Дата добавления 23.05.2016
Размер файла 14,4 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Министерство образования и науки Российской Федерации Федеральное государственное бюджетное образовательное учреждение высшего образования

"Московский Авиационный Институт

Отчет

по лабораторной работе

на тему: "Создание WEB-страниц. Язык HTML"

Выполнил: Бердибек С.Б.

Байконур 2016 г.

Цель работы: Получить представление о языке HTML, простых приемах создания WEB - страниц и разработать WEB - страницу по заданию. страница гиперссылка метка

Листинг HTML-страниц

1 - страница (Основная)

<HTML>

<HEAD>

<TITLE>Моя семья</TITLE>

</HEAD>

<body bgcolor="#2F4F4F" text="#000000">

<div align="center"

<H1>ФОТОГАЛЕРЕЯ

</H1>

<P>Семья Таймановых!! Добро пожаловать!</P>

<P><IMG SRC="149.jpg"></P>

<H2>Сатбек Бердибек</H2>

<H1>

<P>АНАР ТАЙМАНОВА</P> </H1>

<P><A HREF="2.html"><IMG SRC="вайт.jpg" width="300" height="330" alt="" border="0" align=""></div>

</A></P>

<div align="center"

<P>Для получения подробной информаций нажмите на картинку</P>

<H1><div align="center"

<P>БЕКНУР ТАЙМАНОВ</P> </H1>

<div align="center"

<P><A HREF="3.html"><IMG SRC="айфон.jpg" width="300" height="350" alt="" border="0" align=""></div>

</A></P>

<div align="center"

<P>Для получения подробной информации нажмите на картинку</P>

<H1>

<P>БЕКСУЛТАН БЕРДИБЕК</P> </H1>

<P><A HREF="4.html"><IMG SRC="640-1.jpg" width="350" height="400" alt="" border="0" align=""></div>

</A></P>

<div align="center"

<P>Для получения подробной информации нажмите на картинку</P>

<H1>

<P>АЙКЕН ТАЙМАНОВА</P> </H1>

<P><A HREF="5.html"><IMG SRC="01.jpg" width="350" height="400" alt="" border="0" align=""></div>

</A></P>

<div align="center"

<P>Для получения подробной информации нажмите на картинку</P>

</BODY>

</HTML>

2 - страница (Анар Тайманова)

<HTML>

<HEAD>

<TITLE>Анар Тайманова</TITLE>

</HEAD>

<body bgcolor="#8B8989" text="#000000">

<div align="center"

<H1>АНАР ТАЙМАНОВА</H1>

<P><IMG SRC="вайт.jpg" width="300" height="330" alt="" border="0" align=""></div></P>

<div align="center"

<H2> <P>Директор школы №171 им. Гани Муратбаева </P> </H2>

<div class="props_div">

<li>

<span class="title">Самая отличная мама на Земле:)&nbsp;</span>

<span class="value">100%</span>

</li>

<li>

<span class="title">Муж:&nbsp;</span>

<span class="value">Бабахан Тайманов</span>

</li>

<li>

<span class="title">Дети:&nbsp;</span>

<span class="value">Сатбек Бердибек</span>

</li>

<li>

<span class="title">Дети:&nbsp;</span>

<span class="value">Бекнур Тайманов</span>

</li>

<li>

<span class="title">Дети:&nbsp;</span>

<span class="value">Бексултан Тайманов</span>

</li>

<li>

<span class="title">Дети:&nbsp;</span>

<span class="value">Асылхан Тайманов</span>

</li>

<P><A HREF="1.html"><P>Вернуться</P>

</A></P>

</BODY>

</HTML>

3 - страница (Бекнур Тайманов)

<HTML>

<HEAD>

<TITLE>Бекнур Тайманов</TITLE>

</HEAD>

<body bgcolor="#CDAA7D" text="#000000">

<H1>БЕКНУР ТАЙМАНОВ</H1>

<P><IMG SRC="айфон.jpg" width="300" height="350" alt="" border="0" align=""></div></P>

<H2><P>Спортсмен! Дзюдоист! </P></H2>

<div class="props_div">

<ul class="props">

<li>

<span class="title">Ученик:&nbsp;</span>

<span class="value">11 класс</span>

</li>

<li>

<span class="title">Школа:&nbsp;</span>

<span class="value">15 школа-лицей</span>

</li>

<li>

<span class="title">Категория спорта:&nbsp;</span>

<span class="value">Кандидат мастера спорта</span>

</li>

<P><A HREF="1.html"><P>Вернуться</P>

</A></P>

</BODY>

</HTML>

4 - страница (Бексултан Бердибек)

<HTML>

<HEAD>

<TITLE>Бексултан Бердибек</TITLE>

</HEAD>

<body bgcolor="#8B8386" text="#000000">

<div align="center"

<H1>БЕКСУЛТАН БЕРДИБЕК</H1>

<div align="center"

<P><IMG SRC="640-1.jpg" width="350" height="400" alt="" border="0" align=""></div></P>

<H2><P>Волейболист</P></H2>

<div class="props_div">

<P>Резюме:</P>

<li>

<span class="title">Ученик:&nbsp;</span>

<span class="value">11 класс;</span>

</li>

<li>

<span class="title">Школа:&nbsp;</span>

<span class="value">15 школа-лицей</span>

</li>

<li>

<span class="title">Хобби:&nbsp;</span>

<span class="value">Плавания</span>

</li>

<li>

<span class="title">Рост:&nbsp;</span>

<span class="value">1.83 м</span>

</li>

<li>

<span class="title">Награды:&nbsp;</span>

<span class="value">Много</span>

</li>

<P><A HREF="1.html"><P>Вернуться</P>

</A></P>

</BODY>

</HTML>

5 - страница (Айкен Тайманова)

<HTML>

<HEAD>

<TITLE>Айкен Тайманова</TITLE>

</HEAD>

<body bgcolor="#0000FF" text="#000000">

<div align="center"

<H1>АЙКЕН ТАЙМАНОВА</H1>

<P><IMG SRC="01.jpg" width="350" height="400" alt="" border="0" align=""></div></P>

<P></P>

<div align="center"

<H2><P>Лучшая сестренка в мире!!</P></H2>

<li> <span class="title">Ученица:&nbsp;</span>

<span class="value">5 класс</span>

</li>

<li>

<span class="title">Хобби:&nbsp;</span>

<span class="value">Рисования, настольные игры</span>

</li>

<li>

<span class="title">Школа:&nbsp;</span>

<span class="value">15 школа-лицей</span>

</li>

<P><A HREF="1.html"><P>Вернуться</P>

</A></P>

</BODY>

</HTML>

Вывод: В данной лабораторной работе было получено представление о языке HTML и навыки формирования гиперссылок на смежные документы Internet, на метки в текущем документе и отдельные части элемента IMG, которые связаны со ссылками и позволяют выполнять переходы.

Размещено на Allbest.ru

...

Подобные документы

  • Характеристика принципов создания html-страниц и связывания их ссылками так, чтобы можно было произвольным образом переходить от одной страницы к другой. Применение тегов форматирования текста и заголовка окна. Этапы создания html-страницы с таблицей.

    контрольная работа [16,0 K], добавлен 19.06.2014

  • HTML - это язык, принятый в World Wide Web для создания и публикации веб-страниц. Общие сведения о создании веб-страниц, особенности их оформления. PHP как язык программирования с динамической типизацией, история его создания и возможности использования.

    доклад [18,9 K], добавлен 27.12.2010

  • Основы языка программирования Web-страниц – HTML. Виды информации, которую может содержать Web-страница: текст, графика, звук, анимация и видео. Инструментарий для создания Web-страниц. Основные HTML-редакторы, которые используются для Web-дизайна.

    реферат [374,0 K], добавлен 19.01.2011

  • Основные теги и атрибуты языка HTML. Создание web-сайта, который должен представлять собой несколько связанных между собой страниц. Рассмотрение различных значений атрибутов и тегов на страницах и в других документах. Экранные формы разработанных страниц.

    лабораторная работа [1,2 M], добавлен 16.04.2014

  • Особенности программирования на языке HTML и JavaScript. Основные стили форматирования текста. Анализ основных приемов и методов создания страниц, рисунков, таблиц и гиперссылок. Основные цвета и их коды. Разработка собственного сайта и его презентация.

    курсовая работа [61,3 K], добавлен 29.01.2016

  • Термин HTML (HiperText Markup Language) и его реализация. Программы просмотра страниц написанных на зыке манипулирования гипертекстами. Характеристика специальных программ – браузеров: Google Chrome, Opera, Mozilla Firefox. Структура HTML-страницы.

    контрольная работа [118,8 K], добавлен 05.04.2015

  • Язык разметки гипертекстовых страниц HTML. Обеспечение доступности Web-страницы, представление текста и графики. Основные правила и этапы создания сайта, выбор структуры страницы. Оценка экономической целесообразности использования HTML-редакторов.

    дипломная работа [86,7 K], добавлен 25.03.2013

  • Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.

    методичка [1,9 M], добавлен 06.07.2011

  • Личная подборка Internet-ресурсов учебного назначения. Язык гипертекстовой разметки страниц HTML. Текстовое оформление страниц. Вставка изображений. Нумерованные, маркированные списки. Оформление таблиц. Создание фреймов. Границы и рамки. Стили CSS.

    лабораторная работа [177,3 K], добавлен 23.06.2013

  • Установка начальной (домашней) страницы браузера. Понятие сокета, гиперссылки. Отличие Internet от любой другой компьютерной сети. Способы ускорения загрузки Web-страниц. Виды адресации в Internet. Просмотр страницы в виде программы на языке HTML.

    лабораторная работа [4,0 M], добавлен 05.05.2015

  • Особенности разработки Web-страницы, с использованием Microsoft Word. Алгоритм работы: сохранение документа Word, как веб-страницы; просмотр веб-страницы, создание гиперссылок. Настройка и проверка Web-страницы с помощью программы Internet Explorer.

    контрольная работа [2,4 M], добавлен 03.04.2010

  • Язык разметки гипертекста HTML, основы работы с Delphi. Разработка формата файла базы данных цвета. Методика подбора цвета для WEB-страниц. Изучение и систематизация информации о правилах создания эргономичных интерфейсов (в том числе WEB-интерфейсов).

    курсовая работа [475,8 K], добавлен 17.07.2009

  • Internet - основные функции. Поиск нужной информации. Быстрое открытие любимых страниц (папка Избранное). Добавление к списку избранного. Поиск посещенных Web-узлов. Электронная почта. Сохранение Web-страниц.

    реферат [25,7 K], добавлен 12.06.2007

  • Разработки британского учёного Тима Бернерсом-Ли. HTML как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. Структура HTML-документов и основные теги на языке HTML.

    курсовая работа [820,3 K], добавлен 03.03.2011

  • Язык маркировки гипертекстов HTML, основа создания web-страниц. История спецификаций, каскадные таблицы стилей CSS. Способы определения таблиц стилей (стилевого шаблона). Язык подготовки сценариев JavaScript, его использование. Программный код web сайта.

    курсовая работа [26,9 K], добавлен 05.07.2009

  • Методы и способы представления на web-страницах различных видов информации, не препятствующие их доступности. Этапы разработки web-сайта. Общие представления о языке HTML. Внешний вид страниц. Оценка трудоемкости и сроков разработки программного продукта.

    дипломная работа [2,9 M], добавлен 13.04.2014

  • Понятие интеллектуального пространства, объекты изучения в онтологии. Разработка Web-сайта на тему "Онтологии в информатике". Описание логической и физической структуры сайта, шаблон дизайна его страниц, тестирование. Исходный текст шаблона html-страницы.

    курсовая работа [4,7 M], добавлен 14.07.2012

  • Современные Интернет-технологии, Web-дизайн и браузеры. Язык разметки гипертекстовых страниц HTML. Представление текста и графики на Web-страницах. Правила и этапы создания сайта. Влияние дисплеев на Web-дизайн. Сравнительный анализ HTML-редакторов.

    дипломная работа [3,3 M], добавлен 21.06.2013

  • Изучение методики и технологий создания гипертекстовых справочных систем - электронных справочников, в которых хорошо реализована система навигации и поиска. Способы создания Web-страниц и применение языка HTML. Технология создания динамических страниц.

    презентация [144,4 K], добавлен 01.01.2011

  • Стандартный язык разметки HTML позволяет легко и быстро создавать Web-страницы, передаваемые по сети Интернет. Языки сценариев. Создание и размещение собственных WEB-страниц. Процесс пересылки информации из одной части мира в другую. Принцип работы Сети.

    реферат [316,6 K], добавлен 15.04.2009

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.