Основные HTML-теги, используемые при верстке страниц сайта


Delivery Club

Верстка большого полноценного сайта – процесс достаточно сложный и длительный. Это обусловлено многообразием HTML-тегов, а также их вложенностью друг в друга (подчас теги образуют нетривиальную структуру элементов, разобраться в которой не так-то легко). В данной статье мы опишем самые основные HTML-теги, используемые при верстке страниц сайта.

1. html, head, body. Данные теги формируют общую структуру любой веб-страницы. html является главным и корневым тегом. head – это заголовочный блок, в котором осуществляется подключение скриптов, CSS и других файлов. Также здесь прописываются мета-теги. body – это основное содержимое страницы (включающее в себя многие другие теги).

2. title. Содержит в себе название страницы, которое отображается во вкладке браузера и поисковой выдаче.

3. script. Позволяет подключать к странице внешние скрипты (чаще всего это JavaScript). Обычно подключение осуществляется внутри тега head.

4. div. Данный тег формирует некий абстрактный блок, который может содержать в себе другие теги или такие же блоки. Обычно его используют для группировки элементов. Аналог в HTML5 – article, section.

5. p. Это обычный параграф текста, который начинается с новой строки. Вместо p может использоваться div, а также описанные выше article и section.

6. h (h1-h6). Посредством данных тегов создаются заголовки различных уровней, начиная с основного заголовка страницы и заканчивая самыми маленькими подзаголовками.

7. table. Этот тег предназначен для создания таблицы с произвольным количеством строк и столбцов. Для формирования строк и ячеек используются теги tr и td соответственно.

8. form. Основное предназначение – создание HTML-формы с полями для ввода текста, переключателями и прочими элементами. Внутри form может использоваться большое количество других тегов – label, input, checkbox, select, button и т.д. В HTML5 добавлены дополнительные типы для элемента input – email, date, range, number и т.д.

9. a. Это стандартный тег гиперссылки, позволяющий указывать ее текст (анкор) и URL-адрес посредством атрибута href.

10. img. Данный тег применяется для вставки на страницу графических файлов. Позволяет указывать URL-адрес файла, его название и альтернативный текст. В HTML5 тег img может обертываться в figcapture.

11. blockquote. Тег предназначен для вывода каких-либо цитат (обычно выравниваются по правому краю).

12.

Чуть ниже, кнопка "поделиться", будь другом, поделись!!!! И читай дальше

ol, ul, dl. Посредством этих тегов можно создавать на веб-странице нумерованные, маркированные списки, а также списки определений. При этом каждый элемент списка должен оборачиваться тегом li. 13. br, hr. Первый тег используется для переноса строки (похож на p), а второй – для создания горизонтальной линии-разделителя. 14. span. Используется для оборачивания произвольного фрагмента текста с целью задания данному фрагменту определенных стилей (напрямую в теге или через CSS-файл). Некий аналог тега div с той лишь разницей, что div применяется к блокам. 15. b, i, u. Первый тег позволяет делать фрагмент текста жирным (bold). Его аналог – strong помимо жирного написания придает большую семантическую значимость. Второй тег i (italic) делает текст курсивным (наклонным). Аналог – тег em. При помощи тега u (underline) можно сделать текст подчеркнутым. Так же читайте статью, о том, как заработать на продвижении сайтов в интернете и маркетинге, пройти можно по этой ссылке

[свернуть]

Так же читайте статью: Ключевые слова, их использование, примеры

Ещё Уважаемые читатели Вы можете установить мое мобильное приложение на портале Amazon, перейдя по этой ссылке, будет всегда под рукой новые статьи. А так же можете подписаться на новые статьи на главной странице, данного сайта, в колонке слева.

Оставьте комментарий

Ваш e-mail не будет опубликован.