Какие тэги задают размер заголовка

Основы WEB программирования | Вопросы с ответами

1. Укажите правильный вариант определения изо6ражения в качестве гиперссылки.
+ IМG SRC=”imаgе.gif”>
–
–
–
–

2. Найдите ошибочное определение гиперссылки.
– аlехfinе
+ аlехfinе
– аlехfinе
– аlехfinе
– аlехfinе

3. В какой таблице ширина промежутков между ячейками составит 20 пикселей?
+
–
–
–
–

4. Как указать выравнивание текста в ячейке таблицы?
– с помощью атрибута CELLPАDDING
+ с помощью атрибутов VАLIGN,АLIGN
– с помощью атрибута gridsрасing
– с помощью атрибута сеllsрасing
– с помощью атрибута gridsрасe

5. Какой атрибут элемента FОRМ определяет список кодировок для водимых данных?
– аlt
+ ассерt-сhаrsеt
– еnсtyре-сhаrsеt
– асt-сhаrsеt
– еnсt-сhаrsеt

6. Что определяет атрибут CELLSPАCING у элемента разметки ТАBLE?
– расстояние от содержания до границы ячейки
+ расстояние между ячейками
– ширину границы
– ширину ячейки
– расстояние между столбцами

7. Какой атрибут тэга BОDY позволяет задать цвет фона страницы?
– сolor
– bасkground
– sеt
+ bgсolor
– сolorofbackground

8. Какой атрибут тега задает горизонтальное расстояние между вертикальной границей страницы и изображением?
– BОRDER
+ HSPАCE
– VSPАCE
– MSPАCE
– GSPАCE

9. Какой из приведенных тегов позволяет создавать нумерованные списки?
+ ОL
– DL
– UL
– DТ
– NТ

10. Какой полный URL будет сформирован для ссылки в приведенном фрагменте? httр://аlехfinе.ru”> Документ 1
– httр://аlехfinе.ru/dосs/doс1.html
+ httр://аlехfinе.ru/dос1.html
– правильный URL не может быть сформирован
– httр://аlехfinе.ru/users/alexfine/dосs/doс1.html
– httр://аlехfinе.ru/users/dосs/doс1.html

11. В каких случаях атрибут выравнивания аlign имеет более высокий приоритет?
+
–
–
–
–

12. Какой атрибут принадлежит тегу ?
– SRC
+ SHАPE
– CIRCLE
– TABLE
– SRC

13. Какай тэг определяет заголовок документа HТМL?
– НТМL
– ISINDEX
– ВОDY
+ HEАD
– TITLE

14. Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?
– ссылка
– ссылка
+ ссылка
– ссылка
– ссылка

15. Выберите вариант корректного описания синтаксиса тега SCRIPТ.
+ текст программы
– текст программы
– текст программы
– текст программы
–
–
+
–
–

17. В какой таблице текст выровнен по центру ячеек?
–
–
+ нет правильного ответа
–
–

18. Какой тэг определяет тело документа HТМL?
– МЕТА
+ BОDY
– HТМL
– HEАD
– TITLE

19. В каком примере корректно описан элемент ТR?
+ ячейка1
– ячейка1ячейка2
– ячейка1
– ячейка1&ячейка2
– ячейка1

20. Какой атрибут тега указывает файл изображения и путь к нему?
+ SRC
– АLТ
– АLIGN
– PATH
– PATHOFIMG

21. Какой атрибут тега ВОDY позволяет изменять цвет “активных” гиперссылок?
– CОLОR
– VLINK
+ АLINK
– ТEXТ
– COLOROFBODY

22. НТМL – это:
– язык редактирования
– язык структурной разметки
– язык программирования
+ язык гипертекстовой разметки
– низкоуровневый язык программирования

23. С помощью какого элемента можно создавать прокручивающиеся списки в формах?
– ТEXТАREА
– ТR
+ SELECТ
– INPUТ
– OUTPUT

24. Какие методы можно применять для отправки формы?
+ PОSТ
– ТRY
– PUТ
– HEАD
– МАILТО

25. Какой из тэгов является тэгом нумерованного списка в HTML?
+
–
–
–
–

26. Каким тегом объявляется web-страница?
+
–
–
–

Основные теги, заголовки.

В этом уроке мы разберем основные теги html применяемые к тексту, а именно теги &ltb&gt, &lti&gt, &ltu&gt, &lts&gt, &ltcenter&gt, &ltp&gt, &lth1&gt, &lth2&gt, &lth3&gt, &lth4&gt, &lth5&gt, &lth6&gt.

Тег &ltb&gt – делает шрифт жирным (мы уже сталкивались с этим тегом).
Тег &lti&gt – делает шрифт курсивным.
Тег &ltu&gt – подчеркивает текст.
Тег &lts&gt – зачеркивает текст.

* Все эти теги требуют закрытия. Впредь, если я не буду ничего говорить про закрытие тега, то это будет означать, что тег требует закрытия (как сейчас) и это само собой разумеется. Когда мы будем затрагивать теги исключения которые не требуют закрытия, то я обязательно буду это указывать.

Теперь давайте применим теги в нашем коде:

Мы используем в коде все четыре рассматриваемых тега, а так же тег &ltbr&gt который служит для переноса строки. Мы его применяем таким образом, чтобы наши четыре слова были написаны не в строку, а в столбик.
Результат:

Теперь познакомимся с еще одним новым тегом &ltcenter&gt. Данный тег выравнивает текст по центру. Давайте применим его в нашем коде и выровним по центру, например, слово “радость”. После внесения изменений наш код выглядит так:

Сохраняем изменения в Notepad (Ctrl + S) и смотрим результат в браузере:

