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

Содержание

a

img

table

iframe

embed

Ссылка

<a>  - закрывающий тег обязательный

Данный тег выполняет вставку гипперссылки (ссылки) на другую страницу/сайт или документ.

Код

<a href='https://www.google.com' title='Google'>Google</a>

Результат

Google

Изображение

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

Код
<img src='https://www.google.com/images/errors/logo_sm_2.png' alt='Логотип 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='https://www.ipetrenko.com'></iframe>

Результат

Флеш

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

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

Результат