Основные теги для вставки обьектов в HTML

Содержание
a

Ссылка

<a>  - закрывающий тег обязательный
Данный тег выполняет вставку гипперссылки (ссылки) на другую страницу/сайт или документ.

Код
<a href='http://www.google.com' title='Google'>Google</a>


Результат

Изображение

<img>  - закрывающий тег необязательный
Этот тег предназначен для вставки изображения/фотографии на веб-страницу.

Код

<img src='http://www.google.com/images/errors/logo_sm_2.png' alt='Логотип Google'/>

Результат

Логотип Google

Читать также: Теги для форматирования текста в HTML

Таблица

<table>  - закрывающий тег обязательный
Тег создает пустую таблицу (без столбцов и строчек)
<tr>  - закрывающий тег обязательный
Тег создает строку внутри таблицы. Должен быть внутри тега <table>.
<th> - закрывающий тег обязательный
Тег создает столбец, который будет выступать заголовком всех данных, которые находятся ниже. Должен быть внутри тега <tr>.
<td> - закрывающий тег обязательный
Тег создает новый столбец внутри строки. Должен быть внутри тега <tr>.

Код
<table>
<tr><th>Фамилия</th><th>Имя</th></tr>
<tr><td>Петренко</td><td>Игорь</td></tr>
<tr><td>Вожжаев</td><td>Артур</td></tr>
<tr><td>Шагивалеев</td><td>Александр</td></tr>
</table>

Результат
ФамилияИмя
ПетренкоИгорь
ВожжаевАртур
ШагивалеевАлександр

Видео

<iframe>  - закрывающий тег обязательный
Ваши ролики советую заливать на Ютуб. Потом достаточно скопировать код, кликнув в проигрывателе ПКМ и выбрав  "Копировать HTML-код".

Код
<iframe width="640" height="360" src="//www.youtube.com/embed/ogxpkG_3evw?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>

Результат



Веб-страница

<iframe>   - закрывающий тег обязательный.
Этот тег служит для вставки веб-страниц(ы), например, с других сайтов.

Код
<iframe src='http://kotok.ru/'></iframe>

Результат


Флеш

<embed>  - закрывающий тег обязательный
С помощью этого тега можно вставлять такие объекты, как флеш игры, часы, календари и тд.

Код
 <embed src="http://html-pedia.narod.ru/flash/flash-clock/10.swf" width="400" height="300"
           type="application/x-shockwave-flash"
           pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>

Результат


Если вам понравиласть эта статья, то поделитесь ей с друзьями. Вам не сложно, а мне приятно ;)
Присоединяйтесь к 200+ блоггерам и получите полезный в подарок
    Blogger Comment
    Facebook Comment

2 коммент. :

  1. А как вставить веб-страницу более крупного размера?

    ОтветитьУдалить
    Ответы
    1. В коде нужно размеры добавить и указать желаемые данные.

      <iframe width="400" height="300" src='http://kotok.ru/'></iframe>

      Удалить