Шпаргалка по HTML
12.02.2008
Решил написать шпаргалку по языку гипертекстовой разметки (HTML), без которого в Интернете далеко не уедешь.
Все теги собраны по группам. Для каждого тега приведено краткое описание и ссылки на три мануала, которые я считаю лучшими: htmlbook.ru, html.manual.ru – русскоязычные и известная англоязычная w3schools.com.
Категории:
- Контур документа
- Комментарии
- Информация о странице
- Структура документа
- Ссылки
- Разметка текста
- Списки
- Формы
- Таблицы
- Изображения и карты-изображения
- Коды некоторых символов
- Объекты
- Список непарных тегов
| Контур документа | Наверх | |
| Тег | Краткое описание | Дополнительно |
| <!DOCTYPE> | Версия (X)HTML |
в htmlbook.ru В w3schools.com |
| <html> | HTML документ |
в htmlbook.ru в html.manual.ru В w3schools.com |
| <head> | Информация о странице |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <body> | Содержимое страницы |
в htmlbook.ru в html.manual.ru в w3schools.com |
| Комментарии | Наверх |
| <!– Текст комментариев –> |
в htmlbook.ru в html.manual.ru в w3schools.com |
| Информация о странице | Наверх | |
| Тег | Краткое описание | Дополнительно |
| <base /> | Базовый URL документа |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <meta /> | Мета-данные |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <title> | Заголовок |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <link /> | Связь с внешним документом |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <style> | Определение стилей |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <script> | Описание скриптов |
в htmlbook.ru в html.manual.ru в w3schools.com |
| Структура документа | Наверх | |
| Тег | Краткое описание | Дополнительно |
| <h1[1-6]> | Заголовки |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <div> | Блок на странице |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <span> | Встроенный элемент |
в htmlbook.ru в w3schools.com |
| <p> | Параграф |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <br /> | Конец строки |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <hr /> | Горизонтальная линия |
в htmlbook.ru в html.manual.ru в w3schools.com |
| Ссылки | Наверх | |
| Тег | Краткое описание | Дополнительно |
| <a href=”"> | Ссылка на страницу |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <a href=”mailto:”> | Ссылка на почтовый ящик |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <a name=”name”> | Якорь |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <a href=”#name”> | Ссылка на якорь |
в htmlbook.ru в html.manual.ru в w3schools.com |
| Списки | Наверх | |
| Тег | Краткое описание | Дополнительно |
| <ul> | Не нумерованный список |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <ol> | Нумерованый список |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <li> | Элемент списка |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <dl> | Список определений |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <dt> | Определение термина |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <dd> | Описание термина |
в htmlbook.ru в html.manual.ru в w3schools.com |
| Формы | Наверх | |
| Тег | Краткое описание | Дополнительно |
| <form> | Форма |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <fieldset> | Группирование элементов |
в htmlbook.ru в w3schools.com |
| <legend> | Заголовок группы элементов |
в htmlbook.ru в w3schools.com |
| <label> | Метка/подпись тега input |
в htmlbook.ru в w3schools.com |
| <input /> | Элемент формы |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <select> | Выпадающий список |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <optgroup> | Контейнер для тегов option |
в htmlbook.ru в w3schools.com |
| <option> | Пункты выпадающего списка |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <textarea> | Большое поле ввода текста |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <button> | Кнопка |
в htmlbook.ru в w3schools.com |
| Таблицы | Наверх | |
| Тег | Краткое описание | Дополнительно |
| <table> | Таблица |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <caption> | Заголовок таблицы |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <thead> | “Шапка” таблицы |
в htmlbook.ru в w3schools.com |
| <tbody> | “Тело” таблицы |
в htmlbook.ru в w3schools.com |
| <tfoot> | Низ таблицы |
в htmlbook.ru в w3schools.com |
| <colgroup> | Группа столбцов |
в htmlbook.ru в w3schools.com |
| <col /> | Столбец |
в htmlbook.ru в w3schools.com |
| <tr> | Строка таблицы |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <th> | Заголовок ячейки |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <td> | Ячейка таблицы |
в htmlbook.ru в html.manual.ru в w3schools.com |
| Изображения и карты-изображения | Наверх | |
| Тег | Краткое описание | Дополнительно |
| <img /> | Изображение |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <map> | Карта-изображение |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <area /> | Область на карте-изображении |
в htmlbook.ru в html.manual.ru в w3schools.com |
| Коды некоторых символов | Наверх | |
| Код | Значение | Название |
" |
“ | Кавычки |
& |
& | Амперсанд |
< |
< | Меньше чем |
> |
> | Больше чем |
@ |
@ | Символ “Эт” |
€ |
€ | Евро |
• |
• | Жирная точка |
™ |
™ | Торговая марка |
£ |
£ | Фунт стерлингов |
  |
