Вопросы к тесту

Что такое HTML? Сколько пар обязательных тэгов Вам известно? Между какими тэгами находится название документа? Какая пара тэгов определяет абзац в документе? Заголовок второго уровня, выравненный по правому краю, задается тегом: Как правильно на англ. Языке записываются теги выравнивания по правому, левому краям, по центру, по ширине: Отсутствие в тэгах заголовка или абзаца параметра align приводит к выравниванию текста по: Какие непарные теги вы знаете Горизонтальная линия шириной 50%, толщиной 2 пиксела, нерельефная, синего цвета задается тегом Для чего нужны в html? Какие 2 вида (способа) форматирования текста в html-документе вам известны? Какие тэги надо применить, для получения перечеркнутого полужирного текста? Как выглядит фрагмент кода, дающего курсивный и подчеркнутый текст: Какие тэги сдвигают текст относительно основного уровня строки (надстрочный и подстрочный)? К какому тэгу форматирования принадлежат параметры face, color и size? Что произойдет, если шрифт, указанный в параметре face не установлен на компьютере? Какие тэги при разных назначениях одинаково (курсивом) отображают текст? Что пороизойдет, если тэг окажется не закрытым? Если вам необходимо вывести на страницу моноширинный текст вы это сделаете при помощи тэгов: Интерпретируйте следующий фрагмент кода:
Веселый HTML Что такое гипертекст? Укажите составные части всякой ссылки? Для организации ссылки c документа index. htm на документ book. htm, расположенных в одном каталоге, необходимо написать строку: Какой вид имеет обычная гиперссылка (без наложенных на нее стилей)? Что произойдет, если файл на который вы ссылаетесь отсутствует? Как правильно сослаться из файла index. htm, расположенного в корне, на файл risunki. htm, расположенный в папке image, которая вложена в папку shedevr? В каких случаях целесообразно применять внутренние ссылки? Для того, чтобы из раздела "Печать" сделать внутреннюю ссылку на раздел "Издания"(анкер-izdan) надо: Поясните смысл следуюшего фрагмента: Заключение Как сделать ссылку на почтовый ящик *****@***ru Что определяет параметр bgcolor? Какие системы счисления используются для представления цветов в HTML? Какой цвет представлен записью blue? Какой вид имеет html-страница без присутствия параметров тэга body? Отметьте верно указанную тройку атрибутов параметров тэга body? Каким параметром задается цвет просмотренной ссылки? Сколько параметров тэга body, задающих границы полей html-документа вам известно Какой параметр тэга body позволяет ставить в качестве фона документа - изображение? Каким тегом задается нумерованный и маркированный список? Как изменить тип маркера на закрашенный квадрат? Как осуществить объединение ячеек таблицы по вертикали? По горизонтали?

Тест по теме «Язык HTML »

Инструкция по выполнению работы

Тест состоит из 14 вопросов. Вопросы с №1 по №13 представляют собой задания с кратким ответом, вопрос № 14 содержит задание с открытым ответом.

На выполнение теста отводится 40 минут.

При выполнении заданий нельзя пользоваться компьютером, справочной литературой.

Ответы к заданиям 1-13 следует отметить галочкой на выданной вам карточке.

При выполнении заданий можно пользоваться черновиком.

Желаю удачи!

1.Web-страница (документ HTML) представляет собой:

Текстовый файл с расширением txt или doc

Текстовый файл с расширением htm или html

Двоичный файл с расширением com или exe

Графический файл с расширением gif или jpg

  1. 2.Выберите правильный способ создания ссылки?

3.Программа для просмотра гипертекстовых страниц называется:

Протокол

5.Значение атрибута align не может быть

  1. 6.С помощью какого тега задается таблица?
  1. 7.Какой тег нужно добавить для переноса строки
  1. 8.Выберите четверку правильно написанных параметров выравнивания:

justyfy,centre,right,left

center,left,riht,justify

right,centre,justify,left

left,center,justify,right

