-Метк?/strong>

2ipstartguard 8 март?/a> firefox html mail.ru mp3 registry life startup delayer unchecky wi - fi windows windows 10 windows 7 µtorrent автозагрузка активированный угол?/a> аура баннер басня болезн?по рука?/a> браузе?/a> виде?/a> виде??firefox видеозвонк?/a> водк?/a> вс?пр?картинки вставить чужу?рамк?/a> ги?картинка из виде?/a> гороскоп группово?переименование файлов делаем рамк?/a> диан?анкудинова диет?/a> доктор сапего домашние хитрости загрузит?музыку закруг?ем углы запрет авторизаци?/a> индексац? интернет картинки ?????столби?/a> кинокомедия клавиатура компьюте?/a> компьютерн? шпаргалк?/a> кулинарные рецепт?/a> личное медицински?советы молитв?/a> музыка музыка ретр?/a> музыкальная открытка новосибирс?/a> новы?го?/a> оказание первой помощи оформление дневника пасх?/a> переименоват?группу файлов плееры - линеечки плееры-кнопки плейкаст превью пути?/a> рабочи?стол развернуть картинку рамк?для музыки рамк?здоровье рамк?для постов рамк??левосторонни?бордюром религиозны?рамк?/a> ? копылова самопомощь своими руками скай?/a> скачат?музыку скворечник смартфон создание му? открытки создат?музыку сохранит?дневни?на компьюте?/a> стих?/a> счасть?/a> текс?на картинку телефо?/a> учим? делать рамк?/a> флеш чекбок?/a> шампун?/a> шриф?/a> шрифты электроэнерг? эт?интересн?/a> юмор яндек?/a>

 -Подписка по e-mail

 


Учим? делать рамк?/b>

Четвер? 24 Март?2016 ? 19:07 + ?цитатник



Помощь блогер?/u>

Учим? делать рамк?
Урок 1





Чтоб?научиться делать рамочк? нужн?вникнуть ?суть их создан?.

Html-ко?рамк?состои?из тего?

Используя многообразие тего? можн?состав?ть разные рамк?



Те?HTML состои?из следующи?друг за другом ?определенном по?дк?элементо?
⦁ лево?углово?скобки < (такого же, ка? знак "меньше")
⦁ имен?тега, например TABLE ил?PRE
⦁ сопровождать? одни?ил?нескольким?атрибутами, например: ALIGN=CENTER. Ил?може?быть бе?атрибуто?вообще.
⦁ правой углово?скобки > (тако?же, ка?знак "больше").
например: <table border="2">


ВАЖН?
Закрыват?вс?теги нужн?обязательно. Только те?<br />(break line) не требуе?парног?закрывающего тега.

Писать можн?любы?букв?- больши?ил?маленьки?- TABLE ил?table


Хочу, чтоб?вс?понимали, чт?вс?теги имею?свою пару,
например, <TABLE></TABLE> ил?<tbody></tbody>

