Блог: http://zametkinapolyah.ru/
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/ssylki-v-html-yakorya-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

HTML тег span используется для выделения строк в документе. HTML элемент SPAN относится к строчным элементам, а тег span является парным с обязательным закрывающим тегом. Помещая строки в контейнер span мы можем изменять оформление участков текста. Тег span обладает всеми уникальными атрибутами и атрибутами событий. Чаще всего вы будете использовать атрибуту class и id, чтобы каждый раз не писать стили оформления.

HTML тег div - это типичный пример блочных элементов в документе. Тег div является парным с обязательным закрывающим тегом. Элемент DIV обладает всеми универсальными атрибутами, атрибутами событий и есть уникальный атрибут align, позволяющий выравнивать содержимое контейнера DIV.
Элементы DIV в документе используют для объединения других элементов и их оформления (div часто называют просто контейнером). Элемент DIV часто снабжают атрибутами id и class, чтобы не повторяться при оформлении веб-страницы.

HTML тег blockquote используется для выделения цитат в документе. Текст внутри элемент будет выровнен, а также будут добавлены отступы слева и справа по 40 пикселов.
HTML элемент BLOCKQUOTE является блочным, тег blockquote является парным с обязательным закрывающим тегом.
Данный элемент обладает всеми универсальными атрибутами и событиями, плюс имеется уникальный атрибут cite для указания источника откуда была взята цитата.

HTML тег address используется для размещения информации об авторе и его контактах, считается, что поисковые системы относятся более внимательно к информации, расположенной внутри данного элемента.
Шрифт внутри элемента ADDRESS будет иметь курсивное начертание.
HTML элемент ADDRESS является блочным, тег address является парным с обязательным закрывающим тегом.
Данный элемент обладает всеми универсальными атрибутами и событиями.

В данном видео уроке по основам HTML мы поговорим про HTML теги и HTML атрибуты, которые используются для изменения характеристик и параметров шрифтов в HTML документе.

HTML выделяет два тега для работы со шрифтами: font и basefont. Тег basefont не поддерживается современными браузерами и раньше использовался для изменения параметров шрифта во всем документе. Тег font используется для изменения параметров шрифта в отдельно взятой строке.

У этих тегов есть три уникальных атрибута: size, color и face. Атрибут size используется для изменения размера шрифта. Атрибут color позволяет менять цвет шрифта в HTML. А атрибут face изменяет гарнитуру шрифта.
Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/html-shrifty-rabotaem-so-shriftami-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R28827266698
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В этом видео уроке по основам HTML мы поговорим о том как изменить размер текста в HTML-документе. Для изменения размера шрифта в HTML есть специальный атрибут size, атрибут size является уникальным атрибутом элемента font и позволяет манипулировать размеров шрифта на веб-странице. Атрибут size принимает значения от 1 до 7 включительно.

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/html-shrifty-rabotaem-so-shriftami-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R28827266698
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В этом видео уроке по основам HTML для начинающих мы поговорим о том как изменить цвет текста в HTML документе. Цвет шрифта в HTML изменяется при помощи специального html атрибута color, атрибут color - это уникальный атрибут HTML элемента font.

Атрибут color может принимать значения в виде имени цвета или же в качестве значения атрибута color используется 16-ый код модели RGB.

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/html-shrifty-rabotaem-so-shriftami-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R28827266698
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В данном видео уроке по основам HTML для начинающих мы поговорим о том как изменить гарнитуру шрифта в HTML. Для изменения гарнитуры в HTML есть специальный атрибут face. Атрибут face являет уникальным для HTML элемента font, а в качестве значения данный атрибут принимает имя гарнитуры.

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/html-shrifty-rabotaem-so-shriftami-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R28827266698
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/ssylki-v-html-yakorya-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В данной теме мы разберемся со следующими вопросами:
Начнем мы с того, что разберемся с относительным и абсолютным путем.
Потом поговорим о том что такое гиперссылка и о ее назначении.
Посмотрим на виды HTML ссылок и их атрибуты.
Разберемся с внешними ссылками и создадим межстраничную навигацию.
Узнаем про внутренние ссылки и создадим постраничную навигацию.
Поговорим как изменять цвета ссылок веб-страницы.
И разберемся с тем, как сделать ссылку, которая будет открываться в новой вкладке.
Создадим ссылку на скачивание.
Разберемся как создать ссылку на Email.
И коротко поговорим о других уникальных атрибутах гиперссылки.

Блог: http://zametkinapolyah.ru/
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/ssylki-v-html-yakorya-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

У HTML ссылок есть путь, который бывает относительным и абсолютным. Путь ссылки - это документ, на который она ведет.
Путь задается при помощи уникального HTML атрибута href.
Например, zametkinapolyah.ru или youtube.com - абсолютные пути, т.к. они однозначно идентифицируют ресурс, по которому находится документ в любой точке мира. И неважно где ссылка с таким путем проставлена: на сайте в сети Интернет или на локальном компьютере.
У относительных ссылок путь выстраивается относительно какого-либо объекта файловой системы (папка или какой-то файл). Такие ссылки будут прекрасно работать в том случае, если структура файловой системы не будет изменяться.
href="css/main.css“
href=”verstka-sajtov/html
../img/slider1.jpg
href="C:\Users\Aspire\Desktop\HTML\Lesson 5\space.html"

Блог: http://zametkinapolyah.ru/
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/ssylki-v-html-yakorya-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Ссылки – один из самых важных элементов HTML документа, по-другому их еще называют гиперссылками. При помощи HTML ссылок мы можем переходить между страницами на сайте, между сайтами и между разделами HTML документа. Но ссылки могут вести пользователя не только между гипертекстовыми документами, но и на другие документы и файлы других форматов.

