Урок 2. Добавление контента на страничку HTML
В первом уроке мы постарались дать минимальную основную базу строения современных сайтов. Если Вы вдруг пропустили урок, то перейдите по ссылке и изучите материал Что такое HTML. Сейчас мы продолжим наш курс обучения основам создания сайтов с нуля.
Любой сайт в своей основе должен содержать информацию. Это может быть новость, интересная статья, товар или мультимедия объекты, такие как фотографии, видеозаписи, графики и т.п. Сегодня мы научимся добавлять всё это в наш сайт.
Как и во всём остальном, чтобы добавить хоть какую-нибудь информацию на сайт нам надо использовать теги. Из первого урока мы уже выяснили какие бывают теги и как их использовать. Сегодняшний урок, как и последующие, будут всегда направлены на запоминание и использование в проектах новых тегов. Их на самом деле не так уж и много, но знать их надо наизусть!
Добавление параграфа текста
Для того чтобы добавить текст, необходимо по всем правилам создать параграф. Параграф объявляется закрывающимся тегом <p></p>.
Добавление изображения
Для простого размещения фотографии или картинки необходимо в коде HTML использовать тег <img>
. Его не обязательно закрывать. В примере мы используем распространённое применение этого тега.
Заголовки
Заголовки играют важную роль в SEO продвижении вашей страницы и сайта в целом. Их необходимо использовать на каждой странице вашего сайта. Они показывают значимость и выделяют структурные особенности контента на странице. Заголовки бывают 6 разных типов. Но не пугайтесь такого разнообразия. Все они схожи по своей структуре. Заголовки бывают первого, второго, третьего, четвёртого, пятого и шестого вида и обозначаются в коде закрывающими тегами <h1></h1>
...<h6></h6>
. Не обязательно использовать в каждой статье все шесть вариаций этих заголовков, но использовать заголовки первого и второго уровня очень приветствуется поисковыми системами.
Ссылки
Для того, чтобы наша информация была более информативна и не казалась страницей в старой энциклопедии, нужно использовать так называемые гиперссылки или просто ссылки, которые помогут переводить посетителя с одной страницы на другую. В следующих уроках с помощью ссылок мы научим вас выполнять и другие действия, но сейчас пока что остановимся на создании переходов с одной страницы на другую. Ссылка объявляется тегом <a></a>
.