Deutsch
Germany.ruФорумы → Архив Досок→ Тусовка

Немного о HTML или как "цеплять" картинки

153974  1 2 3 4 5 все
samus Samusja23.03.07 22:22
samus
23.03.07 22:22 
Тусовчане, зная любовь Тусовки к флуду, предупреждаю, что буду безжалостно уничтожать сообщения к теме не относящиеся А если не поможет, переведу ветку в режим "реального модерирования".
"Пробу пера" буду удалять тоже. Тренируйтесь, пожалуйста, в специально открытых ветках.
Улмэс дарит нам свои наработки. Скажем ему спасибо (желательно в личку или в специально открытых ветках ) Я же, пользуясь своими модераторскими полномочиями , говорю ему спасибо здесь !!!
Итак, передаю слово Улмэс
И вообще, он не дал миру ничего, кроме очереди из автомата и своей торговой марки. Правда, мир ему тоже ничего не дал... (с) В. Пелевин о Че Геваре.
Герої не вмирають.: http://www.youtube.com/watch?v=sINSTpBmCLo
#1 
  Улмэс nobody23.03.07 22:24
NEW 23.03.07 22:24 
в ответ samus 23.03.07 22:22, Последний раз изменено 10.08.08 15:30 (Улмэс)
Что такое HTML?
От английского Hypertext Markup Language - "язык разметки гипертекста", это стандартный язык разметки документов во Всемирной паутине.
* Хочу в самом начале сказать, что спец-разметка разрешена НЕ на каждом разделе форума germany.ru! Если Вы не уверены, то есть возможность посмотреть здесь Информация об этом форуме включён ли HTML.
#2 
  Улмэс nobody23.03.07 22:25
NEW 23.03.07 22:25 
в ответ Улмэс 23.03.07 22:24, Последний раз изменено 10.08.08 16:01 (Улмэс)
Форматирование текста

Жирный делается с , между [b] и [/b] вставляется текст.
Курсив делается с , между [i] и [/i] вставляется текст.
Подчёркнутый текст делается с помощью <u> </u>, между <u> и </u> вставляется текст.
Зачёркнутый текст делается с помощью <strike> </strike>, между <strike> и </strike> вставляется текст.
Центрирование текста делается с помощью <center> </center>, между <center> и </center> вставляется текст.
Видео:

It ain't over 'til it's over.
#3 
  Улмэс nobody23.03.07 22:25
NEW 23.03.07 22:25 
в ответ Улмэс 23.03.07 22:25
Изменение размера шрифта

Чтобы изменить размер шрифта, надо вставить текст между <font size="3"> и </font>.
<font size="3" - это размер.
Например:
<font size="3"> Hallo</font>
Hallo
<font size="5"> Hallo</font>
Hallo
#4 
  Улмэс nobody23.03.07 22:26
NEW 23.03.07 22:26 
в ответ Улмэс 23.03.07 22:25, Последний раз изменено 14.11.11 19:23 (Улмэс)
Цитата

Копируем или печатаем текст, нажимаем на и вставляем между [цитата] и [/цитата].
Получается так:
В ответ на:
Привет!

Видео:

---
Дополнительно:
[цитата=название источника]цитируемый текст[/цитата]
Результат:
название источника:
цитируемый текст
#5 
  Улмэс nobody23.03.07 22:27
NEW 23.03.07 22:27 
в ответ Улмэс 23.03.07 22:26, Последний раз изменено 10.08.08 15:51 (Улмэс)
Ссылка

Выбираем адрес (линк), копируем, вставляем, маркируем и нажимаем на . Можно сначала нажать на и потом вставить ссылку между [url] и [/url].
Например:
[url]www.germany.ru[/url]
http://www.germany.ru
Видео:


#6 
  Улмэс nobody23.03.07 22:27
NEW 23.03.07 22:27 
в ответ Улмэс 23.03.07 22:27, Последний раз изменено 10.08.08 16:00 (Улмэс)
E-mail

Чтобы вставить адрес Email'а, просто нажимаем на и вставляем адрес между [email] и[/email].
Например:
[email]webmaster@germany.ru[/email]
webmaster@germany.ru
Видео:

#7 
  Улмэс nobody23.03.07 22:28
NEW 23.03.07 22:28 
в ответ Улмэс 23.03.07 22:27
Ник

