NADIIAhttps://teletype.in/atom/nadiia2026-09-22T13:00:43.926Znadiia:kJtBoWskj2020-08-09T08:45:54.560Z2020-08-09T08:45:54.560Z

<img src="https://teletype.in/files/ed/89/ed89fda0-1cec-4ba3-98cf-8b43857171f8.jpeg">

<figure class="m_column"> <img src="https://teletype.in/files/ed/89/ed89fda0-1cec-4ba3-98cf-8b43857171f8.jpeg" width="3507" /> </figure> nadiia:9pGovyYZi2020-08-08T23:20:34.319Z2020-08-08T23:20:34.319Zteletype_inman

Iframe (сокр. от Inline Frame) - кадр в кадре. Компонент HTML элемента, позволяет встраивать контент в веб-страницу.

<tt-tags> <tt-tag name="teletype_in">#teletype_in</tt-tag> <tt-tag name="man">#man</tt-tag> </tt-tags> <h3>Что такое Iframe?</h3> <p> <strong>Iframe </strong>(сокр. от Inline Frame) - кадр в кадре. Компонент HTML элемента, позволяет встраивать контент в веб-страницу.</p> <p>Компонент <strong>Iframe </strong>дает возможность включать часть содержимого из другого источника.</p> <p> Элемент рассматривают как часть контента, а не, как часть сайта.</p> <h2>Используем элемент Iframe<br /></h2> <h3>Синтаксис</h3> <pre>&lt;iframe&gt;...&lt;/iframe&gt;</pre> <h3>Атрибуты</h3> <p><em>align </em>- определяет выравнивание по краю и способ обтекания текстом.</p> <p><em>allowtransparency </em>- устанавливает прозрачный фон фрейма, через который виден фон страницы.</p> <p><em>frameborder </em>- отображение границы вокруг фрейма или ее отсутствие.</p> <p><em>height </em>- высота фрейма.</p> <p><em>hspace </em>- горизонтальный отступ до окружающего контента.</p> <p><em>marginheight </em>- отступ сверху и снизу от содержания до границы фрейма.</p> <p><em>marginwidth </em>- отступ слева и справа от содержания до границы фрейма.</p> <p><em>name </em>- имя фрейма.</p> <p><em>sandbox </em>- позволяет задать ряд ограничений на загружаемый контент.</p> <p><em>scrolling </em>- способ отображения полосы прокрутки во фрейме.</p> <p><em>seamless </em>- определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.</p> <p><em>src </em>- путь к файлу, загружаемого содержимого.</p> <p><em>srcdoc </em>- хранит содержимое фрейма непосредственно в атрибуте.</p> <p><em>vspace </em>- вертикальный отступ до окружающего контента.</p> <p><em>width</em> - ширина фрейма.</p> <p>Также для этого тега доступны универсальные атрибуты и события.</p> <h3>Пример</h3> <p><strong><em>Код:</em></strong></p> <p>&lt;iframe src=&quot;<a href="https://www.youtube.com/watch?v=GT77G1loHsI" target="_blank">https://www.youtube.com/watch?v=GT77G1loHsI</a>&quot; width=&quot;680&quot; height=&quot;480&quot; allowfullscreen&gt;&lt;/iframe&gt;</p> <p><strong><em>Результат:</em></strong></p> <figure class="m_column"> <iframe src="https://www.youtube.com/embed/GT77G1loHsI?autoplay=0&loop=0&mute=0"></iframe> </figure> <p></p> <p>Источник:</p> <p><a href="http://htmlbook.ru/html/iframe" target="_blank">http://htmlbook.ru/html/iframe</a></p> nadiia:YgX2F_LYk2020-08-08T07:43:42.885Z2020-08-08T07:43:42.885Zподборкавдохновлениеинструментарийравняйсьmade_in_uasocialвкуwebhtmlcssedu

<img src="https://teletype.in/files/61/0d/610dafbd-e11a-4371-b202-8253328d7f18.jpeg">Обновлен: 08.08.2020г.

<tt-tags> <tt-tag name="подборка">#подборка</tt-tag> </tt-tags> <p></p> <p>Обновлен: 08.08.2020г.</p> <p>То что читаю, чем вдохновляюсь, работаю, то чем пользуюсь и руководствуюсь.</p> <p></p> <p>Личная выжимка полезностей. Для удобства, по категориям</p> <figure class="m_original"> <img src="https://teletype.in/files/61/0d/610dafbd-e11a-4371-b202-8253328d7f18.jpeg" width="1024" /> </figure> <h3>ДИЗАЙН</h3> <ul> <li>Студия Артемия Лебедева [ART.LEBEDEV] </li> </ul> <p><a href="https://www.artlebedev.ru/" target="_blank">https://www.artlebedev.ru/</a> </p> <p>Основные направления — промышленный дизайн, городской дизайн, графический дизайн, дизайн среды, системы навигации, создание сайтов, проектирование интерфейсов, создание шрифтов, дизайн паттернов, архитектура и книгоиздание.</p> <tt-tags> <tt-tag name="вдохновление">#вдохновление</tt-tag> <tt-tag name="инструментарий">#инструментарий</tt-tag> <tt-tag name="равняйсь">#равняйсь</tt-tag> </tt-tags> <ul> <li>UA Telegraf — журнал дизайнерів.</li> </ul> <p><a href="https://telegraf.design/" target="_blank">https://telegraf.design/</a></p> <p>Telegraf — журнал дизайнерів. </p> <p>Тут відносини важливіше трафіку, люди — софту, а ідеї — правил.</p> <tt-tags> <tt-tag name="made_in_ua">#made_in_ua</tt-tag> <tt-tag name="social">#social</tt-tag> <tt-tag name="вку">#вку</tt-tag> </tt-tags> <p></p> <h3>ОБРАЗОВАНИЕ И РАЗВИТИЕ</h3> <p></p> <ul> <li>HTMLbook - HTML, CSS, сайтостроение. От азов до очень &quot;сложно&quot;! +форум</li> </ul> <p><a href="http://htmlbook.ru/" target="_blank">http://htmlbook.ru/</a></p> <tt-tags> <tt-tag name="web">#web</tt-tag> <tt-tag name="html">#html</tt-tag> <tt-tag name="css">#css</tt-tag> <tt-tag name="edu">#edu</tt-tag> </tt-tags> nadiia:4KN7sw7M62020-08-08T07:18:50.210Z2020-08-08T07:29:53.934Zличное_мнениеteletype_io

<img src="https://teletype.in/files/00/33/0033238a-52cd-4f87-9383-b1d399733290.jpeg">Собственно:

<figure class="m_original"> <img src="https://teletype.in/files/00/33/0033238a-52cd-4f87-9383-b1d399733290.jpeg" width="1024" /> <figcaption><em>Субъективные выводы и наблюденя, а так же заметки касательно платформы </em></figcaption> </figure> <tt-tags> <tt-tag name="личное_мнение">#личное_мнение</tt-tag> <tt-tag name="teletype_io">#teletype_io</tt-tag> </tt-tags> <p><strong>Собственно:</strong></p> <ul> <li>Это удобно</li> <li>Это минималистично</li> <li>Это понятно</li> <li>Это ничего лишнего</li> <li>Это свободно</li> </ul>