Помогите внедрить немного HTML в веб-страницу

Question

Я не знаю много CSS или HTML, поэтому у меня есть вопрос о том, чтобы взять HTML, который выглядит следующим образом: HTML код вставки и размещение на другой странице.

Проблема в том, что, когда я просто копирую и вставляю это в веб-страницу, он полностью портит фон (делает его черным) и перезаписывает другие настройки. Как мне взять этот экспортированный html и css, чтобы я мог вставить код, который я экспортировал из emacs, в веб-страницу и не уничтожить другие настройки? В идеале это должно выглядеть так, как выглядит в данный момент, но в небольшом прямоугольнике на остальной части страницы.

Спасибо.

Answer 1

Вы можете использовать IFrame

Answer 2

1. Поместите нужный HTML / CSS / и т. Д. В другой файл. Назовите это file2.html

2. В вашем основном файле используйте элемент OBJECT для встраивания этого документа.

   <object data="file2.html" type="text/html">
       <a href="file2.html">View file2</a>
   </object>
   

Это создаст «коробку» с вашим файлом внутри. Вы можете стилизовать элемент OBJECT любым удобным для вас способом. Снятие полос прокрутки, настройка ширины и т. Д.
Если браузер не поддерживает элемент OBJECT, он увидит ссылку непосредственно на файл.

Answer 3

Вы также можете вставить код куда-нибудь, например http://gist.github.com/ или http://pastie.org/, где вам также дадут код для встраивания фрагмента кода в ваш сайт / блог / и т. Д.

Пример встроенного кода (для gist.github.com) можно посмотреть здесь: http://github.com/blog/605-new-languages-highlighted