Категория: Верстка

HTML комментарии. Тег

Тег: [crayon-5bf59a071ca37199883765/] В HTML данные тег используется для добавления комментария в исходный код документа. Комментарии, т.е. сам тег и все, что расположено в нем, не буду отображаться на странице и каким либо образом влиять на работоспособность сайта. Обычно комментарии используются в качестве заметок к коду, которые в дальнейшем подсказывают программисту некоторые особенности или функциональные назначения данного кода. Это особенно полезно

Тег TABLE. Создание HTML-таблицы

Довольно часто возникает необходимость добавить на сайт одну или несколько таблиц с данными. Конечно, можно нарисовать таблицу в графическом редакторе и вставить на страницу лишь изображение. Однако, гораздо более гибкий вариант – использование HTML—тега table. Это позволяет вам динамически менять внешний вид таблицы (через CSS)и ее содержимое (посредством PHP или JS). Сам по себе тег

HTML-тег img добавление изображений

Помимо текста на веб—страницах довольно часто можно встретить различные картинки, изображения, схемы и прочие графические элементы. Как правило, их добавляют при помощи стандартного HTML—тега img, обладающего целым рядом полезных атрибутов и возможностей. Характерный пример добавления изображения в коде страницы: [crayon-5bf59a071ead4229553542/] В данном случае используется лишь два атрибута – alt и src. Основное предназначение первого атрибута – предоставлять альтернативный

HTML-форма и ее основные элементы

HTML—форма – это специальный модуль, предназначенный для ввода и последующей отправки на обработку каких—то данных, к примеру, логина и пароля, информации о пользователе, сообщения и т.д. Чаще всего используются следующие виды форм – регистрация, авторизация, отправка сообщения, отправка комментария, отправка письма на почту, анкета. Вставка формы осуществляется напрямую в HTML—код страницы. Главный элемент формы называется <form>.

Селекторы в HTML. Часть 3.

Приветствую всех на третей части курса HTML с нуля. В прошлой части мы изучили теги и атрибуты HTML. Сегодня мы поговорим про такие атрибуты как id и class, так же их называют селекторы. Название «cелекторы» пошло от английского слова «SELECT», что означает «выбирать». Они служат для уникальной идентификации элемента или группы элементов и используются в javascript и css

Теги и атрибуты HTML. Часть 2.

Приветствую всех на второй части курса — HTML с нуля. В прошлый раз мы разобрали основные теоретические моменты HTML — верстки. Сегодня мы углубимся в изучении и разберем основные теги и атрибуты HTML, которые нам понадобятся на практике. Что такое тег мы разобрали в прошло части. Атрибут тега — это определенное свойство, которое содержит определенное

Основы HTML. Часть 1

В первом уроке, курса — HTML с нуля, мы разберем из чего состоит web-страница и попытаемся понять логику построение HTML кода. Web-страница представляет из себя некоторый физический файл на дисковом пространстве с расширением .html или .php, который открывается с помощью браузера и содержит в себе определенный код регулирующий отображение данной страницы. Весь HTML код web страница

CSS: элементы в строку

По умолчанию все блочные элементы в HTML выстраиваются в ряд друг под другом и занимают всю ширину страницы. И тут же у новичков возникает вопрос как расположить, с помощью CSS элементы в строку. Существует 2 наиболее популярных способа это сделать. Использовать display: inline-block Использовать float: left/right Рассмотрим каждый из них. CSS свойство display: inline-block Данное свойство

CSS позиционирование блоков

Позиционирование блоков css один из важнейших этапов верстки, потому что именно это влияет на адаптивность сайта или на возможность её реализации в дальнейшем (если на данный момент не требуется), а так же оказывает значительное влияние на дальнейшее масштабирование сайта. Не редки случаи когда «горе-верстальщики» делают такую верстку, что в итоге её проще выкинуть  чем что

Блочная верстка или тег div

На данный момент самый популярный тип верстки — это блочная верстка. При таком подходе вся веб-страница состоит из блоков, а если говорить техническим языком, то из тега DIV. Так же это можно назвать “слоями” так как элементы могут входить друг в друга, тем самым образовывая иерархическую структуру. Тег DIV служит основным строительным элементом который в