<TABLE> ?<tbody>< - открывающи?теги, ?</TABLE> ?</tbody> - закрывающи? Закрывающи?те?имее?слэш (от англ. slash, косая черт?.

??html-коде писать нужн?обязательно об?тега.
Но закрывающи?теги пишутся ?противоположно?по?дк?

Дума? та?буде?по?тнее

1<TABLE>2<tbody>3<TR>4<TD>5<center>СОДЕРЖИМОЕ РАМК?lt;/center>5</TD>4</TR>3</tbody>2</TABLE>1


Об этом нель? забывать!



Чтоб?лучш?усвоит?урок, совету?нажать на эт?ссылку https://htmledit.squarefree.com/ ?открыт?редактор, ?которо?можн?легк?повторять мо?действ?.
редактор 1 (596x280, 9Kb)
Вставляем ко??открывшемся окне ?верхне?половине редактор? ?нижней половине види?результаты наши?действий.
редактор 2 (600x280, 38Kb)
Редактируе?запись. Введенны?данные обновляют?. ?вы видите эт?обновление.

Итак, начинаем.

Те?TABLE создае?таблиц?
Можн?состав?ть таблиц??разным количество?ячеек.

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

<TABLE> СОДЕРЖИМОЕ РАМК?</TABLE>



Встави?этот элемен?кода ?редактор ?буде?ег?наполнять, дописывая атрибуты ?тегу TABLE .



Ставим курсор ?те?TABLE
2 (264x22, 9Kb)
делаем отступ, нажа?на клавиатуре "Пробел" ?дописываем (ил?копируем отсюда ?вставляем) атрибу?

border

- ширина обводк?рамк??пикселах (px). Если атрибу?border не указан, то рамк?буде?бе?обводк? Но сейчас мы ег?поставим ?установи?значение 2.

<TABLE border "2"> СОДЕРЖИМОЕ РАМК?</TABLE>




На?нуже?фо??рамк??для этог?дописываем атрибу?

background

, отвечающий за фоновы?рисуно? ?чтоб?браузе?знал, гд?взять этот фо? укажем ег?адре? ?? записывать буде?

background="АДРЕ?ФОНА"




<TABLE border "2" background="АДРЕ?ФОНА"> СОДЕРЖИМОЕ РАМК?</TABLE>




Теперь нужн?вставить ещ?3 тега:

<tbody><tr><td>

Он??на?всегда идут ?дышком.

Те?tbody - (От Англ. table body - "тело" таблиц?, служит для указан? нескольких независимы?больши?столбцов ?таблиц?- ?любу?просту?таблиц?можн?представит?ка?таблиц??одни?больши?столбцом - можн?сделат?таблиц??нескольким?tbody ?увидет? чт?он?отвечают за больши?независимы?столбц? каждый из которы?представ?ет собо?обычну?просту?таблиц?сост?щу?из набора tr-стро?

Те?TR опреде?ет строку ?перехо?на следующу?

Те?TD поддерживает ширину рамк??создание ново?ячейк?

Не забываем пр?закрывающи?парные теги.


Дописываем посл?углово?скобки.

<TABLE border "2" background="АДРЕ?ФОНА"><tbody><TR><TD>СОДЕРЖИМОЕ РАМК?</TD></TR></tbody></TABLE>




Смотри??окне просмотр? Во? уж?чт?то похоже?на рамк?.. но ещ?не рамк? Возвращаем?.


Адре?фона - эт?адре?(url) картинки, котору?мы буде?ставит?фоно?рамк? Ег?можн?получить чере?хостинги картинок ил?загрузив на Лиру. Адре?всегда начинает? ?https:// ?заканчивается точкой ?расширение?картинок jpg, png, bmp ил?gif.
?загрузил?чере?редактор Лиру.

Вставляем на мест?слов АДРЕ?ФОНА

<TABLE border "2" background="АДРЕ?ФОНА"><tbody><TR><TD>СОДЕРЖИМОЕ РАМК?</TD></TR></tbody></TABLE>




Смотри?
?на?получилась рамочк??одни?фоно? которая буде?растягивать? ?высоту по содержанию рамк??во вс?ширину пост?
?на?получилась рамочк??одни?фоно? которая буде?растягивать? во вс?ширину пост?

?хотелось бы, чтоб?он?выглядела боле?компактной.

Для этог?установи?её ширину, используя атрибу?width. Можн?указыват??процента?(width="60%") ил?пикселах (width="700"). Значение може?быть любо? Сделае?небольшу?рамочк??350px.
Если нужн?рамк?определенной высоты, можн?та?же вставить атрибу? height="значение высоты".
Возвращаем? ?дописываем

width="350"


<TABLE border "2" background="АДРЕ?ФОНА" width="350"><tbody><TR><TD>СОДЕРЖИМОЕ РАМК?lt;/TD></TR></tbody></TABLE>


Смотри?

Теперь установи?рамк?по центру, подстави?атрибу?выравниван? align. Возможны?значен? этог?атрибута: center, left, right

Установи?значение center ?допише?

align="center"



<TABLE border "2" background="АДРЕ?ФОНА" width="350" align="center"><tbody><TR><TD>СОДЕРЖИМОЕ РАМК?lt;/TD></TR></tbody></TABLE>




Смотри? чт?ещ?на?не устраивает.

Текс?расположен слишко?близко ?кр??рамк? Нужн?сделат?отступ. На Лиру отвечает за эт?стилевое свойство padding, которо?должно добавлять? ?тегу TD -

style="padding: ЗНАЧЕНИЕpx;"



Установи?значение, ?пример? 20 пикселов ?допише?

<TABLE border "2" background="АДРЕ?ФОНА" width="350" align="center"><tbody><TR><TD style="padding: 20px;">СОДЕРЖИМОЕ РАМК?lt;/TD></TR></tbody></TABLE>


Смотри?

?чтоб?текс?вста?по центру, заключим ег??те?center. Не забывайт??закрывающе?теге. Вставляем.

<TABLE border "2" background="АДРЕ?ФОНА" width="350" align="center"><tbody><TR><TD style="padding: 20px;"><center>СОДЕРЖИМОЕ РАМК?lt;/center></TD></TR></tbody></TABLE>


Смотри?
?на?готова рамочк??фоно?
Эт?основной html-ко?всех рамо?



Допускается вложение таблиц одна ?другую, ?? содержимым ячейк?може?быть друг? таблиц? ?? рамк??рамк? Таки?образо?мы ?делаем вс?рамочк?


Ка?бы разделим на?готовы?ко?рамк?на 3 част?

1 част?

<TABLE border "2" background="АДРЕ?ФОНА" width="350" align="center"><tbody><TR><TD style="padding: 20px;">


2 част?

<center>СОДЕРЖИМОЕ РАМК?lt;/center>


3 част?

</TD></TR></tbody></TABLE>




Теперь выде?ем ?копируем 1-ую част?кода
картинка 1 (510x141, 85Kb)


устанавливае?курсор ?коне?первой част??вставляем её ?основной ко?
РљРђ?Рў? /> <br /> <br /><br /> Снов?ставим курсор (?принципе, он уж?та?стои? ?коне?только чт?вставленно?част??вставляем ещ?ра?эт?же част?(копировать снов?не надо, он?находится ?буфере обмена). ?ещ?ра? ?ещ?.. скольк?хотите. Но не переусердствуйте. <br /> <br /><br /> Теперь нужн?скопироват?закрывающи?теги ?вставить стольк?же, скольк?первых. <br /> <img src=
?добавила 3 первых част??3 закрывающи?
6 (560x220, 168Kb)

Можн?скопироват??пользовать?, подставляя свои значен?.

<TABLE border "0" background="АДРЕ?ФОНА" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><TABLE border "0" background="АДРЕ?ФОНА" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><TABLE border "0" background="АДРЕ?ФОНА" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><TABLE border "0" background="АДРЕ?ФОНА" width="ШИРИНА ФОНА ДЛ?ЗАПИСИ" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><center><font size="3" color="8b4513" face="verdana">СОДЕРЖИМОЕ РАМК?lt;/font></center></TD></TR></tbody></TABLE></TD></TR></tbody></TABLE></TD></TR></tbody></TABLE></TD></TR></tbody></TABLE>




?теперь можн??не?поме?ть отступ? установить свои фоны, убрать совсем ил?увеличит?ширину обводк? изменить ширину само?рамк? отформатироват?текс????
Ширина тако?рамк?ме?ет? от значен? ширины внутреннег?фона, ?? фона для текста. ??остальны?фона?те?можн?либо совсем убрать, либо указат?таку?же, ка??внутреннег?


Чтоб?отформатироват?текс? нужн?слов? СОДЕРЖИМОЕ РАМК?заключит??теги

<font size="3" color="8b4513" face="verdana">СОДЕРЖИМОЕ РАМК?lt;/font>




?убер?бордюр (поставлю значение "0"), поставлю 4 фона ?установл?отступ? Получилась такая рамк?
СОДЕРЖИМОЕ РАМК?/font>



Урок 2
Урок 3

bloginja


Серия сообщени?"рамк?/a>":
Част?1 - Плейкаст "Дв?голу?"
Част?2 - Душевн? музыка. Светлана Копылова.
...
Част?5 - Поздравля?от души!
Част?6 - Милы?женщин? поздравля?Ва?
Част?7 - Учим? делать рамк?br/>Част?8 - Учим? делать рамк? Урок 2.
Част?9 - Учим? делать рамк? Урок 3 "Рамк??картинко?сверху"
...
Част?20 - Рамк?"?Новы?годо?quot;. Поздравля?от души.
Част?21 - Рамк?для вашего пост?/a>
Част?22 - Календар?на любо?го?/a>

Серия сообщени?"Па?тк?для Лиру":
Част?1 - Ка?узнать цветовой HTML ко?
Част?2 - Бегущая строка из картинок ил?текста
...
Част?7 - Вс?пр?картинки. Част?4. Картинки ?????столби?
Част?8 - Фо?для пост?/a>
Част?9 - Учим? делать рамк?br/>Част?10 - Учим? делать рамк? Урок 2.
Част?11 - Учим? делать рамк? Урок 3 "Рамк??картинко?сверху"
...
Част?15 - Вставить чужу?рамк?себе ?пост
Част?16 - Плееры для Лиру
Част?17 - Развернуть картинку прямо на странице пост?/a>

Серия сообщени?"Урок?/a>":
Част?1 - Ка?узнать цветовой HTML ко?
Част?2 - Бегущая строка из картинок ил?текста
...
Част?7 - Вс?пр?картинки. Част?4. Картинки ?????столби?
Част?8 - Фо?для пост?/a>
Част?9 - Учим? делать рамк?br/>Част?10 - Гд?найт?ссылки МР3 (2)
Част?11 - Учим? делать рамк? Урок 2.
...
Част?17 - Плееры для Лиру
Част?18 - Урок по созданию музыкально?открытки
Част?19 - Развернуть картинку прямо на странице пост?/a>

Метк? 134 ра?/a>
Понравилос? 71 пользовате??/i>

Перейт??дневнику

Четвер? 24 Март?2016 ? 19:38ссылка
На здоровье. Отвыкл?писать урок? но пообещал? Не знаю, доступно ил?не?для новичков...

Четвер? 24 Март?2016 ? 19:46ссылка
?редактор?есть один ньюанс: нужн?ставит?br (переходы на следующу?строку).
Эт? если надумаеш?ещ?чт?то туда писать.
LudmelaRU   обратить? по имен?/a> Четвер? 24 Март?2016 ? 19:59 (ссылка)
Юленьк? спасиб?дорогая! Читая вс?по?тн? вечеро??ду попробую....)))
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Четвер? 24 Март?2016 ? 20:03ссылка
Удач? Если чт?не по?тн? пиши.
iro4kan   обратить? по имен?/a> Четвер? 24 Март?2016 ? 20:43 (ссылка)
Впервы?встретил?тако?интересный урок, рассказанный та?по?тн?) спасиб?большо? во?я новичо??рамках ?теперь понима?смыс?этой абракадабр??тега?
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Четвер? 24 Март?2016 ? 20:45ссылка
?очен?рада, Ирочка! ?то вс?дума?- разберут? ил?не?новичк? Удач?
Принцеска_Софи   обратить? по имен?/a> Четвер? 24 Март?2016 ? 23:21 (ссылка)
Очен?доступно,?главно?об?снил?вс?термин??то ка?" китайская грамот? ..Спасиб? ?благодарностью унесла.Буду учиться!
Всех ва?благ!!
Ответить ?цитато?/a> ?цитатник
Mono-Liza   обратить? по имен?/a> ?тниц? 25 Март?2016 ? 03:53 (ссылка)
Юленьк? приветик. Како?замечательны??полезный урок ты сделал? читала ?упоением, вс?разжевал? Спасиб? дорогая, унош??благодарностью, ка?говорится, повторение - мать учен?!
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

