Как добавить тэги на сайт?

2 ноября 2014 г. Просмотров: 450 Инструкции
Иногда требуется поместить тег на веб-страницу таким образом, чтобы он не выполнял возложенную на него функцию, а сам отображался на экране. Это может потребоваться, например, при составлении учебников по языку HTML, а также для приведения примеров фрагментов кода на этом языке.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Наиболее быстрый способ приведения на веб-странице примера кода на языке HTML заключается в использовании тега .
    После него поместите фрагмент текста, который вы хотите показать, и он будет отображаться в неизменном виде, вместе с помещенными в него тегами. Затем расположите закрывающий тег . У этого способа есть два недостатка: во-первых, он не является стандартным, а значит, страница с ним может не пройти валидацию, а во-вторых, он не будет восприниматься старыми браузерами, поддерживающими спецификацию HTML ниже 4. В них теги будут не отображаться на экране, а выполняться. Учтите, что тег , являющийся стандартным и поддерживаемый большим количеством браузеров, использовать вместо нельзя, поскольку он не отключает выполнение команд.
  • Достаточно универсальным способом помещения на веб-страницу фрагмента текста с тегами является вставка его в виде изображения. Для этого запустите любой растровый графический редактор, создайте в нем новый рисунок достаточного размера, а затем включите инструмент для набора текста (обычно для этого используется кнопка с буквой A или T). Подведите стрелку мыши к левому верхнему углу изображения, нажмите левую клавишу, а затем введите фрагмент текста или вставьте его из буфера обмена клавишами Ctrl-V. Кадрируйте изображение (как это сделать, зависит от того, каким вы пользуетесь редактором, например, в GIMP для этого надо выделить фрагмент, а затем выбрать пункт меню «Изображение» - «Откадрировать выделение»). Результат сохраните в файл формата GIF, PNG или JPG (первый предпочтительнее).
  • Созданное изображение поместите в ту же папку сервера, что и HTML-файл, в который вы собираетесь его вставлять. Затем в нужное место этого файла поместите следующий тег: , где image-name.extension - имя графического файла вместе с расширением. Если по какой-либо причине вы поместили изображение не в ту же папку, что и HTML-файл, вместо имени графического файла поместите полный путь к нему. Учтите, что пользователь не сможет просмотреть вставленный таким образом фрагмент HTML-кода, если в его браузере отключен показ изображений.
  • Еще более универсальным является способ помещения на страницу HTML-тегов, который заключается в использовании вместо знаков их кодов. Для этого используйте следующие коды: вместо < - - >. Данный прием работает практически во всех браузерах, независимо от того, как они настроены.
  • Оцените статью!