Информационни технологии · 8 клас · урок 2 от 8

HTML и уеб страници

HTML (HyperText Markup Language) е езикът, с който се описва съдържанието и структурата на уеб страницата. Той използва тагове в ъглови скоби, повечето от които имат отварящ и затварящ таг. Видимото съдържание е в body, а заглавието в раздела на браузъра се задава с title. Външният вид (цветове, шрифтове) се описва отделно с езика CSS.

Работен лист за печат

Какво да запомним

  • Абзац: p; заглавия: h1 до h6 (h1 е най-голямо).
  • Хипервръзка: a с атрибут href; изображение: img с атрибут src.
  • Списъци: ol (номериран), ul (с точки), елемент li.
  • Таблица: table, tr (ред), td (клетка).
  • CSS описва външния вид на страницата.

Пример

Таг a с атрибут href="about.html" и текст „За нас“ показва връзка, която отваря страницата about.html.

Проверете се: 15 въпроса

Натиснете въпроса, за да видите верния отговор и обяснението.

  1. Какво означава съкращението HTML?
    • HyperText Markup Language
    • High Technical Modern Language
    • Home Tool Markup Language
    • Hyper Transfer Main Link

    Отговор: HyperText Markup Language

    HTML е език за маркиране (описване) на съдържанието на уеб страници.

  2. С кой таг се създава хипервръзка?
    • link
    • href
    • p
    • a

    Отговор: Тагът a

    Тагът a създава връзка, а адресът се задава с атрибута href.

  3. Кой таг вмъква изображение?
    • pic
    • img
    • photo
    • src

    Отговор: Тагът img

    Тагът img има атрибут src за адреса на файла и alt за описание.

  4. Кой таг задава заглавието, което се вижда в раздела на браузъра?
    • title
    • h1
    • header
    • body

    Отговор: Тагът title

    title се поставя в частта head и се показва в раздела и в резултатите от търсене.

  5. Кои тагове създават номериран списък с елементи?
    • ul и li
    • ol и td
    • ol и li
    • list и item

    Отговор: ol и li

    ol (ordered list) е номериран списък, а всеки елемент е в li.

  6. Кой таг се използва за абзац?
    • p
    • a
    • br
    • h1

    Отговор: Тагът p

    p идва от paragraph (абзац).

  7. Кое заглавие е най-голямо по подразбиране?
    • h6
    • h3
    • head
    • h1

    Отговор: h1

    Заглавията са от h1 (най-голямо и най-важно) до h6 (най-малко).

  8. Кой таг пренася текста на нов ред, без да започва нов абзац?
    • hr
    • br
    • p
    • nl

    Отговор: Тагът br

    br (break) е нов ред, а hr чертае хоризонтална линия.

  9. В коя част на HTML документа е видимото съдържание на страницата?
    • В body
    • В head
    • В title
    • В meta

    Отговор: В body

    В head са служебните данни, а всичко, което се вижда, е в body.

  10. Кои тагове се използват за таблица с редове и клетки?
    • table, row и cell
    • tab, tr и li
    • table, tr и td
    • grid, tr и td

    Отговор: table, tr и td

    table е таблицата, tr (table row) е ред, а td (table data) е клетка.

  11. Кой език описва външния вид на уеб страницата, например цветове и шрифтове?
    • CSS
    • HTML
    • SQL
    • Python

    Отговор: CSS

    HTML дава структурата, а CSS (Cascading Style Sheets) задава оформлението.

  12. Какво стои в началото на името на затварящия таг?
    • Наклонена черта (/)
    • Удивителен знак (!)
    • Звездичка (*)
    • Знак за долар ($)

    Отговор: Наклонена черта (/)

    Затварящият таг повтаря името на отварящия, но с наклонена черта пред него.

  13. Кой таг създава списък с точки (неномериран)?
    • ol
    • td
    • hr
    • ul

    Отговор: ul

    ul (unordered list) е списък с точки, а елементите му са в li.

  14. Как се нарича допълнителната информация в отварящия таг, например href или src?
    • Абзац
    • Коментар
    • Атрибут
    • Елемент на списък

    Отговор: Атрибут

    Атрибутите се пишат в отварящия таг във вида име="стойност".

  15. Кой атрибут на тага a може да отвори връзката в нов раздел на браузъра?
    • alt="new"
    • target="_blank"
    • src="_tab"
    • title="_new"

    Отговор: target="_blank"

    Със стойност _blank на атрибута target връзката се отваря в нов раздел.