Чтобы вставить ник пользователя сайта germany.ru нужно нажать на и вставить ник между [nick] и [/nick].
Например:
[nick]samus[/nick]
samus
#8 
  Улмэс nobody23.03.07 22:29
NEW 23.03.07 22:29 
в ответ Улмэс 23.03.07 22:28, Последний раз изменено 10.08.08 15:58 (Улмэс)
Группа

Чтобы вставить группу в сообщение нажимаем на и вставляем номер группы между [group] и [/group].
Номер группы виден в ссылке: http://foren.germany.ru/359932.html?Cat=
Например:
[group]359932[/group]
f?
Видео:

#9 
  Улмэс nobody23.03.07 22:29
NEW 23.03.07 22:29 
в ответ Улмэс 23.03.07 22:29, Последний раз изменено 10.08.08 15:59 (Улмэс)
Цвета

Насчет этого думаю много говорить не надо. Все уже пользовались и знают как делать. Но все таки ...
Вставляем текст, маркируем и нажимаем на , выбираем нужный цвет.
Например:
Привет
Hallo

Видео:

#10 
  Улмэс nobody23.03.07 22:30
NEW 23.03.07 22:30 
в ответ Улмэс 23.03.07 22:29, Последний раз изменено 10.08.08 15:52 (Улмэс)
Смайл

Вы хотите улыбнуться, усмехнуться, ... тогда нажмите на и вставьте нужный смайл.
Коллекция смайлов:
http://www.smailiki.nm.ru/
http://smiles.server.rc-mir.com/
Видео:

#11 
  Улмэс nobody23.03.07 22:31
NEW 23.03.07 22:31 
в ответ Улмэс 23.03.07 22:30
Гиперссылка

Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете.
Чтобы вставить гиперссылку в сообщение, надо вставить ссылку/линк между <a href=" и "> Название </a>.
Например:
http://www.germany.ru - Германия по-русски
<a href="http://www.germany.ru">Германия по-русски</a>
Германия по-русски

http://
перед www. здесь очень важен!!!
#12 
  Улмэс nobody23.03.07 22:31
NEW 23.03.07 22:31 
в ответ Улмэс 23.03.07 22:31
Гиперссылка - дополнение.

1. Картинка
Чтобы вставить гиперссылку в картинку, нужно сделать вс╦ так же, как и с обычной гиперссылкой, но вместо текста вставить картинку.
Например:

2. Гиперссылка в новом окне.
Часто бывает удобно, чтобы гиперссылка открывалась в новом окне. Для этого нужно указать дополнительную опцию target="_new".
Например:
<a href="http://www.germany.ru", target="_new">Германия по-русски</a>
Германия по-русски

#13 
  Улмэс nobody23.03.07 22:32
NEW 23.03.07 22:32 
в ответ Улмэс 23.03.07 22:31, Последний раз изменено 10.08.08 15:57 (Улмэс)
Тег "Изображение"

Вы хотите вставить картинку в тело сообщение? Тогда воспользуйтесь этим .
Для этого заключаем ссылку между [IMG] и [/IMG]. К примеру этот смайл --> http://mysmiles.ru/super_smilies106.gif.
Например:
[IMG]http://mysmiles.ru/super_smilies106.gif[/IMG]

Видео:

Фотографии, картинки можно "положить" на многие сервера, к примеру http://www.imageshack.us, http://foto.radikal.ru//

---


Что же делать если фотография/картинка находится на моем компьютере?

Как прикрепить файл думаю каждый знает, а как эту же картинку вставить в сообщение сейчас научимся.
И так открываем вами прикреплённый файл и копируем ссылку на загруженную вами картинку. Потом нажимаем на "редактировать сообщение" , вставляем ссылку и захватываем в тег "изображение" .
Убедительная просьба НЕ злоупотреблять этим тегом, особенно что касается "тяжёлых" фотографий большого формата.
#14 
  Улмэс nobody23.03.07 22:33
NEW 23.03.07 22:33 
в ответ Улмэс 23.03.07 22:32, Последний раз изменено 24.03.07 21:34 (Улмэс)
Создание бегущей строки

