Как в html сделать на тексте картинку


Как в html сделать на тексте картинку

Как в html сделать на тексте картинку

Как в html сделать на тексте картинку




Статья 11. Как вставить картинку в HTML страничку? Как разместить в HTML картинку слева, справа, по центру? Текст по отношению к картинке и картинка - фон HTML странички.

Автор: Сергей Сукманюк

Дата создния: 2010-01-11

С помощью Photoshop Вы сможете создавать несложные анимационные картинки, такие, например, как на главной страничке сайта

Просмотров: 506649



Большое спасибо! Просто и доступно. Удачи Вам!

Спасибо, быстро нашел решение интересующего меня вопроса.

спасибо. Очень помогло!

Спасибо!

Отличный урок!!!!

почему картинка не открылась?

Елена, если задаете вопрос, то, пожалуйста, задавайте его полностью, ато не понятно, какая картинка и где не открылась.

Выполняю по инструкции, однако картинка не вставляется, на ее месте квадратик с крестиком, как будто путь не найден

Значит неправильно указан путь. Если хотите задать вопрос, то описывайте более конкретно (где находятся картинки и какой код Вы пишите). Но лучше всего задавайте вопросы в службу поддержки. Там проще объщаться.

Есть картинка. В хтмле она выглядит так: <div id="idd"><a><img src="pic1.jpg"/></a></div> можно редактировать только стиль дива по id(написать в картинке align="center" нельзя). как в таком случае разместить картинку по центру блока?

stukselbax, дело в том, что не все понятно из того что Вы написали. А почему Вы не хотите разместить изображение по центру с помощью стиля id? И какой здесь смысл тега <a></a>? Опишите пожалуйста проблему более подробно в службу поддержки.

Большое вам спасибо! Очень хорошие уроки! Теперь буду сюда заходить. :)

Здорово!Большое спасибо. Хорошо, что есть где вспомнить, если что-то забыл, а если еще и не знал ... :))))

У Вас на сайте слева "висит" картинка с надписью "Оставьте свой отзыв" Она следует за экраном. Как такую сделать?

Эта ссылка легко делается с помощью сайта reformal.ru

Если будут вопросы по этой теме, обращайтесь в службу поддержки http://support.uzeron.com/ Помогу чем смогу. ;-)

очень полезный материал=) большое спасибо ^_^ все получилось)

безполезно,пользуюсь сайтом на юкозе,так так если вводиш адресс картинки,то картинка воспроизводится,а если с этими кодами,то вместо картинки этот код,не знаю что делать)))

con, Вы лучше в таком случае обратитесь к литературе именно по юкоз. Проще всего в поисковике правильно описать проблему и, я уверен, у вас все выйдет. Здесь же урок по простому html.

как задать цвет рамки?на скриншоте он чёрный,а на деле получается белый.

с растоянием проблемма,как ни крути ,всё равно текст плотно прилегает к картинке,по умалчиванию стояло 10 px,но без результатно.

Вот в чём проблема на скриншоте hspace="10" ,а на ссылке атрибутов: <img src="img/uzeron_pc.jpg" align="left" vspace="10" border="3" alt="Сайт для сайтостроителей uzeron.com"> Прошу исправить!

как сделать так .чтоб текст <h1 align="center"> Начинаем изучать html </h1> был посередине не относительно листа (странице),а относительно моего текста.

ничего не понял

Уважаемый Любопытный, я советую Вам задать цвет рамки изображения с помощью таблицы стилей CSS. Если Вам необходимо просто изменить цвет рамки изображения, то вставьте этот код style="border-color:#0F0;" в теге изображения, где #0F0 - это цвет рамки.

zzzzz, если чесно, то практически не понятны те вопросы, которые вы задали. Дело в том, что все сайты разные, и здесь рассмотрен простой урок по html. По поводу третьего вопроса: попробуйте добавить текст и заголовок в тег <div></div>, а затем корректируйте Ваш заголовок. Или поместите текст и заголовок в одну таблицу и снова его откорректируйте.

Вы не подскажете как вставить эту картинку http://www.rumb.ru/files/articles/685_london_nochju.jpg в фон сайта(за текстом)!взаранее спасибо!

Дмитрий, так просто вставить картинку можно, но для лучшего понимания задачи, Вам необходимо прислать код страницы, на которую нужно вставить фон. Попробуйте в файл index.php в теге body вставить такой код: <body background= "ПУТЬ_К_КАРТИНКЕ/uzeron_pc.jpg"></body>