Неразрывный пробел | |
© |
© | Знак Copyright |
| Объекты | Наверх | |
| Тег | Краткое описание | Дополнительно |
| <object> | Объект |
в htmlbook.ru в w3schools.com |
| <param> | Параметр |
в htmlbook.ru в html.manual.ru в w3schools.com |
| Список непарных тегов | Наверх | |
| Тег | Краткое описание | Дополнительно |
| <area /> | Область на карте-изображении |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <base /> | Базовый URL документа |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <br /> | Конец строки |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <col /> | Группа столбцов |
в htmlbook.ru в w3schools.com |
| <hr /> | Горизонтальная линия |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <img /> | Изображение |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <input /> | Элемент формы |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <link /> | Связь с внешним документом |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <meta /> | Мета-данные |
в htmlbook.ru в html.manual.ru в w3schools.com |
| <param /> | Параметр |
в htmlbook.ru в html.manual.ru в w3schools.com |
полезняшка
Milax, спасибо огромное. очень вовремя выложил этот пост.
Боже, где взять силы и терпения, чтобы всё это понять и выучить?
Oleg Sh., zhem4yzhina:
Рад, что пол дня отведенные на написание этого поста принесут кому-то пользу 
пользуйтесь на здоровье
clubnicka:
Учить специально не надо. Просто сначала ставишь задачу перед собой, а потом уже в процессе ее решения обращаешься к списку тегов и смотришь, что подходит. Несколько раз обратишься к тегу, и автоматом запомнишь уже его.
Когда пытаешься порезать свой первый саит (с использованием хтмл), кажется сложно, даже невыполнимо! Куча требований, различия браузеров, валидность…
Но со временем понимаешь, что есть дофига намного более сложных вещей и хтмл кажется орешком, который и чистить не надо было, достаточно было просто проглотить
Действительно очень трудно для запоминания и хотя бы просто для того, чтобы тупой юзер типа меня мог разобраться. Я бы посоветовал автору не отворачиваться от жалоб и трудностей читателей, а понять, что же им непонятно, и просто дополнить текст чем-то очень простым. Вряд ли всё дело в лени читателей.
Есть у меня предположение, что это (объяснить проще) можно сделать. Один добрый человек дал мне однажды очень простую инструкцию по хтмл, но в бумажном виде, а я потерял её. Так вот, инструкция была очень даже понятная. Я думаю, что Вам всё-таки стоит прислушаться к жалобам читателей и повысить степень понятности текста инструкции.
С уважением к Вашему труду
Александр
Александр, Вы загнули. Я – самый тупой из всех юзеров, и то со временем многое начала понимать и даже запоминать
Женя хорошо всё выложил, кто захочет, тот поймет.
Видимо, я всё-таки, тупее Вас!
:D
Я не занимаюсь своим сайтом. Но хтмл бывает нужен. И достаточно редко (раз в пару недель), но метко (ну очень нужен).
Если б занимался сайтом в хтмл – действительно, легко бы всё запомнил. А при таких редких обращениях к инструкции – шкурка выделки не стоит. Вот и жду, когда наткнусь на тот простой для применения текст о хтмл.
Александр, это всего лишь шпаргалка, а не учебное пособие или учебник. Но после Вашего пожелания задумаюсь над написанием поста про основы HTML, в котором разжую основные моменты.
А вот такую шпаргалку и я себе куда-нить закину
Огромное спасибо за данную шпаргалку. Html вроде как знаю, но бывают такие моменты когда забывается синтаксис или коды символов. А данная шпаргалка окажется очень полезной когда надо быстро найти описание и разъяснение нужного тэга.
Не понял, почему не сработал BBCode, но суть ошибки в следующем: OL-нумерованный список, UL-ненумерованный список. Автор! Сначала исправь, а потом удали мои посты…
Starr ®, спасибо большое за найденную ошибку. Исправлено
список очень интересный. но мне кажется, что нужно его немного исправить в связи с тем, что многие теги уже устарели, чтоб не вводить в заблуждению новичков.