Для того чтобы создать бегущую строку, надо воспользоваться дескриптором <MARQUEE>.
Значение scroll - заставляет строку появляться с одной стороны экрана и исчезать за противоположной стороной.
Значение slide - строка появляется из-за одной стороны экрана и останавливается у другой.
Значение alternate - заставляет строку бегать взад-вперед.
Атрибут DIRECTION задает направление перемещения строки.
Атрибут LOOP - определяет количество циклов перемещения.
Атрибут BGCOLOR - позволяет изменять цвет фона бегущей строки.
Атрибут SCROLLAMOUNT - служит для задания шага перемещения строки в экранных пикселях.
SCROLLDELAY - служит для указания времени задержки в миллисекундах между отдельными тактами перемещения строки.
Вставляем пожелание/поздравление или простой текст между <marquee behavior="scroll" direction="left">ТЕКСТ</marquee>.
Возможные бегущие строки:
<marquee behavior="scroll" direction="left">Бегущая строка 1</marquee>
Бегущая строка 1
<marquee behavior="alternate" direction="right" loop="30" scrollamount="10">Бегущая строка 2</marquee>
Бегущая строка 2
<marquee behavior="scroll" direction="left" scrolldelay="500" bgcolor="#00ff00">Бегущая строка 3</marquee>
Бегущая строка 3

* Вместо текста можно так же вставить картинку или смайл.

#15 
  Улмэс nobody23.03.07 22:33
NEW 23.03.07 22:33 
в ответ Улмэс 23.03.07 22:33
Дополнение к бегущей строке

"down" - вниз
"up" - вверх
"1" - скорость передвижения
"32" - размер места для текста
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">
или ещ╦ какой-то ерундой
информацией
текст с полезной
скролящийся вниз

</marquee>
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">
скролящийся вверх
текст с полезной
информацией
или ещ╦ какой-то ерундой

</marquee>
Например:

скролящийся вверх
текст с полезной
информацией
или ещ╦ какой-то ерундой


или ещ╦ какой-то ерундой
информацией
текст с полезной
скролящийся вниз

#16 
  Улмэс nobody23.03.07 22:35
NEW 23.03.07 22:35 
в ответ Улмэс 23.03.07 22:33, Последний раз изменено 25.03.07 15:45 (Улмэс)

Обтекание графики текстом


Вы хотите вставить картинку В текст, но у Вас не получается? Решение здесь!
Вставляем ссылку на картинку между <img src=" и " align="left">.
"left" - слева
"right" - справа
Например:
Катана - однин из основных видов вооружения самурая - меч длиной 95-120 см
#17 
  Улмэс nobody23.03.07 22:35
NEW 23.03.07 22:35 
в ответ Улмэс 23.03.07 22:35, Последний раз изменено 25.03.07 15:48 (Улмэс)
Kак вставить файл с расширением .mpeg, .mpg, .swf, .wmv?

Чтобы вставить .swf файл, к примеру этого котёнка -> http://www.korova.ru/humor/flash/cat_watch.swf, надо воспользоваться этим тегом -->
<EMBED src="твой .SWF" width="500" height="400" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></EMBED>
Например:

<EMBED src="
http://www.korova.ru/humor/flash/cat_watch.swf" width="500" height="400" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></EMBED>

* Вставит видео можно этим тегом <EMBED SRC="твой.AVI" AUTOPLAY="false" HEIGHT=300 WIDTH=300 CONTROLLER="false">
Значения AUTOPLAY="false" и CONTROLLER="false" значат, что видео откроется ТОЛЬКО после нажатия на кнопку Play.
Из-за уважения к другим пользователям сайта используйте пожалуйста false!
#18 
  Улмэс nobody23.03.07 22:36
NEW 23.03.07 22:36 
в ответ Улмэс 23.03.07 22:35, Последний раз изменено 23.09.09 22:23 (Улмэс)
Youtube, RuTube, ...

Думаю все знают и смотрели не раз прикольные, страшные и интересные видеоролики. А как вставить это видео в сообщением сейчас научимся.
Для этого надо выбрать нужный ролик, к примеру этот http://www.youtube.com/watch?v=VhAAyziM6MM.
Затем копируем это и вставляем в сообщение. Изменять ничего не надо!
Например:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/dVqGkBCt6rI&hl=de&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/dVqGkBCt6rI&hl=de&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>


#19 
  Улмэс nobody23.03.07 22:38
NEW 23.03.07 22:38 
в ответ Улмэс 23.03.07 22:36, Последний раз изменено 05.04.07 20:08 (Улмэс)

Эффект "сайт в сайте"


Сделать такую вставку как здесь можно с этим тегом <iframe style='width:100%;height:400px;border:dashed 1px rgb(200,200,200);' src='ссылка'></iframe>
#20 
1 2 3 4 5 все