Вот этот сайт http://londonisdream.ucoz.ru/.Вот Html код этой страници <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/.s/src/css/823.css" /> </head> <body> $ADMIN_BAR$ <div id="wrap"> <div id="contanier"> <table class="main-table"> <tr> <td class="data-block">$WDAY$<br>$DATE$<br>$TIME$</td> <td class="login-block"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><br><?endif?><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td> </tr> <tr> <td class="side-block"> <body bgcolor="#000000" background= " http://www.rumb.ru/files/articles/685_london_nochju.jpg"></body> <!-- <sblock_menu> --> <?if($SMENU_1$)?> <table class="boxTable"><tr><td class="boxContent"><!-- <bc> -->$SMENU_1$<!-- </bc> --></td></tr></table> <?endif?> <!-- </sblock_menu> --> $GLOBAL_CLEFTER$ </td> <td class="content-block"> <h1 class="logo"><!-- <logo> -->Мой сайт<!-- </logo> --></h1> <div class="text-block"> <!-- <middle> --> <?if($MODULE_NAME$)?><h1 class="module-name">$MODULE_NAME$</h1><?endif?><!-- <body> -->$CONTENT$<!-- </body> --> <!-- </middle> --> </div> </td> </tr> </table> $GLOBAL_BFOOTER$ </div> </div> </body> </html>

Сорри все в кучу как-то получилось.Что делать?Давайте я вас на сайте админом назначу а вы все измените как надо.Буду благодарен вечно!!!!

Денис, могу попробовать помочь, но только после выпуска видео курса, который я сейчас делаю. Это будет где-то в середине апреля. Пока попробуйте найти ответ через поисковик, так как выделаете сайт на ucoz. Попробуйте в гугле набрать "сменить фон ucoz", или что-то типа этого.

Ксожалению мне задали собрать сайт в институте,а в апрели уже будет поздно.Но все равно спасибо за помощь.Соберете урок буду рад посмотреть.Киньте ссылку на мыло .Еще раз спасибо.

Денис, зарегистрируйтесь на рассылку, и будете в курсе всех новых видео уроков и видео курсов от uzeron.com. Так же можете обращаться со своими вопросами через слежбу поддержки. В институте задали сделать сайт на ucoz? Это же не сам код, а просто конструктор. Странно.

Спс,обязательно подпишусь.Чесно говоря,иеня тоже удивило это задание,так как я учусь на факультети далеком от информационных технологий.Я у чусь на международных отношениях и от языка програмирования далек.

спасибо за помощь

суперрр спасибо!!!!

Привет! извини не понял что про директории,где можно ещё прочитать

Лучше всего обучаться с помощью видео уроков. Но если нет возможности, то в поисковиках полно информации.

Большое спасибо!

Спасибо ребята вы молодци всё внятно разжевали даже мне очень слабому пользователю но волею судеб обречённому писать новости для сайта полярная звезда :((

Огромное спасибо!! Учень удобно и понятно!)

СУПЕР. Удачи Вам в этом деле!!!

Молодцы. Кратко и ясно!

Очень познавательная статья! Но хотел бы дополнить, что если нет возможности хранить картинки или фотографии на хостинге, можно разместить их на фотохостингах или хостинге картинок. Для себя не давно открыл letpix.ru - очень удобный и быстрый. Рекомендую.

Спасибо!

Спасибо помогло ! а есть у вас чего не будь по таблице уроки ...

А как сделать хождение по фрейману или просто фрейман и вставить туда картинку?

Что здесь нитак? <table border="2" cellpadding="10"> <tr height="200"> <td colspan="2"><p align="center"><img src= "shapka1_mysite.jpeg" alt="shapka1"></p></td> </tr> если все лежит в одной папке?

Для начала у Вас не закрыт тег <table>. И еще, Александра, зачем Вы добавили атрибут colspan="2", если у Вас только одна ячейка?

В теге <img src="images/dancer.jpg" align="right"> ошибок нет. Нужно смотреть правильность указания пути к картинке.

Спасибо за ваш урок! У меня наконец получилось вставить картинку))

Может объясните в чем была ошибка, картинка не отображалась за этим кодом: <img srс="kot.jpg"> а скопировала с вашей статьи и все получилось: <img src="kot.jpg">

Саша, возможно ошибка была не в коде, а в его "отображении". Возможно была проблема в браузере, хостинге...

Спасибо Сергей, наверное так и было

где ето взять index.html это через блокнот???

а как вставить картинку с локального диска в интернет-страницу? без размещения на сторонних серверах не обойтись?

спасибо вашему сайту. все работает, все получается

Если ваш сайт размещен на сервере в Интернете, то что вам мешает разместить там же (на сайте) картинку?

Не где не мог найти, как правильно прописывать путь, к файлу. А у вас нашел. Все понятно, все работает. Спасибо!

спасибо вам огромное!! если бы не вы, я бы получила завтра двойку)

всё просто и понятно спасибо

Не подскажите, какой тэг можно поставить для описания картинки, если у меня браузер Гугл Хром? Просто именно в этом браузере не отображает этого всплывающего описания то тэга: alt="Сайт для сайтостроителей"

Дуже дякую!Дуже допомогло!!!

Огромнейшие СПАСИБО !

К сожалению я ничего не могу понять

Лично мне вообще не понятно... "Я создал в папке D:Уроки HTML папку img" Какая нафиг папка "D:"??? Объясняйте нормально.У меня существует на компьютере "диск D", а в нем папки с названиями, в которых другие с другими названиями, в которых лежат картинки. Я хочу наполнить страничку из сайта юкоз, по этому у меня вообще нигде нет отдельно созданной странички, я прописываю код прямо в окошке отведенном для наполнения. Может кто толком объяснить, как именно указать путь когда страничка браузера открыта в конструкторе сайтов в специальном месте для прописи html, а картинка на диске "D" в папке "блабла" и подпапке "блабла1"???

