# Довольно скучно выглядящий веб-сайт, верно?
Это нормально, как я уже сказал, HTML — это просто структура и основа страницы, вы сможете улучшить внешний вид страницы позже. А пока давайте выучим еще несколько тегов, которые нам помогут.
Начните с повторного открытия файла index.html, который должен выглядеть следующим образом.
Теперь, если мы возьмем этот код и несколько раз нажмем return, чтобы написать после тега `‹/p›` и добавить
Теперь это может показаться большим количеством кода, если это ваш первый веб-сайт, но на самом деле это довольно просто. Ниже приведен список тегов, которые мы раньше не видели.
<a>: Anchor — a link, clicking on this will take you to the href <ul>: Unordered List — marks the start of an unordered list <li>: List Item — Adds a an item to the list it is contained within. <ol>: Ordered List: Starts an ordered list <div>: Division: used to define a section. <img>: Image: use src to point to the image and alt displays text when the image can’t be found.
Довольно просто и прямолинейно, в настоящее время единственная ссылка, которая приведет вас куда угодно, — это домашняя ссылка, поскольку она ведет на страницу, которую мы уже создали. Что касается других внутренних ссылок, страницы для них мы создадим позже.
Если вам интересно, в чем разница между упорядоченными и неупорядоченными списками, это так же просто, как упорядоченные списки имеют числа, а неупорядоченные - это маркеры.
Что касается тега ‹div›, он полезен, так как мы можем создавать «контейнеры» для наших разделов, что позволяет нам группировать контент на странице вместе. Это будет гораздо полезнее, когда мы представим CSS.
Тег изображения говорит сам за себя, просто убедитесь, что путь к изображению указан правильно. Для простоты я поместил файл в корневую папку для этого урока, хотя обычно он находится в «активах» или « папка изображений. Раздел, в котором вы указываете `src=’’` и `alt=`, является атрибутом тега или элемента.
Далее мы углубимся в основы CSS. Нажмите на ссылку ниже, чтобы узнать, что мы можем с этим сделать.