Блог: http://zametkinapolyah.ru/
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/ssylki-v-html-yakorya-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Делить гиперссылки в HTML можно по разным принципам:
Постраничные и межстраничные. Первые позволяют создать навигацию по странице, вторые - навигацию по сайту.
HTML ссылки бывают с абсолютными и относительными путями. Первые в качестве значения href принимают значение абсолютного URL (такой URL будет работать везде и будет доступен отовсюду). Относительные ссылки выстраиваются относительно какого-либо объекта, например, относительно папки на вашем компьютере или относительно корня вашего сайта.
SEO оптимизаторы делят ссылки на внутренние и внешние. Внутренние ссылки ведут на другие страницы одного и того же сайта. Внешние ссылки ведут на страницы других сайтов.
В общем, делить ссылки можно по-разному.
Также стоит добавить, что HTML тег a относится к группе парных тегов. HTML элемент A – строчный. Элtменту A доступны все универсальные атрибуты и атрибуты событий, плюс большая группа уникальных атрибутов.

Блог: http://zametkinapolyah.ru/
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/ssylki-v-html-yakorya-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

внешние ссылки обычно используются для создания меню на сайте или для организации внутренней перелинковки, также внешние ссылки позволяют пользователям сети Интернет перемещаться между сайтами;
условно ссылка состоит из двух элементов: текст ссылки (анкор) и путь, по которому ведет ссылка (URL или путь к файлу), обычно отображается в левом углу браузера, иногда добавляется еще и третий элемент в виде всплывающей подсказки при помощи атрибута title;
для указания пути, по которому ведет ссылка используется атрибут href, данный атрибут в качестве значения принимает URL;

Блог: http://zametkinapolyah.ru/
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/ssylki-v-html-yakorya-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

в HTML можно создавать внутренние ссылки для постраничной навигации;
такие ссылки ведут на раздел внутри HTML документа (кнопка наверх, навигации по одностраничнику);
есть два способа создать внутреннюю ссылку;
первый заключается в использование HTML якоря (создается две ссылки, одна является якорем (и у нее есть атрибут name), вторая ссылки ведет к этому якорю;
второй способ более универсальный и более предпочтителен в использовании, так как не создаются лишние элементы: нам нужно задать атрибут id с уникальным значением для любого элемента на странице

Это раздел видео уроков HTML для начинающих и основ для веб-разработчика будет посвящен структурированию текста на веб-страницах и в HTML документах.

Мы рассмотрим следующие HTML элементы страницы: параграфы и абзацы, заголовки, поговорим о том как выравнивать текст в HTML и посмотрим на виды HTML списков и их назначение.
Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/formatirovanie-teksta-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R28827266698
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В данном видео уроке мы поговорим о назначении HTML тега P и особенностях HTML элемента P. Стоит сказать, что тег P формирует абзац или параграф. Когда браузер встречает тег P он формирует HTML элемент страницы с точно таким же названием и отображает текст в виде отдельного параграфа.

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/html-paragrafy-i-abzacy.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R28827266698
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В данном видео уроке мы поговорим о заголовках в HTML и их назначении. Сразу отметим, что в HTML шесть уровней заголовков: заголовок первого уровня считается самым важным, заголовок шестого уровня наименее важным.

Когда браузер встречает теги HTML заголовков он формирует на странице HTML элемент заголовка с точно таким же именем и выделяет его особенным образом.

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/zagolovki-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R28827266698
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В этом видео уроке мы поговорим про выравнивание текста в HTML и рассмотрим как это сделать и какие средства есть в HTML для выравнивания текста.

Собственно в HTML есть уникальный атрибут align, который доступен не для всех элементов. HTML атрибут align позволяет выравнивать текст и принимает четыре значения:

1. align justify - выравнивание текста по ширине.
2. align center - выравнивание текста по центру.
3. align right - выравнивание по правому краю.
4. align left - выравнивание по левому краю.

HTML атрибут align использовать не рекомендуется, поскольку то же самое можно сделать при помощи CSS.

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/html-paragrafy-i-abzacy.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R28827266698
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В данном видео уроке мы поговорим о назначении, видах и типах списков в HTML. HTML выделяет пять видов списков: маркированный список, нумерованный список, список определений, список директорий и список меню.

Список директорий запрещен стандартом HTML 4.01 и больше не используется, его мы рассматривать не будем.

А список меню запрещен в HTML 4.01, но вновь добавлен в HTML 5. Его мы рассмотрим когда доберемся до HTML 5.

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/html-spiski-i-vidy-spiskov-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R28827266698
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В этом видео уроке мы поговорим про маркированные списки в HTML и о том как их создать. Маркированные списки еще иногда называют неупорядоченными. Такое название они получили из-за того, что каждый элемент такого списка отмечается специальным маркером.

Тип маркера в HTML можно изменять при помощи атрибута type, который может принимать три значения: disc, circle и square.

Значение disc говорит браузеру о том, что маркер должен быть в виде закрашенного диска. Если стоит значение circle, то маркер будет в виде не закрашенной окружности, а значение square используется, чтобы сказать браузеру о том, что маркер должен быть квадратным.

Использовать HTML атрибут type не рекомендуется, поскольку то же самое можно реализовать при помощи CSS.

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/html-spiski-i-vidy-spiskov-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Помощь проекту:
WMR: R28827266698
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223