С О З Д А Н И Е

Сайтов в Пензе

Урок 2. Добавление контента на страничку HTML

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

Любой сайт в своей основе должен содержать информацию. Это может быть новость, интересная статья, товар или мультимедия объекты, такие как фотографии, видеозаписи, графики и т.п. Сегодня мы научимся добавлять всё это в наш сайт.

Как и во всём остальном, чтобы добавить хоть какую-нибудь информацию на сайт нам надо использовать теги. Из первого урока мы уже выяснили какие бывают теги и как их использовать. Сегодняшний урок, как и последующие, будут всегда направлены на запоминание и использование в проектах новых тегов. Их на самом деле не так уж и много, но знать их надо наизусть!

Добавление параграфа текста

Для того чтобы добавить текст, необходимо по всем правилам создать параграф. Параграф объявляется закрывающимся тегом <p></p>.

Добавление изображения

Для простого размещения фотографии или картинки необходимо в коде HTML использовать тег <img>. Его не обязательно закрывать. В примере мы используем распространённое применение этого тега.

Заголовки

Заголовки играют важную роль в SEO продвижении вашей страницы и сайта в целом. Их необходимо использовать на каждой странице вашего сайта. Они показывают значимость и выделяют структурные особенности контента на странице. Заголовки бывают 6 разных типов. Но не пугайтесь такого разнообразия. Все они схожи по своей структуре. Заголовки бывают первого, второго, третьего, четвёртого, пятого и шестого вида и обозначаются в коде закрывающими тегами <h1></h1>...<h6></h6>. Не обязательно использовать в каждой статье все шесть вариаций этих заголовков, но использовать заголовки первого и второго уровня очень приветствуется поисковыми системами.

Ссылки

Для того, чтобы наша информация была более информативна и не казалась страницей в старой энциклопедии, нужно использовать так называемые гиперссылки или просто ссылки, которые помогут переводить посетителя с одной страницы на другую. В следующих уроках с помощью ссылок мы научим вас выполнять и другие действия, но сейчас пока что остановимся на создании переходов с одной страницы на другую. Ссылка объявляется тегом <a></a>.

Text.ru - 100.00%


Другие уроки

Информация

  • Дата : 15.03.2020 00:02
  • Категория : Веб-дизайн
  • Просмотров : 392
3