Какие тэги задают размер заголовка
Основы 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 применяемые к тексту, а именно теги <b>, <i>, <u>, <s>, <center>, <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.
Тег <b> – делает шрифт жирным (мы уже сталкивались с этим тегом).
Тег <i> – делает шрифт курсивным.
Тег <u> – подчеркивает текст.
Тег <s> – зачеркивает текст.
* Все эти теги требуют закрытия. Впредь, если я не буду ничего говорить про закрытие тега, то это будет означать, что тег требует закрытия (как сейчас) и это само собой разумеется. Когда мы будем затрагивать теги исключения которые не требуют закрытия, то я обязательно буду это указывать.
Теперь давайте применим теги в нашем коде:
Мы используем в коде все четыре рассматриваемых тега, а так же тег <br> который служит для переноса строки. Мы его применяем таким образом, чтобы наши четыре слова были написаны не в строку, а в столбик.
Результат:
Теперь познакомимся с еще одним новым тегом <center>. Данный тег выравнивает текст по центру. Давайте применим его в нашем коде и выровним по центру, например, слово “радость”. После внесения изменений наш код выглядит так:
Сохраняем изменения в Notepad (Ctrl + S) и смотрим результат в браузере:
Еще давайте разберем распространенный тег <p>. Данный тег называют параграфом, но используется он для разделения текста не на параграфы, а на абзацы. Вначале каждого отдельного абзаца ставится открывающий тег <p>, в конце абзаца ставится закрывающий тег </p>. Демонстрировать Вам рисунок с примером не вижу смысла, так как все из Вас читали книги и газеты, соответственно что такое абзац Вы знаете.
В данном уроке было бы логично рассмотреть тег <font>, но мы уже уделили ему должное внимание в 4-ом уроке. Я советую Вам еще раз пробежаться глазами по практической части 4-го урока, это не будет лишним.
Заголовки html.
Теги <h1>, <h2>, <h3>, <h4>, <h5>, <h6> – это заголовки разных уровней. Значимость заголовков соответствует названию тегов. <h1> – самый важный, <h6> – не особо важен, можно обойтись и без него. Давайте применим на практике все 6 вариантов, чтобы Вы поняли принцип их работы. Пишем следующий html код:
Сохраняем изменения и открываем файл в браузере.
Заголовки отличаются друг от друга по размеру, чем заголовок важнее, тем он больше. И еще, для того чтобы заголовок писался на новой строке, тег <br> (перенос строки) использовать не нужно.
Правила использования заголовков html.
С точки зрения оптимизации Вашей страницы для поисковых систем (Яндекс, Гугл и др.) есть несколько правил и рекомендаций.
1. Самое важное правило: тег <h1> (заголовок 1-го уровня) используется в тексте только один раз и в самом начале статьи. Наличие тега <h1> обязательно. Например, страница на которой Вы сейчас находитесь, имеет заголовок <h1>Урок 6. Основные теги html.</h1>
2. Тег <h2> нужно использовать минимум 2 раза, максимум 5.
3. Тег <h3> используется по необходимости.
4. Теги <h4>, <h5>, <h6> можно не использовать вообще (на Ваше усмотрение).
5. Заголовки нужно использовать в строгом порядке. Сначала <h1>, затем <h2>, потом <h3>. Другими словами заголовок <h3> не может находиться выше, чем заголовок <h2>.
Вы что-то не поняли из этого урока? Спрашивайте!
– 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.
Списки: маркированные и немаркированные
Структурированный хороший текст всегда имеет один или даже несколько списков. По своему внешнему виду списки бывают:
- маркированные – в них есть нумерация;
- немаркированные – элементы выделены символами.
Но все вордовское оформление не подходит для публикаций на сайте, поэтому стоит узнать, как правильно оформить списки в хтмл-теги.
Тег маркированный список выглядит так:
Тег немаркированный список так:
При этом каждый элемент списка имеет собственное хтмл-обрамление:
Получается, чтобы выделить в тексте маркированный список при помощи 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/