19. В чем различие между «тегом» и «дескриптором»?
Тег — это символьное или текстовое выражение (для наглядности, позволим себе не вполне корректную аналогию с терминами «команда» или «оператор» из языков программирования), предписывающее предпринять какое-либо определённое действие непосредственно по разметке и форматированию экранного представления веб-страницы.
|
Внимание! |
Хотя термин «тег» употребляется практически везде в специальной литературе, более верным именованием для этого выражения HTML является «дескриптор», от англ. descriptor — описывающий (или предписывающий) элемент. Корректность такого определения сразу же ставит все неясности на свои места; таким образом, мы можем дать точное и исчерпывающее толкование термина «тег»: это не что иное, как дескриптор — элемент языка гипертекстовой разметки, предписывающий выполнение каких-либо определённых действий. |
|
20. Опишите структуру html-документа.
На самом деле одной строкой дело не обходится. После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера <HTML>. Необходимо отметить, что любой HTML-документ открывется тегом <HTML> и им же закрывается.
Затем, между тегами <HTML> и </HTML> следует разместить заголовок и тело документа. Вот и все! Начало положено – вы получили прекрасную заготовку. Вот как должен выглядеть ваш базовый HTML-файл перед началом работы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Заголовок документа</TITLE> </HEAD> <BODY> Текст документа </BODY> </HTML>
Если приведенный выше пример пояснить схематически, получится следующее:
Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.
Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элемент TITLE).
Тело документа – святая святых. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, делаем вывод: большинство ваших HTML-экспериментов будет проводиться в пространстве между тегами <BODY> и </BODY>
21. В чем различие элементов абзацев (block elements) и элементов символов (inline elements) в HTML?
теги заголовков H1, H2, H3, H4, H5, H6 являются блочными элементами, т.е. стремятся занять все доступное место по ширине страницы. Но у заголовков в Html есть одна особенность — внутри тэгов заголовков H1, H2, H3, H4, H5, H6 могут находиться только строчные элементы, несмотря на то, что некоторые блочные теги позволяют включать в себя другие блочные элементы
22. Назовите теги, используемые для определения заголовков, абзацев.
Html теги заголовков h1, h2, h3, h4, h5, h6
Html тег P образуется от слова «paragraph», но чаще все же его называют тэгом абзацев. Html теги параграфов используются для смыслового выделения некоторого куска текста, включающего, как правило, несколько предложений. Между параграфами, образованными Html тегами P по вертикали, появляется пустое пространство, которое и позволяет отделить логические куски текста визуально друг от друга.
23. Опишите теги, используемые для создания списков.
Html списки, которые можно создать на основе специально предназначенных для этого тегов UL, OL, LI, DL. С помощью пары тегов UL и LI создаются маркированные списки в Html, с помощью тегов OL и LI — нумерованные, а с помощью элементов DL, DT и DD создаются так называемые списки определений. Так же мы рассмотрим вкратце принципы создания вложенных списков в Html.
24. Опишите элементы HTML, используемые для создания таблиц.
25. Опишите тег, используемый для создания гиперссылок.
<a href="http://uroki-html.ru/">Заходите</a>
Тег <a> определяет гиперссылку (анкор). Гиперссылка может использоваться двумя способами:
Для создания ссылки на другой документ, с помощью атрибута href
Для создания закладки внутри документа, с помощью атрибута name
Элемент a обычно называют ссылкой или гиперссылкой.
Наиболее важный атрибут элемента a - это атрибут href, который определяет адрес гиперссылки.
По умолчанию ссылки отображаются в браузерах следующим образом:
Непосещенная ссылка подчеркнута и имеет голубой цвет
Посещенная ссылка подчеркнута и имеет пурпурный цвет
Активаня ссылка подчеркнута и имеет красный цвет
26. Опишите тег, используемый для вставки в документ изображений.
<Img src="http://ktonanovenkogo.ru/image/finik.jpg">
27. Приведите примеры форматирующих тегов HTML.
<b>- жирный текст<u>-подчеркивание<i>-курсив
28. Приведите примеры структурных тегов HTML.
<p>, <h1>, <br>, <a>…
29. Каким можно образом отобразить в HTML-документе угловые
скобки («<» и «>»)?
числовое значение символа © — 169.
©
30. Каким образом можно закомментировать часть HTML-документа, исключив ее из обработки веб-браузером? ,<! … >
31. Когда был разработан первый веб-браузер и как он назывался?
Двадцать лет назад создатель самого первого веб-сайта в мире Тим Бернерс-Ли разработал текстовый браузер, носящий название WorldWideWeb.
32. Что такое CSS?
Cascading Style Sheets(CSS) - каскадные таблицы стилей. Таблицы стилей - попытка отделить детали дизайна странички от ее структуры и содержания. В классическом HTML структура и дизайн были вперемешку: рядом с текстовым абзацем его цвет, размер шрифта, тип шрифта и т.п. Если ты захочешь изменить такой простой параметр, как размер шрифта на своем сайте - придется переписывать все странички.CSS позволяет назначить всем объектам стиль, описание которого может храниться вообще в отдельном файле. Используя CSS, ты можешь изменить размер шрифта во всех страницах сайта, исправив только один файл с описанием стилей. Чем больше разных стилей ты придумаешь, тем круче менять дизайн. Самое главное, что не придется менять уже готовые HTML документы, лежащие на сервере. Браузер пользователя сам обратится к файлу (по ссылке) со стилями и придаст страничке нужный облик.