Введение в веб-разработку с HTML, CSS, JavaScript

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

Страница вообще не отобразится.

Вопрос 6

Браузеры ВСЕГДА интерпретируют HTML последовательно, сверху вниз.

Истина

Ложь

Вопрос 7

Определите недопустимый фрагмент кода HTML ниже

1.

Hey there!

I am just a lonely quiz answer. Will you click me? I am bored!

2.

The sale numbers are in…

3.

Wow!

You're ignoring all the other answers just to

look at me?! I AM special!

…

Wait! Where are you going?

What if I AM the answer you've been searching for???!

Вопрос 8

Метатеги передают информацию о браузере на сервер.

Истина

Ложь

Вопрос 9

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

Dear all,

I took this really cool book

I think it's

my favorite book I've EVER taken!

Here is the URL for it:

about HTML, CSS and JS

Does anyone know how I can give this book 6

out of 5 stars?

Thank you,

–Yaakov.... !

Вопрос 10

Используя только HTML, как бы вы удостоверились, что 3 слова в HTML-документе ВСЕГДА появляются вместе в 1 строке, даже если текст переносится по словам, потому что окно браузера слишком узкое для этой текстовой строки?

Невозможно выполнить только с помощью HTML!

Поместите &nowrap перед 1-м словом и после 3-го слова

Поместите   после 1-го слова и после 2-го слова (без пробелов)

Поместите   перед 1-м словом и после 3-го слова

Вопрос 11

Как заставить браузер открывать ссылку в новом окне или вкладке?

Укажите несколько специальных метатегов как часть страницы

Попросите пользователя щелкнуть ссылку правой кнопкой мыши и выбрать «Открыть в новой вкладке».

Включить атрибут target='_blank' как часть тега

Включите атрибут target="new" как часть тега

Вопрос 12

Несмотря на то, что атрибуты ширины и высоты тега img не требуются, всегда полезно их использовать.

Истина

Ложь

Введение в CSS

Мы уже говорили о том, что в Интернете главное – контент. И мы говорили о том, что HTML определяет структуру этого контента.

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

И использование цвета, позиционирования, размера и прочего является частью этого оформления.

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

В качестве примера можно посмотреть сайт csszengarden.com, где один и тот же HTML файл с помощью CSS выглядит фантастически по-разному.

CSS или каскадные таблицы стилей работают следующим образом, они связывают определенные правила с элементами HTML.

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

И хотя стилизация всей веб-страницы может быть довольно сложным процессом, определить простое правило CSS довольно просто.

Правило CSS состоит из селектора, в данном случае это p, тэг абзаца, и это говорит о том, что это правило должно применяться к содержимому каждого тэга абзаца на всей HTML-странице.

За селектором следуют открывающие и закрывающие фигурные скобки. И внутри этих фигурных скобок у нас есть объявление CSS, которое состоит из двух частей, свойства и значения.

Имя свойства предопределено спецификацией CSS, и для каждого свойства существует определенное количество предопределенных значений.

Каждое свойство отделяется от значения двоеточием и заканчивается точкой с запятой.

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

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

Теперь, набор этих правил CSS называется таблицей стилей.

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

И в этой таблице мы видим тег абзаца. И мы изменим его цвет на синий, размер шрифта на 20 пикселей и ширину на 200 пикселей, что означает, что он будет занимать область экрана шириной 200 пикселей.

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

Так эта страница выглядит в браузере.

И если вы посмотрите на подзаголовок 1, а затем на подзаголовок 2, вы увидите, что они выделены жирным шрифтом и немного больше, чем обычный текст.

Откуда взялся этот стиль? Ведь мы не определяли стиль для тега h2.