Основные html теги
-- Евгений Кащеев
Представляю вам список самых используемых html-тегов, которые, по хорошему, надо знать наизусть. Для пользования списком желательно хотя бы небольшое знание HTML, т.к. большинство атрибутов и свойств тегов здесь не рассмотрено
Почти все теги состоят из двух частей:
- <тег> - открывающий тег
- </тег> - закрывающий тег
Между открывающим и закрывающим тегом находится само содержимое тега. Также после имени тега (в открывающем теге) могут следовать атрибуты тега: выравнивание, задание толщины границ, цвета текста и т.д.
Главные теги
Большинство из этих тегов должны быть в любом документе.
- <html> </html> - самый главные тег любой html странице. Обозначает начало и конец html-документа
- <head> </head> В нем прописывается служебная информация
- <body> </body> - в этом теге находится основное содержимое страницы
Информация о странице
Теги, сообщающие название страницы и ее описание:
- <title> Название страницы </title>
- <meta name="description" content="text" /> - описание страницы
Работа с текстом
Заголовки
Служат для выделения заголовков в тексте. Например, названия главы книги, название статьи и т.д.
Заголовков в HTML всего 6 штук: от 1 уровня до 6. Чем меньше уровень заголовка, тем больше шрифт и тем он важнее.
-
<h1> - Заголовок первого уровня
-
<h2> - Заголовок второго уровня
-
<h3> - Заголовок 3 уровня
-
<h4> - Заголовок 4 уровня
-
<h5> - Заголовок 5 уровня
-
<h6> - Заголовок 6 уровня
Заголовки 1-3 уровня используются поисковиками (google, yandex,bing) для определения, о чем текст, поэтому рекомендую использовать эти теги во всех создаваемых вами текстах
Внешний вид текста (курсив, жирные, подчеркнутый)
- <b> жирные текст, где-то прочитал, что его не рекомендуют использовать </b>
- <strong> тоже жирный текст</strong>
- <i>наклонный текст, также не рекомендован к использованию</i>
- <em> наклонный текст</em>
- <u> подчеркнутый текст </u>
- <strike> перечеркнутый текст<u>
- <sup> верхний индекс</sup>
- <sub> нижний индекс </sub>
- <big> Текст чуть больше обычного (чаще всего на 1 пункт)</big>
- <small>Аналогично, только меньше</small>
Форматирование текста
В html для форматирование текста используется несколько тегов:
- <p> </p> - абзац
- <div> <div> - "элемент-бокс". Обычно в нем хранится текст, к которому применяются различные css-стили (установка ширины, отступов, шрифта, фона, выравнивания и т.д.)
- <blockquote></blockquote> -создает отступ
- <br/> - перенос строки
- <hr/> - горизонтальная линия
- <pre> </pre> - сохраняет форматирование текста (количество пробелов, переносы строк и т.д)
- <ul> </ul> - создает маркированный список
- <ol> </ol> - нумерованный список
- <li> </li> - создает элемент списка (как маркированного, так и нумерованного)
- <span></span> - насколько я знаю, нифига не делающий тег, служит для прикручивания к тексту стиля (опять таки css)
Ссылки и изображения
Создание ссылки:
<a href="http://adorning.ru"> adorning.ru</a> - href="адрес ссылки, а между <a ... > и </a> - текст ссылки
Вставка изображения:
<img src="adress" alt="text" align="center"/> - вставка изображения, находящегося по адресу adress, с выравниванием по центру. При наведение мышкой на изображение будет отображен текст text
Создание таблицы:
- <table> </table> - создание таблицы
- <tr> </tr> - новая строка таблицы
- <td> </td> - новая ячейка таблицы
- <th> </th> - новая ячейка таблицы с жирным текстом, выравнивание текста по центру
Некоторые специальные символы:
- - неразрывный пробел
- © - ©
- ± - ±
Кроме того, многие теги для форматирования текста поддерживают выравнивание текста/тега. За это отвечает атрибут align:
- align="center" - выравнивание по центру
- align="right" - выравнивание по правому краю
- align="left" - выравнивание по левому краю
- align="justify" - выравнивание по ширине
Для использования пишем тег и до закрытия открывающего тега куда надо выравнивать:
<p align="center"> текст выравнен по центру </p>
Еще пара полезных атрибутов:
style="css" - позволяет вам прописать css для этого экземпляра тега
id="id" - ид стиля в css таблице (уникальный для страницы)
class="class" - класс css для использования с этим тегом
Про сам СSS я, возможно, как-нибудь расскажу. CSS необходим для управления отображением текста: цветом фона, шрифта, типом шрифта, его размерами, выравниваем, границами, шириной элементов, отступами и многим другим.
Вот и все на сегодня!
P.S. Если вам, вдруг, понадобится сервер, то вот хороший сервер за paypal.
Похожие записи:
- Что такое CSS?
- CSS: Меры измерения: px, em, pt, %,cm,mm
- Основные свойства CSS.
- Прижимаем footer (подвал/футер) к низу экрана
- Краткие основы JavaScript
- Еще немного CSS. Поля и отступы.
- Рамки с круглыми краями и прозрачность в CSS.
Метки: HTML table теги
Loading ...