?тниц? 25 Март?2016 ? 10:06ссылка
Повторение - точн?мать учен?. ?ка?ра?сама вс?повторил? ?то стал?забывать. Вернее, не то чт?забывать, просто на Лиру немног?не та? ка?на Мейл? Теги используют? дополнительные, чт?то не пропускает, чт?то са?добавляет. Пришлось ?само?начале ещ?покумекать на?этим.
Принцесса_Би?/a>   обратить? по имен?/a> ?тниц? 25 Март?2016 ? 08:30 (ссылка)
Спасиб?за урок, но если схем?дневника темн?, текс?урок??Ваше?рамочк?не виде? надо засинивать
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

?тниц? 25 Март?2016 ? 09:22ссылка
Извини, дорогая. Поторопилась ?недосмотрела. Поправил? ?спасиб? чт?подсказала.

?тниц? 25 Март?2016 ? 10:00ссылка
Прош?те? открыт?комментари? Може??кого такая же проблема, та?прочитаю?
Maksimych   обратить? по имен?/a> ?тниц? 25 Март?2016 ? 10:55 (ссылка)
Спасиб? Юленьк? Познавательный урок! Забира?для освоен?.
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

?тниц? 25 Март?2016 ? 11:30ссылка
Забира?..забира?... Отпишись ка?встане??те?, особенно текс?
Юля_Брагин?/a>   обратить? по имен?/a> ?тниц? 25 Март?2016 ? 12:11 (ссылка)
Спасиб?Юленьк?за подробны?урок, поучус? ?то брал?готовы?скелетик?/div>
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