Сергей, данная статья не объясняет, как добавить картинку в страничку сайта "ЮКОЗ". Здесь рассказывается о сайте, создаваемом в блокноте. И если Вы не знаете предыдущие темы, то тогда начните изучение с Статьи 1, затем 2, 3 и т.д. На юкозе все совсем просто. Почти как в Ворде, только правильно напишите поисковой запрос в гугле или яндексе.

Вот нашёл видео по добавлению ссылок в html, может кому то пригодится - https://www.youtube.com/watch?v=tRqRhbiwJwk&list=PLvItDmb0sZw8vk9vQAXdcO78sXT6oE4c9

Вот кому надо - https://www.youtube.com/watch?v=tRqRhbiwJwk&list=PLvItDmb0sZw8vk9vQAXdcO78sXT6oE4c9 Это видео по добавлению ссылки в html

хрень какая та

хрень какая та

Програмист, экономисту: экономист стань програмирующим экономистом!!! Экономист, програмисту: нет, но лучше ты програмист стань экономным програмистом!!! Кто прав из этих двух людей, этот програмист, или же этот экономист?!! Програмисты - хотят научить людей языку компьютеров!!! А не лучше бы им програмистам, наоборот, научить компьютеры, понимать язык людей!!! Ведь компьютеры изготавливаются - для их использования людьми, а не наоборот при этом, люди рождаются - для их использования компьютерами!!! Желаю вам счастья!!!

Спасибо за статью. Комментаторам надо выучить для начала основы русского языка, читать их бред невозможно.

Огромное спасибо за материал !!!!!!!!

Большое спасибо, материал безупречен))

Спасибо за урок!!! картинку (на самом деле это шапка форума) удалось отцентровать, осталось ее немного опустить вниз. Не подскажете, как это сделать? Заранее благодарна!

Спасибо! Нашла то, что искала!

Отличный урок!!! Всё понятно, можно быстро и легко найти ответ на интересующий вопрос!!!

дурдом

Спасибо!)

Спасибо! Меня "чайника" статья выручила!

Понять не могу. У меня вместо картинки, выводиться вся строка, которая я указала путь к картинке. <img src="elka.gif" alt="http//anekdot-web.ru/images/elka.gif" style="position:absolute; top:100px; left:50px;">

Подскажите, пожалуйста! Если страница находится в папке на рабочем столе, а картинка в изображениях в Моих документах, то как задать такой путь, чтобы сделать картинку фоном, например??

Огромное спасибо!!! Кучу сайтов пересмотрел, но только на Вашем нашёл всё очень доступно и понятно!

Спасибо огромное, долго маялся с данной темой, пока не посетил вашу статью. Очень помогли.

Спасибо))

Здравствуйте! Прошу найти ошибку. У меня не отображается одна картинка ни в одном браузере; только эксплорер выдает значок похожий на мобильник, но без крестика.В конце концов я перенесла ее в отдельную папку и создала там же отдельную страницу с простеньким кодоми попробовала вставить <!DOCTYPE html> <html> <head> <title> <html> фото</title> </head> <body> <img scr="на главную.JPG"></body></html> и все равно ничего не получилось. Картинка 300Х70 пикселей.Сохраняла как обычно в JPG.жаль саму картинку прикрепить нельзя.

Всё доступно и понятно, всё получилось! Огромное спасибо! Успехов и солнечного настроения!

Здравствуйте! Прошу помощи! Не могу вставить картинку.Если кто может:любую с интернета (тема: курсы англ.языка) Буду Вам признателен. <html> <head> <title>Сайт ДАКККИМ: HTML</title> </head> <h2><p><font face="Monotype Corsiva, Arial"><font size="6"><strong><center>Курси англійської мови</center></strong></p></h2> <marquee behavior="scroll" direction="left"scrolldelay="500" bgcolor="#8B7355">"Speak up" </marquee> <body><BODY background="100.jpg"> <p><strong> <p><center><img src="eng.jpg"></center></p> <img src="img/57b8A1J8Tas.jpg"> </strong></p></ul> <img src="eng.png"> </body> </html>

Как вставить в поле со cтатьей фото?Пробую конструктор сайта ucoz

Спасибо Вам огромное!!! Удачи!

Как добавить не одну а две фотографии ?

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


Источник: http://www.uzeron.com/view_article.php?id=55


Как в html сделать на тексте картинку

Как в html сделать на тексте картинку

Как в html сделать на тексте картинку

Как в html сделать на тексте картинку

Как в html сделать на тексте картинку

Как в html сделать на тексте картинку

Как в html сделать на тексте картинку

Как в html сделать на тексте картинку

Похожие новости:






[/SHORT_NEWS_LAST]
Страници: 1 2 3 > >>