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

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

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

Вопросы

Вопрос 1

Основная цель HTML состоит в том, чтобы

(подсказка: что-то, что не сможет выполнить обычный текстовый файл с содержимым)

Отобразить содержимое веб-страницы для пользователя

Сообщить структуру контента

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

Сообщить браузеру, что должно произойти после загрузки страницы

Вопрос 2

W3C (Консорциум World Wide Web) – единственная организация, которая диктует, как браузеры должны реализовывать HTML5.

Истина

Ложь

Вопрос 3

ВСЕ теги HTML5 должны иметь

Наличие открывающего тега

Наличие закрывающего тега

Иметь хотя бы 1 атрибут

Быть в нижнем регистре, т.е.

Вопрос 4

Определите правильное объявление страницы HTML5

Вопрос 5

Что произойдет, если вы не укажете объявление HTML5?

Ничего. HTML5 очень либерально относится к своему объявлению, и это всего лишь рекомендация по его использованию.

Браузер автоматически вернется к предыдущей версии HTML.

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

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

Вопрос 6

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

Истина

Ложь

Вопрос 7

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

1.<div>Hey there!

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

</div>

2. <section>

The sale numbers are in…

</section> You ARE a closer, Johnson!

3. <article>

<h2>Wow!

</h2>

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???!

</article>

Вопрос 8

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

Истина

Ложь

Вопрос 9

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

<div>Dear all,

<span>I took this really cool book

</span></div>

<span> I think it's

my favorite book I've EVER taken!

Here is the URL for it:

</span>

<a href="#">about HTML, CSS and JS</a>

<div>

Does anyone know how I can give this book 6

out of 5 stars?

</div>

<div>

Thank you,

–Yaakov.... !

</div>

Вопрос 10

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

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

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

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

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

Вопрос 11

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

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

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

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

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

Вопрос 12

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

Истина

Ложь

Введение в CSS

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

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

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

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

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

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

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

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