?тниц? 25 Март?2016 ? 13:42ссылка
Да, во?попросил?написать ?я сначал?тоже хотела просто дать скелет рамк?- та?прощ? Но пото?подумала ?потрудилас?- сделал?полноценны?урок. Чере?како?то время сделаю продолжени?
AGATA2013   обратить? по имен?/a> Суббот? 02 Апре? 2016 ? 23:19 (ссылка)
Спасиб?большо? Никогд??жизн?даже не пыталась сделат?рамочк? была уверен?заране? чт?ничего не выйдет, ?ва?урок показался таки?по?тным, чт?решила рискнуть, ?вдру???ме? чт?то путное получится...Цитиру??начн?мудрит? ?если не получится, то буду обращать? за мудрым совето?..Не возражаете? ?уважение?Татьяна.
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Воскресень? 03 Апре? 2016 ? 15:17ссылка
Обращайся, Танюша. Че?смог? всегда помогу.
Nina_Gracia   обратить? по имен?/a> ?тниц? 15 Апре? 2016 ? 19:45 (ссылка)
Юлечка, спасиб?тебе огромное, я ?удовольствие?подпишус?на твои урок?
стольк?полезног??довольно ясн?вс?описан?
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Суббот? 16 Апре? 2016 ? 13:45ссылка
Стараюсь, чтоб?вс?было по?тн? Только я сейчас редк?пишу.
Елена_Дорожк?/a>   обратить? по имен?/a> Четвер? 06 Ок?бря 2016 ? 10:36 (ссылка)
Очен?хороши? доступны?урок? Вы большая умница! Творческих успехо??Счастья Ва?
Ответить ?цитато?/a> ?цитатник
E-Ledi   обратить? по имен?/a> Суббот? 08 Ок?бря 2016 ? 14:32 (ссылка)
Юленьк? боле?подробного урок?я пока не встречал? Та?терпелив? подробно, полн? раскладк? Спасиб?тебе огромное.
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Суббот? 08 Ок?бря 2016 ? 15:14ссылка
?тебе, дорогая, спасиб?за добрый комментари?
Немецкий-медицина   обратить? по имен?/a> Понедельни? 13 Ноября 2017 ? 16:17 (ссылка)
интересный урок...спасиб?огромное за вс?урок??труд...всех благ,
здоров?, удач?во всём...
Ответить ?цитато?/a> ?цитатник
olyapopova   обратить? по имен?/a> Воскресень? 21 Янва? 2018 ? 05:04 (ссылка)
Доброй ночи.Спасиб?за стол?подробны?урок. Процитирую ?благодарностью.
Ответить ?цитато?/a> ?цитатник
ЖАСМИН_61   обратить? по имен?/a> Воскресень? 09 Сентября 2018 ? 01:36 (ссылка)
?благодарностью!!!Всег?самого доброг??самого позитивног?!!
Ответить ?цитато?/a> ?цитатник
 

Добавить комментари?
Текс?комментария: смайлики

Проверка орфографии: (найт?ошибки)

Прикрепить картинку:

 Переводить URL ?ссылку
 Подписаться на комментари?br />  Подписат?картинку