…

,

,

,
, ,

Ошибка

Ошибка

Привильно

По стандарту

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

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

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

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

Ошибка

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

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

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

до

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

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

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

Привильно

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

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

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

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

Ошибка

...

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

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

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

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

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

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

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

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

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


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

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

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

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

Тест по теме «Язык 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.Сколько столбцов в данном шаблоне?

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

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

Что такое 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 позволяет ставить в качестве фона документа - изображение? Каким тегом задается нумерованный и маркированный список? Как изменить тип маркера на закрашенный квадрат? Как осуществить объединение ячеек таблицы по вертикали? По горизонтали?

Браузер	Internet Explorer			Netscape			Opera			Safari	Mozilla	Firefox
Версия	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

Описание

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

Синтаксис

Текст

Закрывающий тег

Обязателен.

Параметры

color Устанавливает цвет текста. face Определяет гарнитуру шрифта. size Задает размер шрифта в условных единицах.

Пример 1. Использование тега










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





Описание параметров тега

Параметр COLOR

Описание

Устанавливает цвет текста внутри контейнера .

Синтаксис

...

Аргументы

Значение цвета можно задавать двумя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов - красный, зеленый и синий - может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних - зеленую, а два последних - синюю.

Аналог CSS

Значение по умолчанию

Цвет, установленный в браузере по умолчанию.

Параметр FACE

Описание

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

Синтаксис

...

Аргументы

Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:
serif - шрифты с засечками (антиквенные), типа Times;
sans-serif - рубленные шрифты (шрифты без засечек или гротески), типичный представитель - Arial;
cursive - курсивные шрифты;
fantasy - декоративные шрифты;
monospace - моноширинные шрифты, ширина каждого символа в таком семействе одинакова.

Аналог CSS

Значение по умолчанию

Шрифт, установленный в браузере по умолчанию.

Параметр SIZE

Описание

Ззадает размер шрифта в условных единицах от 1 до 7. Средний размер, используемый по умолчанию принят 3. Размер шрифта можно указывать как абсолютной величиной (например, size="4" ), так и относительной (например, size="+1" , size="-1" ). В последнем случае размер изменяется относительно базового. На размер шрифта влияет не только заданный параметр size , но и выбор гарнитуры шрифта. Так, шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров.

Синтаксис

...

Аргументы

Целое число от 1 до 7 или изменение значения в большую или меньшую сторону с помощью символов + и -.