— Теперь разберемся с еще одним способом структурировать и группировать информацию - с таблицами. Раньше их активно использовали для верстки веб страниц. Но такая структура была не очень гибкой. После того, как появилась необходимость делать адаптивный дизайн для разных размеров экранов, от них постепенно отказались....
С помощью тега <style> можно добавить стили для одного HTML-документа. Это — внутренние стили. Они будут применены ко всему содержимому страницы. Но только одной страницы. На практике тебе прийдется создавать сотни HTML-документов и использовать одни и те же стили в них, например, для параграфов или заголовков....
— Ты уже знаешь, как можно добавить CSS стили конкретному HTML элементу, например изменить цвет текста внутри тега <p>. А что если нам необходимо это сделать это для нескольких HTML тегов одного типа?...
В предыдущих лекциях ты узнал о самых распространенных HTML тегах. Без заголовков, параграфов, ссылок, списков и таблиц не обходится ни одна веб-страница. Сегодня, я расскажу тебе о тегах, которые не так очевидны....
Делать вложенными можно не только строчные теги. Блочные теги тоже подходят. Например, тег <div> может использоваться для объединения двух параграфов: <div> <p>Первые вложенный параграф.</p> <p>А это второй вложенный параграф.</p> </div> Несколько блочных элементов можно разместить внутри другого блочного элемента — все зависит от структуры, которую ты задумал....
Зачастую строчные элементы используются для форматирования текста, акцентирования внимания на нем и так далее. Одними из очень широко распространенных строчных тегов являются <b> и <i>. Первый тег делает текст жирным, второй — наклонным....
Что же такое HTML? Именно с помощью HTML обеспечивается структура контента, который отображается на веб-странице. HTML расшифровывается как HyperText Markup Language - язык гипертекстовой разметки. Язык HTML отвечает за структуру и содержание страницы, а кирпичиками для построения страницы являются теги....
Чтобы добавить комментарий в HTML документ, используют специальный тег <!-- comment -->. Комментарии — это текст, который будет виден твоим коллегам, но не будет виден пользователям, загрузившим веб-страницу. Или ты просто хочешь оставить себе напоминание, о том, что должно быть сделано....
Чтобы вставить картинку в HTML документ, используют тег <image>. У этого тега — два ключевых атрибута: src — определяет путь к файлу картинки. alt — устанавливает альтернативный текст. Он будет отображаться на странице, если картинка окажется недоступна и браузер не сможет ее показать пользователю....