9.Какая из нижеприведённых структур HTML документа является верной

10.С помощью каких атрибутов можно задать «длину и высоту» элемента рисунка

Все варианты неверны

  1. 11.Что произойдет, если тэг FONT size=5 окажется не закрытым?

На весь последующий текст распространится действие данного тэга

Ничего не произойдет - этот тэг не парный

Весь последующий текст отобразиться красным цветом и будет большего размера

  1. 12.Выберите теги для работы с таблицами?

13.В каком коде абзац "Системы счисления" выровнен по центру

Системы счисления

<р align = "center"> Системы счисления

Системы счисления

14.Сколько столбцов в данном шаблоне?

Ответы к тесту

рыцарь со стволом 19 сентября 2012 в 11:16

Ошибки, которых следует избегать при написании HTML кода

Все, кто каждый день работает с HTML должны быть очень внимательны, так как соблюдать все правила HTML не так просто. Это очень важно, так как валидатор HTML находит все, даже незначительные, огрехи, и вы получаете код страницы с ошибками. Сегодня мы постараемся обратить внимание на наиболее распространенные из них. Уверен, что предложенные рекомендации будут очень полезны многим, а в особенности начинающим, разработчикам. Итак, добро пожаловать под

Неправильная вложенность HTML тегов

Очень важно правильно закрывать все HTML теги. Они должны закрываться в обратном порядке по сравнению с тем, как были открыты. Большинство новичков не уделяет этому должного внимания. Если теги закрыты в неправильном порядке, то вы получите ошибки при валидации, а некоторые стили могут быть не использованы. Будьте внимательны!

Ошибка

Ваш текст

Привильно

Ваш текст

Использование блочных элементов внутри строчных

Все, кто хоть немного использовал HTML на практике знаю, что элемент может отображаться или в качестве блока или же как строка. Блочные элементы включая абзацы и разделы должны содержать строчные. Это логичная струтура документа, так что убедитесь, что ваш код соответствует ей.

Популярные строчные элементы: , , ,
Популярные блочные элементы:

,

…

,

