Теги в html
В этой статье мы узнаем что означают теги.
В первой строке в каждом HTML-документе должно быть описание типа документа. Это описание говорит нам о том, что далее будет использоваться HTML5-содержимое, выглядит это так: <!DOCTYPE html>. Мы будем писать весь наш код на новой версии языка HTML - HTML5.
Далее мы видим тег <html>. Весь наш документ должен начинаться с <html> и заканчиваться </html>. Между этими тегами находиться заголовок документа: <head></head> где будут распологаться название страницы (<title></title>) и для начала можно ещё вставить туда meta элемент с кодировкой символов. Если не разместить этот элемент, то возможно браузер неправильно отобразит русские буквы.
Между тегами <body> и </body> будет находится содержимое web-страницы: текст, картинки и т.д.
Сейчас мы изучим некоторые теги:
Тег <br />
Используется для перевода строки.
<p></p>
В эти теги помещается текст
Заголовки разных уровней
Всего их 6. Уровень заголовка можно указать в самом теге, например <h3></h3>.
Попробуем использовать все эти теги на примере:
HTML код:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Lorem Ipsum</title>
</head>
<body>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis enim eros.<br />
Praesent eget accumsan neque. Suspendisse luctus neque placerat semper tristique.<br />
Sed maximus porta mauris, efficitur dapibus turpis varius nec. Integer ac porta lorem, vel suscipit turpis.<br />
</p>
<h2>Lorem Ipsum</h2>
<p>Etiam at convallis magna. Vivamus a sem sit amet ligula laoreet dignissim at eu urna. Donec vel leo non nunc rutrum imperdiet. Mauris in egestas felis. Etiam venenatis ligula a dapibus venenatis. Morbi at magna sem. Aenean scelerisque, enim quis accumsan maximus, mi sapien tincidunt velit, at dictum sem massa vitae ante.
</p>
</body>
</html>Примечание:
Вы можете тестировать примеры в текстовом редакторе, сохраняя при этом пример в одном и том же файле. Если вы до этого открывали файл в браузере, то тогда останется обновить окно браузера нажатием клавиши F5 или нажать кнопку "Обновить" в браузере.
В примере мы видим два разных параграфа (<p></p>) и у каждого абзаца есть свой заголовок. В первом параграфе продемонстрировано как делается перенос строки с использованием тега <br />.
В следующей статье мы начнём изучать: форматирование текста.
Обновлён: 19.10.2024 16:38:52
0 Комментарии