Основы языка HTMLИнтернет стал популярен с появления сервиса WWW, используя который человек мог перемещаться между документами, связанными друг с другом гиперссылками. Документы могли содержать текст и графику, чуть позже появилась возможность вставлять мультимедийную информацию. Страницы писались на языке HTML. Практическая работа Структура документа HTML. Структура каталога содержащего сайт. Таблицы очень важный элемент webстраниц, они выполняют две функции. Угриновича Информационные технологии 1011. Создание webстраницы The Beatles Предварительная подготовка Задание. ЯЗЫКА РАЗМЕТКИ ГИПЕРТЕКСТА HTML Лабораторная работа. Лабораторная Работа Основы Языка Html Веб Сайт 10 Страниц' title='Лабораторная Работа Основы Языка Html Веб Сайт 10 Страниц' />Страницы писались на языке HTML. Это очень простой язык, изначально он предназначался для логической разметки текстового документа выделения в нем заголовков, основного текста, создания гиперссылок. Языку HTML посвящено бесчисленное количество публикаций, материалов в сети интернет, поэтому изложение в данном пособии будет кратким. Подробную информацию о тегах, их параметрах вы можете найти в справочниках. Я обращаю ваше внимание на несколько важных моментов 1. Все создаваемые вами файлы должны иметь только латинские имена, без использования символов пробелов и спецсимволов. RroxUL1NTfG6EzYdiu2v9CnXBchl0HmVk8eQDS/slide-17.jpg' alt='Лабораторная Работа Основы Языка Html Веб Сайт 10 Страниц' title='Лабораторная Работа Основы Языка Html Веб Сайт 10 Страниц' />Раскрыты основы языка. Лабораторная работа. Просмотрите сохраненную Webстраницу. Составьте запросы в www. Решебник По Французскому Языку 2 Класс Гусева. Разработка простой WEBстраницы на языке HTML. Практическая работа. Вебстраница это текстовый файл, написанный на языке HTML. Сайт это совокупность объединенных общим содержанием вебстраниц. Найдите 810 изображений и 56 Вебстраниц, сохраните в заранее созданной папке. Цель работы изучить основные теги языка HTML, получить первоначальные навыки создания структуры webстраниц средствами языка HTML. Элективный курс Ты на просторах Internet или основы Webдизайна предназначен для изучения в 10м классе в рамках. Практическая работа Создание Webсайта с фреймовой структурой. Дальнейшие задания лабораторной работы будут ссылаться на. Для организации такого режима работы в языке HTML введено средство гиперссылка см. Основные теги форматирования и компоновки текста. Файлы должны иметь расширения htm или html. Так же я советую НЕ использовать заглавные символы в названии файлов. В операционной системе Windows это замечание не важно, но привычка поможет вам в дальнейшем избежать проблем при переносе ваших проектов на удаленный сервер. Все файлы, относящиеся к одному проекту html файлы, графика, flash ролики должны располагаться в одном каталоге. Лабораторная Работа Основы Языка Html Веб Сайт 10 Страниц' title='Лабораторная Работа Основы Языка Html Веб Сайт 10 Страниц' />Вся работа будет происходить в двух программах выбранный вами текстовый редактор и программа браузер. Один и тот же документ я открываю сразу в двух программах, внеся и сохранив изменения в редакторе, я обновляю страницу в браузере нажатие клавиши F5. Это позволяет увидеть, как страница выглядит в окне браузера. Структура документа HTMLЛюбой html документ включает в себя обычный текст и html код. Ниже представлен пример кода Листинг. Большинство тегов парные, например, lt title. Закрывающий тег начинается с символа слэш. Парные теги выделяют текстовый блок и придают ему на странице некоторый статус, например, теги lt h. Каждый параметр представлен в виде пары имя. Все параметры располагаются в открывающем теге. Если параметров несколько, то они отделяются пробелами и их порядок не имеет значения. Информация, располагаемая между тегами lt head. Сохраните его в отдельной папке под именем 1. Измените регистр символов в набранных тегах, lt h. H1. Сохраните изменения, обновите страницу в браузере. Что изменилось В текст, находящийся между тегами lt p. Сохраните изменения, обновите страницу в браузере. Что изменилось В документ добавьте произвольные разрывы строк в произвольных местах нажмите на клавишу Enter. Сохраните изменения, обновите страницу в браузере. Что изменилось Добавьте в текст произвольный, несуществующий парный тег. Сохраните изменения, обновите страницу в браузере. Что изменилось Удалите все теги в разделе lt body. Сохраните изменения, обновите страницу в браузере. Что изменилось Сделайте выводы. Теги логической разметки, гиперссылки. Изначально язык html разрабатывался не для оформления страниц, а для их логической разметки. Очень важно понимать эту особенность языка. Если мы посмотрим на страницу с научной статьей, то мы увидим в ней следующие элементы заголовки, подзаголовки, основной текст, в котором встречаются различные выделения, цитаты и т. К этому набору язык HTML добавляет еще гиперссылки. Давайте рассмотрим основные теги, придающие тексту, заключенному в них, определенный вес. Заголовки могут быть, начиная от первого, самого значимого, до шестого уровня. Хотя на практике в одном документе столько типов подзаголовков практически не встречается. Пример использования данного атрибута lt p align. Иногда полужирное начертание выделяется с помощью парного тега lt strong. Рассмотрим в чем его особенность. Если мы хотим поместить на страницу стихотворение, то нам неудобно использовать для этого тег lt p, так как браузер проигнорирует все переносы в стихотворении и расположит весь текст одной строкой. А вот тег lt pre все разрывы строк, все пробелы сохранит без изменения. Существует еще несколько тегов, выделяющих текст в различные блоки цитаты, программный код, но самые распространенные мы рассмотрели. Во всех случаях совершенно неизвестно, какого размера будет текст на экране компьютера, за это в браузере отвечает команда Вид Размер шрифта. Неизвестно, сколько строк на экране компьютера будет занимать каждый абзац, это зависит от разрешения вашего монитора и от того, какого размера окно браузера, открывшего ваш документ. Повторюсь еще раз, HTML не отвечает за оформление текста, а только за его вес в документе. Вы можете возразить, а как же парный тег lt font и его многочисленные параметры, позволяющие задавать размер, цвет, шрифт текста Вот пример использования этого тега lt font size. А также известно, что применять его нужно только в крайних случаях. Если вы начнете разукрашивать свой документ с его помощью, то любые последующие изменения страницы будут очень трудоемкими. Представьте, что вы оформили с помощью этого тега все заголовки в документе. Если вы захотите сделать все заголовки поменьше, то потребуется вручную изменить все места, где вы использовали тег lt font. К оформлению текста мы вернемся в главе, посвященной CSS каскадным таблицам стиля, а пока я советую удовлетвориться возможностями, которые нам предлагает классический HTML. Впрочем, нет некоторые украшательства мы научимся делать прямо сейчас. Для тега lt body используется ряд параметров, определяющих цветовое решение вашей страницы. Вот пример такого использования lt BODY bgcolor. Так как запомнить названия для цветов непросто, то для кодирования цвета используется шестнадцатеричная запись в формате RRGGBB. То есть первые две цифры указывают красную составляющую, вторые две цифры зеленую, а последние две синюю составляющую. Пугаться шестнадцатеричного кода не нужно. В профессиональных редакторах, например, Adobe Photo. Shop вы можете получать этот код автоматически рисунок 5. Выбор цвета в Adobe Photo. Shop. Его шестнадцатеричное представление. Таким образом, приведенный выше пример можно переписать следующим образом lt BODY bgcolor. Синтаксис тега следующий lt a href. Они отличаются тем, как представлен адрес. Рассмотрим каждый тип подробней. Абсолютные ссылки используются в том случае, если мы хотим перейти на документ, адрес которого неизменен. Это, прежде всего, ссылки на внешние интернет ресурсы. Например, данный фрагмент lt a href. Именно такие ссылки пытаются создать визуальные редакторы. И на вашем локальном компьютере все будет работать правильно, но когда вы перенесете ваш документ на удаленный сервер, там уже не окажется ни диска D ни каталога Document и мы получим мертвую ссылку. Для внутренних ресурсов необходимо использовать относительные ссылки. В них дорога к искомому документу считается относительно от того места, где вы сейчас находитесь. Рассмотрим это на примере. Пусть наш сайт содержится в некотором каталоге, имеющим следующую структуру Рис. Структура каталога содержащего сайт. Предположим, мы в данный момент находимся на странице 1. Для того, чтобы с нее перейти на страницу 2. Я думаю, что ссылка lt a href. Это особенно актуально, если ваша страница длинная, состоит из нескольких разделов. Для таких перемещений вам, во первых, нужно создать внутри html документа именованные якоря точки, куда нужно совершить прыжок. Схема внутренних ссылок. Они помечаются следующим фрагментом кода lt a name. Имя якоря, то, что находится в кавычках, может быть произвольным набором символов, но, разумеется, это имя должно быть уникальным на данной странице. Этот фрагмент нужно поместить перед тем абзацем, куда нужно совершить переход. Теперь, чтобы совершить переход в произвольном месте страницы, нам нужно добавить следующую ссылку lt a href.