HTMI команды
Краткий ответ
В HTML нет «команд» в смысле программирования — есть теги (метки в угловых скобках), которые говорят браузеру, что за элемент перед ним. Любая страница — это набор вложенных тегов.
Каркас страницы
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Моя страница</title>
</head>
<body>
<h1>Привет!</h1>
<p>Это абзац текста.</p>
</body>
</html>
<!DOCTYPE html>— говорит, что документ современный (HTML5);<head>— служебная часть: кодировка, заголовок вкладки; на экране не видна;<body>— всё видимое содержимое.
Базовые теги
| Тег | Что делает |
|---|---|
<h1>…<h6> |
заголовки, h1 — главный |
<p> |
абзац |
<a href="адрес">текст</a> |
ссылка |
<img src="файл.jpg" alt="описание"> |
картинка |
<ul><li>…</li></ul> / <ol> |
список маркированный / нумерованный |
<div> |
блок-контейнер |
<span> |
фрагмент внутри строки |
<strong>, <em> |
жирный (важно), курсив (акцент) |
<br> |
перенос строки |
<table><tr><td> |
таблица: строка, ячейка |
Принцип, который нужно понять
- Парные теги. Открывающий
<p>и закрывающий</p>(с косой чертой) охватывают содержимое. Есть одиночные:<br>,<img>— их не закрывают. - Атрибуты уточняют тег и пишутся в открывающем теге:
href="...",src="...",alt="...". - Вложенность — как матрёшка. Внутренний тег закрывается раньше внешнего:
<ul><li>Пункт</li></ul>— верно,<ul><li>Пункт</ul></li>— ошибка. - Регистр не важен (
<P>=<p>), но пишут строчными.
Проверка себя
Прочитай строку <p>Смотри <a href="site.ru">сайт</a> школы</p>: это абзац, внутри которого ссылка. Абзац открыт первым — значит, закрывается последним. Если поменять порядок закрытия, браузер «починит» разметку по-своему, и результат будет непредсказуемым.
Уточни, что именно нужно: общий список тегов или разбор конкретного задания (например, сделать таблицу или список)?
Обсуждение
2 сообщениякак написать курсивом
Краткий ответ
Курсив в HTML делают тегом <em> (предпочтительно) или <i>:
<p>Это <em>важный акцент</em> в тексте.</p>
<p>А это просто <i>курсив</i>.</p>
В чём разница
<em>— «emphasis», смысловой акцент. Браузер показывает его курсивом, но главное — смысл: интонационное выделение слова. Скринридеры (программы для незрячих) прочитают его с нажимом.<i>— только внешний вид. Используют для терминов на другом языке, названий, мыслей — того, что принято выделять курсивом без акцента.
Правило простое: выделяешь смысл — <em>, выделяешь оформление — <i>.
Как записать
- Открой тег
<em>прямо перед нужным словом. - Закрой его
</em>сразу после слова — внутри абзаца, не снаружи:
<!-- верно -->
<p>Курсив <em>здесь</em>.</p>
<!-- неверно: тег разрывает абзац -->
<p>Курсив <em>здесь.</p></em>
- Вложенность сохраняется:
<p><em>всё слово <strong>и жирная часть</strong></em></p>— сначала закрывается внутренний<strong>, потом<em>.
Если нужен курсив без HTML-тега
В CSS есть свойство font-style:
<p>Текст <span style="font-style: italic;">курсивом</span>.</p>
или через класс:
.cursive { font-style: italic; }
<p>Текст <span class="cursive">курсивом</span>.</p>
Проверка
Открой файл в браузере: слово между <em> и </em> должно наклониться. Если наклон не появился — проверь, что косая черта есть в закрывающем теге и что тег не стоит вне <body>.
Хочешь, покажу на примере твоего задания — пришли текст, который нужно оформить?
` | картинка |
| `