Верстка и веб-дизайн. 3 курс. Практическое занятие №1. Простая HTML верстка

Вам нужно оформить любой произвольный текст с помощью тегов HTML в виде простой верстки (без структуры страницы и doctype). Для этого в режиме создания публикации переключитесь со вкладки "режим верстки" (карандаш) во вкладку "HTML" (<>) в горизонтальном сайдбаре публикации слева и удалите все дефолтные теги, которые автоматически загрузятся в посте.


После этого оформите ваш текст следующими тегами:

1) заголовки второго уровня

2) абзацы

3) ссылка с открытием в новом окне

4) цитата (автоцитата) с выделением цветом

5) выделение фрагмента текста в абзаце цветом

6) выравнивание текста по правому краю либо по центру

7) текст, выделенный полужирным и курсивом

8) таблица с содержимым размером не менее 4х4

9) бегущая строка с содержимым

10) иллюстрация, встроенная через репозиторий

Ссылки на выполненное задание принимаются в комментариях к данному посту до 15:00 15 февраля.

Комментарии

  1. Ответы
    1. Оценка "хорошо", якорь ссылки пуст, в связи с чем сама ссылка не видна.

      Удалить
  2. Ответы
    1. Оценка отлично, с единственным замечанием - закрывается только сам тег, без атрибутов (у вас в одном месте тег font закрыт вместе с параметрами цвета).

      Удалить
  3. Ответы
    1. Оценка "хорошо": неверные параметры выравнивания текста (потерян тег div), в атрибуте таблицы вместо border (граница) вы пишите bolder (смелее), и потому границы не видны совсем.

      Удалить
  4. Этот комментарий был удален автором.

    ОтветитьУдалить
  5. Настя Федякина https://nastuuuuuushk.blogspot.com/2025/02/14-16.html
    (у меня все еще не получается никаким образом зайти в гидхаб и сделать 10 пункт. если можно, я бы хотела на следующей паре вместе с вами еще раз посмотреть, что с этим можно сделать)

    ОтветитьУдалить
  6. Ответы
    1. Оценка "хорошо". Некорректно встроена ссылка на иллюстрацию и потому картинка не видна.

      Удалить
  7. Ответы
    1. Оценка "хорошо". Неверно встроена иллюстрация - вы даете ссылку на место хранения файла, а не на изображение и потому картинка не видна, в пункте со ссылкой слиты сама ссылка и атрибут target (пропущен пробел).

      Удалить
  8. Ответы
    1. Оценка "хорошо", у вас в начале текста нарушена иерархия тегов - blockquote стоит перед h2, и из-за этого не отображается.

      Удалить
  9. https://huhanochka.blogspot.com/2025/02/1.html
    Я не совсем поняла как поставить изображение так, чтобы оно отображалось. Можно будет подойти потом, пожалуйста?

    ОтветитьУдалить
    Ответы
    1. Да, конечно. В настоящий момент - оценка "хорошо". Иллюстрация у вас стоит как ссылка на место расположение файла, а не на картинку.

      Удалить
  10. Шагивалеев
    https://danyashagivaleyevlll.blogspot.com/2025/02/blog-post.html

    ОтветитьУдалить
    Ответы
    1. Оценка "отлично" с одной поправкой - тег blockquote должен предшествовать тегу font, а не наоборот.

      Удалить
    2. Оценка "хорошо" - иллюстрация не отображается из-за неверной ссылки на нее.

      Удалить
  11. https://forfem74.blogspot.com/2025/02/3-1.html?m=1

    Код не отображается корректно. Я приложила скрин, там видно, как это всё должно выглядеть. Нужно, наверное, создать новый блог. Я пока добавлю как есть, чтобы в дедлайн уложиться.

    ОтветитьУдалить
    Ответы
    1. Мне не помогло. Возможно, я делаю что-то не так.

      Удалить
    2. Выглядит так, будто при публикации задания вы не переключились в режим HTML - код отображается как простой текст. Порядок действий для переключения следующий: нажимаете на кнопку "написать", слева в сайдбаре переключаетесь с режима "карандаш" на HTML, удаляете дефолтные теги, которые будут на первой строке, вставляете код задания, нажимаете на предпросмотр, если все верно отображается, публикуете задание. Если возникают проблемы можно либо создать новый блог, либо публиковать задание не как сообщение, а как страницу (слева в меню опция - страницы - создать страницу). Жду исправленный вариант.

      Удалить
    3. https://forfem74.blogspot.com/2025/02/blog-post.html?m=1

      Да, вы оказались правы, дело в режиме. Я думала, режим нужно менять в notepad.

      Удалить

Популярные сообщения