,

    ,
      , ,

      Ошибка

      Ошибка

      Привильно

      По стандарту

      Неправильное использование списков

      Тэги OL и UL могут быть использованы для отображения элементов списка множеством способов. Так же вы получите массу дополнительных преимуществ. Теги списков очень помагают форматировать информацию для ее корректного отображения. Я рекомендую вам отказаться от использования кавычек при создании списков. Поисковые системы так же хорошо относятся к использованию списков, так как это помогает структурировать информацию на странице. Пользуйтесь стандартными тегами вместо хаков.

      Использование стилей в коде

      Вы наверняка уже слышали, что использование стилей в коде это плохо. Вы не задумывались, почему это так? Причина в том, что CSS и семантический HTML задуманы именно для отделения контента от его оформления. Такая модель обеспечивает гораздо большую гибкость и удобство работы с документами.

      Ошибка

      Ваш замечательный текст

      Игнорирование тегов заголовков

      Теги заголовков предназначены для того, что бы выделить заголовки в отдельный раздел на странице. Стандарт предполагает использовать для этого теги от

      до

      . Оформление и расположение текста в них может быть любым, но пусть документ будет структурирован верно!

      Ошибка Ваш замечательный заголовок

      Текст вашей статьи.

      Привильно

      Ваш замечательный заголовок

      Текст вашей статьи.

      Неправильное использование тега FORM

      Мы все часто ошибаемся создавая формы и таблицы в HTML. Помните, что таблицу нужно создавать уже внутри формы!

      Ошибка

      ...
      Привильно
      ...

      Неиспользование аттрибута ALT

      При работе с изображениями вы должны использовать аттрибут ALT. Это необходимо, так как пользователи смогут определить, что же должно быть на месте изображения, даже если используют очень медленное подключение. Это значение должно описывать суть используемого изображения. Никогда не используйте alt=«картинка». Если же изображение выполняет чисто декоративные функции, то используйте alt="*" .

      Ошибка Привильно

      Неправильные теги для выделения жирным или курсивом

      Не смотря на то, что и в большинстве случаев отлично справляются со своими задачами, использование стилей для оформления текста позволяет получить гораздо большую гибкость оформления. Если же тег должен просто подчеркивать значение определенной части текста, то используйте тэги и .

      Бесполезное использование переноса строки

      Тег
      может использоваться один раз в строке для того, что бы следующее предложение началось на следующей строчке. Многие используют этот тэг для того, что бы создать расстояние между элементами. Это использование не соответствует стандартам.

      Ошибка Первый абзац.


      Продолжение текста. Привильно

      Первый абзац.

      Продолжение текста.

      Теги: HTML, ошибки

      ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ Белгородский государственный технологический университет им. В. Г. Шухова

      С.П. Гавриловская, Р.А. Мясоедов, А.И. Рыбакова

      ИНТЕРНЕТ-ТЕХНОЛОГИИ

      Методические указания к выполнению расчетно-графического задания

      для студентов экономических направлений

      Белгород

      Лабораторная работа № 1 Структура HTML документа.

      Форматирование HTML документа.....................................................

      Лабораторная работа № 2 Списки простые и вложенные.

      Создание HTML–таблиц.......................................................................

      Лабораторная работа № 3 Создание гиперссылок.

      Работа с графикой в HTML-документах..........................................

      Лабораторная работа № 4 Технология CSS.

      Проектирование оформления web-сайта............................................

      Лабораторная работа № 5 Создание интерактивных

      HTML-документов..............................................................................

      ЛАБОРАТОРНАЯ РАБОТА № 1 СТРУКТУРА HTML ДОКУМЕНТА.

      ФОРМАТИРОВАНИЕ HTML ДОКУМЕНТА

      Цель работы: создание и тестирование HTML-файла. Понятие о контейнерах, парных и непарных тегах и элементах.

      HyperText Markup Language (HTML) является стандартным языком,

      предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-браузеров. Когда документ создан с использованием HTML, WEBбраузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

      HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. HTML-документы размещаются на Веб-узлах.

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

      Создаваемые на веб-сервере поставщика услуг Интернета. Создаваемые в интрасети как веб-узлы группы.

      Последовательность создания проекта

      Процесс создания проекта состоит из нескольких этапов.

      На первом этапе , прежде чем приступить к созданию проекта, следует определиться с его функциональным назначением и тематической направленностью информационного материала.

      На втором этапе обычно проводится декомпозиция общей темы на тематические подразделы и отдельные статьи с определением связей между ними. Результатом такой декомпозиции является создание структуры проекта.

      Структура HTML-документа

      Документы HTML могут иметь различную структуру, включающую различные элементы, но все они должны содержать два обязательных элемента:

      Раздел заголовка страницы – head .

      Тело документа – body .

      Раздел заголовка служит для описания общих свойств страницы, таких, как заголовок (имя) страницы, который будет отображаться в строке имени окна браузера, meta -указаний и описания таблиц стилей. meta – указания служат для задания параметров, которые необходимы для поисковых систем.

      В HTML только одно понятие – это ТЕГ (от англ. tag ). Тэг – это комбинация символов между асимметричными знаками "<" и ">".

      Существуют две основных разновидности тэгов:

      Парные тэги – требуют наличия закрывающего тэга. Открывающий и закрывающий тэги образуют контейнер, внутри которого находится информация.

      Примеры: < b >…, < p >…

      Непарные тэги – не имеют закрывающего тэга.

      Примеры: < img />, < hr/ >, < br/ >.

      Параметры тэга задаются только для открывающего парного и непарного тэга. Они располагаются внутри тела тэга и окружаются пробелами. Каждый тэг имеет свой набор параметров. Порядок перечисления нескольких параметров внутри тэга может быть произвольным. Наличие кавычек при задании значения параметра обязательно.

      Комментарии предназначены для пояснения назначения фрагментов HTML-кода и оформляются так: и могут занимать несколько строк.

      Тэги могут вкладываться друг в друга. В этом случае важно соблюдать последовательность открытия и закрытия: <тэг1><тэг2><тэг3>текст

      Структура HTML-документа выглядит следующим образом:

      Заголовок документа

      Тело документа

      Тег является признаком того, что данный файл содержит документ HTML. С него начинаются все web-документы, и, обнаружив

      Теги ограничивают раздел заголовков документа. Этот раздел не включает собственно документа. В него входят только теги (причем специально предназначенные для этого раздела), которые относятся к документу в целом. В этот же раздел входит заголовок документа, который задается при помощи тега . Текст, помещенный между тегами <title> и , выводится в строке заголовка программы-браузера. Тэги, находящиеся внутри раздела head (кроме названия документа, описываемого с помощью тэга ), не отображаются на экране.</p> <p>Тег <body> задает основную часть документа - его "тело". Информация, размещенная между тегами <body> и </body>, выводится</p> <p>в <span>окне браузера и представляет собой содержание </span>web-страницы.</p> <p>С помощью тэга < font> можно задавать цвет и размер текста. Цвет текста задается атрибутом color, а размер - атрибутом size. Например: </p> <p>Заголовки</p> <p>Любая web-страница может состоять из частей, части-из глав, главы-из параграфов и так далее. Такая иерархическая структура состоит из нескольких уровней, причем каждый из уровней имеет собственные заголовки. Размеры шрифта, которым отображаются заголовки разных уровней, могут быть разными. Сделать это очень просто с помощью парных тегов <h1>...<h6>. Самый крупный шрифт заголовка задается тегами <h1> и </h1>. Например:</p> <p><h1> Часть 1. </h1> <h2> Глава 1. </h2></p> <p>Заголовок третьего уровня, которому соответствует тег <h3>, уже очень близок к нормальному (обычному) шрифту. Теги <h4>, <h5>, <h6> создают мелкие заголовки.</p> <p>Заголовки можно располагать по центру экрана, а можно и относить их к краю страницы (правому или левому). Для того чтобы это сделать, применяют атрибут align=" " внутри тега заголовка. Например:</p> <p><h1 align="center"> Выравнивание по центру </h1> <h2 align="left"> Выравнивание по левому краю. </h2></p> <p>1. <span>Ознакомиться с теоретическим материалом. </p> <p>2. <span>Загрузить программу Блокнот. </p> <p>3. Создайте HTML-документ, который в окне браузера отображается, как показано на рис.1.</p> <p>Рис. 1. Пример создание HTML файла с использованием простых тегов</p> <p>Листинг документа</p> <p><!-- Строка заголовка --></p> <p><title>Моя персональная страничка

      ПРИВЕТ! Это моя личная домашняя страничка! Меня зовут
      (Укажите свою фамилию, имя и отчество).

      Мой город

      Я живу в Белгороде

      Моя группа

      Я учусь в ……

      Мои увлечения

      Мои увлечения музыка, спорт.

      Мои друзья

      Мои друзья во всем мне помогают.

      5. Открыть файл в окне браузера и, если есть недостатки, устранить

      6. Выполнить задание.

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

      Контрольные вопросы

      1. Какие вы знаете типы HTML-тэгов?

      2. Перечислите теги, наиболее часто используемые в заголовке Webстраницы.

      3. Как изменить стиль выравнивания в открывающем теге абзаца?

      4. С помощью какого тега можно установить заголовки всех шести уровней?

      5. Что можно создать при помощи тега title?

      6. Какие тэги надо применить, для получения перечеркнутого полужирного текста?

      7. Поясните следующий фрагмент кода Веселый HTML

      8. Что произойдет, если тэг окажется не закрытым?

      ЛАБОРАТОРНАЯ РАБОТА № 2 СПИСКИ ПРОСТЫЕ И ВЛОЖЕННЫЕ. СОЗДАНИЕ HTML–ТАБЛИЦ

      Цель работы: с оздание и тестирование HTML-файла. Создание списков. Вставка таблиц и их структура. Макетирование страниц с помощью таблиц.

      Краткие теоретические сведения

      Существует три основных вида списков в HTML-документе: нумерованный маркированный список определений

      Мы можем создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тэгов (стартовый и завершающий)

      внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка – зависит от браузера. Более подробно смотри в разделе "Вложенные списки".

      Нумерованные списки

      В нумерованном списке браузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов нумерованного списка, то остальные номера автоматически будут пересчитаны.

      Нумерованный список начинается стартовым тэгом

        и завершается тэгом
    1. . Например:

    2. Программирование
    3. Алгоритмизация
    4. Проектирование

    1. Программирование

    2. Алгоритмизация

    3. Проектирование

    Тэг

      может иметь параметры:

        где: type – Вид счетчика:

        A – большие латинские буквы (A,B,C...) a – маленькие латинские буквы (a,b,c...) I – большие римские цифры (I,II,III...) i – маленькие римские цифры (i,ii,iii...) 1 – обычные цифры (1,2,3...)

        start="n" –Число, с которого начинается отсчет Например:

        1. Программирование
        2. Алгоритмизация
        3. Проектирование

        XV. Программирование

        XVI. Алгоритмизация

        XVII. Проектирование

        Маркированные списки.

        Для маркированных списков браузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь браузера.

        Маркированный список начинается стартовым тэгом

          и завершается тэгом
        . Каждый элемент списка начинается с тэга
      1. . Например:

      2. Программирование
      3. Алгоритмизация
      4. Проектирование

