Основные теги HTML
В этом уроке мы рассмотрим основные теги html. Теги бывают парные и непарные, блочные и строчные. Как сделать ссылку в html, как вставить картинку в html, как делать списки, как делать таблицы в html — все это вы узнаете в этом уроке. Перед просмотром этого урока рекомендую посмотреть прошлый урок, посвященный введению в язык разметки веб-страниц html
Полезные ссылки:
Справочник html/css — http://htmlbook.ru/
Сервис «быстрых» картинок — https://placekitten.com/
Код урока
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Основные теги HTML</title>
</head>
<body>
<a href="https://www.yandex.ru/" target="_blank">Ссылка fdhjhgghhgfghjhkjhkh</a>
<img src="http://placekitten.com/g/250/300" alt=""/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus excepturi nemo velit optio ratione alias aspernatur accusamus odio at quibusdam numquam cum ex minus, totam quae perspiciatis eius obcaecati ullam.
<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
<ol>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
<li>Пункт 4</li>
</ol>
<dl>
<dt>Арбуз</dt>
<dd>это ягода</dd>
<dt>Огурец</dt>
<dd>это овощ</dd>
</dl>
<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
<option>Пункт 3</option>
<option>Пункт 4</option>
</select>
<form>
<input type="text"/>
<input type="password"/>
<textarea></textarea>
<button>Отправить</button>
<input type="submit" value="Отправить"/>
</form>
<table border="1">
<tr>
<th>Место</th>
<th>Команда</th>
<th>Очки</th>
</tr>
<tr>
<td>1</td>
<td>Барселона</td>
<td>30</td>
</tr>
<tr>
<td>2</td>
<td>Реал</td>
<td>28</td>
</tr>
<tr>
<td>3</td>
<td>Атлетико Мадрид</td>
<td>26</td>
</tr>
</table>
</body>
</html>
0 Comments