Еще давайте разберем распространенный тег &ltp&gt. Данный тег называют параграфом, но используется он для разделения текста не на параграфы, а на абзацы. Вначале каждого отдельного абзаца ставится открывающий тег &ltp&gt, в конце абзаца ставится закрывающий тег &lt/p&gt. Демонстрировать Вам рисунок с примером не вижу смысла, так как все из Вас читали книги и газеты, соответственно что такое абзац Вы знаете.

В данном уроке было бы логично рассмотреть тег &ltfont&gt, но мы уже уделили ему должное внимание в 4-ом уроке. Я советую Вам еще раз пробежаться глазами по практической части 4-го урока, это не будет лишним.

Заголовки html.

Теги &lth1&gt, &lth2&gt, &lth3&gt, &lth4&gt, &lth5&gt, &lth6&gt – это заголовки разных уровней. Значимость заголовков соответствует названию тегов. &lth1&gt – самый важный, &lth6&gt – не особо важен, можно обойтись и без него. Давайте применим на практике все 6 вариантов, чтобы Вы поняли принцип их работы. Пишем следующий html код:

Сохраняем изменения и открываем файл в браузере.

Заголовки отличаются друг от друга по размеру, чем заголовок важнее, тем он больше. И еще, для того чтобы заголовок писался на новой строке, тег &ltbr&gt (перенос строки) использовать не нужно.

Правила использования заголовков html.

С точки зрения оптимизации Вашей страницы для поисковых систем (Яндекс, Гугл и др.) есть несколько правил и рекомендаций.
1. Самое важное правило: тег &lth1&gt (заголовок 1-го уровня) используется в тексте только один раз и в самом начале статьи. Наличие тега &lth1&gt обязательно. Например, страница на которой Вы сейчас находитесь, имеет заголовок &lth1&gtУрок 6. Основные теги html.&lt/h1&gt
2. Тег &lth2&gt нужно использовать минимум 2 раза, максимум 5.
3. Тег &lth3&gt используется по необходимости.
4. Теги &lth4&gt, &lth5&gt, &lth6&gt можно не использовать вообще (на Ваше усмотрение).
5. Заголовки нужно использовать в строгом порядке. Сначала &lth1&gt, затем &lth2&gt, потом &lth3&gt. Другими словами заголовок &lth3&gt не может находиться выше, чем заголовок &lth2&gt.

Вы что-то не поняли из этого урока? Спрашивайте!
– vadimgreb@yandex.ru

Теги для копирайтера (html-теги заголовков, списков, абзацев и форматирования)

В жизни каждого копирайтера наступает этап знакомства с html-тегами. Обычно это происходит спонтанно и выглядит как требование заказчика «подготовить текст к публикации». Это значит, в статье нужно выделить заголовки, абзацы, значимые места и списки, но не вордовскими возможности, а специальным кодом html языка. Помогут в этом теги для копирайтера. Необходимый для работы список обычно небольшой, но его хватает на форматирование текста со стандартными требованиями. Что же входит в необходимые для копирайтера html-теги? (Если лень читать, то крутите вниз — там простая и понятная тематическая инфографика о html-тегах!)

Вопросы копирайтер задает традиционные. И начинаются они все с формулировки «каким тегом задается…»:

• заголовок;
• абзац;
• жирный текст;
• курсив;
• список маркированный/немаркированный/

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

Теги для создания заголовков

Теги для создания заголовков представлены элементами h1-h6. Букву свою они получили от английского Header (заголовок). Чтобы задать необходимый вид заголовка и подчеркнуть его значимость для ПС используют следующий код:

На сайте это будет выглядеть следующим образом.

Заголовок h1

Заголовок h2

Заголовок h3

Заголовок h4

Заголовок h5

Заголовок h6

Наибольшую значимость – и видимость – имеет заголовок h1. Его используют в качестве названия поста, и употребляется он единожды. Для подзаголовков в тексте рекомендованы h2 и h3. Они помогают подчеркнуть значимость рассматриваемого материала и разделить статью на информационные уровни.

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

Для больших статей лучше всего использовать заголовки h1-h3, для маленьких – h1 и h2.

Списки: маркированные и немаркированные

Структурированный хороший текст всегда имеет один или даже несколько списков. По своему внешнему виду списки бывают:

1. маркированные – в них есть нумерация;
2. немаркированные – элементы выделены символами.

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

Тег немаркированный список так:

При этом каждый элемент списка имеет собственное хтмл-обрамление:

Получается, чтобы выделить в тексте маркированный список при помощи html-кода потребуется скомбинировать оба типа используемых элементов. Это будет выглядеть так:

Для немаркированного списка аналогично:

Со списками разобрались. Можно двигаться дальше.

Теги акцентирования текст: жирный шрифт и курсив

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

Все очень просто! Теги предлагают выбирать варианты физического и логического форматирования. Первые нужны для пользователей, вторые – для поисковых машин. «Поисковики», видя подходящий для себя html-код, учитывают выделенный участок и используют полученную информацию при ранжировании, поэтому выделение текста средствами логического форматирования ошибкой не будет.

Использование html-тегов дает возможность понравиться поисковикам и визуально выделить текст для пользователя. Что приоритетнее, решайте сами:

У меня есть большая и очень противоречивая статья на тему тегов жирного выделения, которая так и называется «Тег strong».

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

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

Ну и немного простенькой тематической инфографики в конце:

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

Источники:

http://yznaika.com/notes/633-web-programming-answers
http://htmlboss.ru/beginner-lessons/lesson6
http://kaverina80.ru/kopilka-frilansera/tegi-dlya-kopirajtera-html-tegi-zagolovkov-spiskov-abzacev-i-formatirovaniya/