Программирование

Алгоритмизация

Проектирование

Тэг

    может иметь параметр:

      Тип тэга

        определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square). Например:

        • Программирование
        • Алгоритмизация
        • Проектирование

        Программирование

         Алгоритмизация

         Проектирование

        Списки определений.

        < dl>… - парный тэг – отображает списки определений.

        Конструкция:

        Термин

        Определение термина

        С тэгом

        можно использовать атрибут compact для установки более компактного размещения пунктов списка.

        Конструкция:

        Термин

        Определение термина

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

        Основные тэги таблицы Таблица:

        ...

        Это основные тэги, описывающие таблицу. Все элементы таблицы должны находиться внутри этих двух тэгов. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом border.

        Строка таблицы: ...

        Количество строк таблицы определяется количеством встречающихся пар тэгов ... Строки могут иметь атрибуты align и valign, которые описывают визуальное положение содержимого строк в таблице.

        Ячейка таблицы: ...

        Описывает стандартную ячейку таблицы. Ячейка таблицы может быть описана только внутри строки таблицы. Каждая ячейка должна быть пронумерована номером колонки, для которой она описывается. Если в строке отсутствует одна или несколько ячеек для некоторых колонок, то браузер отображает пустую ячейку. Расположение данных в ячейке по умолчанию определяется атрибутами align="left" и valign="middle". Данное расположение может быть исправлено как на уровне описания строки, так и на уровне описания ячейки.

        Любая ячейка таблицы может быть определена не тегами

        …, а тегами … - Table Header (заголовок таблицы). th

        представляет собой обычную ячейку, но текст внутри этих тэгов будет выделен полужирным шрифтом и отцентрирован.

        Подпись: ...

        Данный тэг описывает название таблицы (подпись). Тэг должен присутствовать внутри

        ...
        , но снаружи описания какой-либо строки или ячейки. По умолчанию имеет атрибут align="top", но может быть явно установлен в align="bottom". align

        определяет, где сверху или снизу таблицы будет поставлена подпись. Подпись всегда центрирована в рамках ширины таблицы.

        Основные атрибуты таблицы border

        Данный атрибут используется в тэге table. Если данный атрибут присутствует, граница таблицы прорисовывается для всех ячеек и для таблицы в целом. border может принимать числовое значение, определяющее ширину границы, например border="3".